:root{color-scheme:dark;--studio-bg:#171d29;--studio-panel:#202735;--studio-border:#354052;--studio-muted:#9caabd;--studio-text:#edf0f5;--studio-accent:#e9ac70;--studio-blue:#78b4ee;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13px;color:var(--studio-text);background:var(--studio-bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{color:inherit;background:#2a3343;border:1px solid #414d60;border-radius:6px;padding:8px 11px;cursor:pointer;transition:background .12s,border-color .12s}button:hover{background:#374359;border-color:#70829b}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--studio-blue);outline-offset:3px}.primary{background:var(--studio-accent);border-color:var(--studio-accent);color:#222435;font-weight:700}.primary:hover{background:#f5c38d;border-color:#f5c38d}a{color:var(--studio-blue);text-decoration:none}input,select,textarea{background:#181f2c;color:var(--studio-text);border:1px solid #414d60;border-radius:5px;padding:7px;min-width:0;width:100%}input[type=color]{height:33px;padding:3px;cursor:pointer}input[type=checkbox]{width:auto;accent-color:var(--studio-accent)}textarea{resize:vertical;min-height:66px;line-height:1.5}label{display:grid;gap:5px;color:#b7c3d4;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{height:76px;display:flex;align-items:center;gap:30px;padding:0 24px;border-bottom:1px solid var(--studio-border);background:#1c2330}.brand{display:flex;gap:13px;align-items:center;color:#edf0f5;letter-spacing:2px;font-size:12px;font-weight:700;flex-shrink:0}.brand-mark{font-family:Georgia,serif;font-size:36px;letter-spacing:-8px;width:42px;color:var(--studio-accent);font-weight:400}.brand-mark span{font-size:27px}.brand small{display:block;font-size:15px;letter-spacing:.3px;margin-top:5px;font-weight:400}.brand b{font-size:8px;letter-spacing:1px;color:var(--studio-muted);margin-left:7px}.document-meta{display:grid;grid-template-columns:8px 1fr;gap:5px 9px;margin:auto;font-size:12px}.document-meta small{grid-column:2;color:var(--studio-muted);font-size:10px}.document-dot,.live-dot{display:inline-block;width:6px;height:6px;background:#9abe99;border-radius:50%;align-self:center}.topbar nav{display:flex;gap:8px;flex-shrink:0}.topbar nav .primary{margin-left:5px;padding:10px 17px}.topbar nav span{margin-left:15px}.workspace{display:grid;grid-template-columns:232px minmax(340px,1fr) 262px;height:calc(100dvh - 76px);min-height:530px}.library,.inspector{background:var(--studio-panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4c596c transparent}.library{border-right:1px solid var(--studio-border);padding:24px 17px 14px}.inspector{border-left:1px solid var(--studio-border);padding:24px 18px}.eyebrow,.section-label{font-size:9px;letter-spacing:1.7px;color:var(--studio-muted);font-weight:700}.sidebar-heading h1{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:10px 0}.sidebar-heading p{font-size:11px;color:var(--studio-muted);margin:0 0 22px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette button{text-align:left;padding:12px 9px;background:#252f40;border-color:#3c485b;font-size:11px}.palette .component-icon{display:block;font-size:21px;height:31px;color:#b9c8db;font-family:Georgia,serif}.palette button:hover .component-icon{color:var(--studio-accent)}.section-label{display:flex;justify-content:space-between;align-items:center}.section-label span{font-size:10px;letter-spacing:0;color:#d2dae6}.presets-section,.layers-section{margin-top:26px;padding-top:18px;border-top:1px solid var(--studio-border)}.hint{font-size:10px;color:var(--studio-muted);line-height:1.6}.preset-row{display:flex;gap:5px;margin-top:8px}.preset-row button:first-child{flex:1;text-align:left;font-size:11px}.preset-row button:last-child{padding:5px 8px;color:#b8c4d4}.layer{display:flex;align-items:center;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:5px;margin:2px 0;padding:8px 7px;gap:8px;color:#b7c3d4}.layer .layer-icon{color:#8d9fb8;font-size:12px;min-width:17px}.layer .layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layer.selected{background:#35465c;border-color:#6488ad;color:#fff}.layer .locked-icon{margin-left:auto}.library-footer{margin-top:24px;border-top:1px solid var(--studio-border);padding-top:15px;display:grid;gap:7px}.library-footer button{font-size:11px;text-align:left;background:transparent}.library-footer a{font-size:10px;padding:8px}.canvas-area{display:grid;grid-template-rows:53px minmax(0,1fr) 35px;min-width:0;min-height:0;background:#151c28}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#1d2532;border-bottom:1px solid var(--studio-border);gap:10px}.toolbar-group{display:flex;gap:5px;align-items:center}.canvas-toolbar button{font-size:11px;padding:5px 7px;background:transparent;border-color:transparent}.canvas-toolbar button:hover{background:#364256}.toolbar-rule{height:17px;width:1px;background:#414d60;margin:0 5px}.toggle{display:flex;align-items:center;gap:4px;font-size:10px;cursor:pointer;white-space:nowrap}.canvas-toolbar select{font-size:11px;width:70px;padding:5px}.canvas-scroll{overflow:auto;scrollbar-color:#4c596c #151c28;padding:38px 40px 50px;display:block;background-image:radial-gradient(#313b4b .65px,transparent .65px);background-size:12px 12px}.page-wrap{margin:0 auto;width:612px;height:792px;box-shadow:0 8px 35px #0005;position:relative}.page-wrap::before{content:'01 / JOURNAL';position:absolute;top:-20px;left:0;font-size:9px;color:#8d9aad;letter-spacing:2px}#sheet{display:block;background:white;width:100%;height:100%;color:#111;touch-action:none;outline:none;user-select:none}#sheet .object{cursor:move}#sheet .object.locked{cursor:pointer}#sheet .selection{pointer-events:none}#sheet .resize-handle{cursor:nwse-resize;pointer-events:all}#sheet .resize-handle[data-corner=ne],#sheet .resize-handle[data-corner=sw]{cursor:nesw-resize}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border-top:1px solid var(--studio-border);background:#1d2532;font-size:9px;letter-spacing:.6px;color:var(--studio-muted)}.canvas-footer>span:first-child{display:flex;align-items:center;gap:7px;min-width:0}.canvas-footer #status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.footer-divider{padding:0 10px;color:#54617a}.inspector h2{font-size:19px;font-family:Georgia,serif;font-weight:400;margin:10px 0 5px}.inspector .inspector-subtitle{font-size:10px;color:var(--studio-muted);margin-bottom:20px}.property-section{border-top:1px solid var(--studio-border);padding-top:17px;margin-top:19px}.property-section h3{font-size:9px;letter-spacing:1.5px;color:var(--studio-muted);margin:0 0 13px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 10px}.property-grid .full{grid-column:1/-1}.property-grid .check-label{display:flex;align-items:center;gap:7px;margin-top:5px}.inspector-actions{display:grid;gap:7px;margin-top:18px}.inspector-actions button{font-size:11px}.inspector-actions .danger{color:#efacac}.align-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.align-buttons button{font-size:10px;padding:6px 2px}.empty-card{border:1px dashed #526077;border-radius:8px;padding:17px 13px;margin-top:20px}.empty-card p{font-size:11px;color:#adb9ca;line-height:1.8;margin:0}.keyboard-guide{margin-top:22px;display:grid;gap:9px;font-size:10px;color:var(--studio-muted)}.keyboard-guide div{display:flex;justify-content:space-between;gap:8px}kbd{font:10px Consolas,monospace;border:1px solid #4a576b;padding:2px 5px;border-radius:3px;color:#d6deea}dialog{color:var(--studio-text);background:var(--studio-panel);border:1px solid #5b6b82;border-radius:12px;max-width:410px;padding:24px}dialog::backdrop{background:#070d18bb}dialog h2{margin:0 0 12px;font-family:Georgia,serif;font-weight:400}dialog p{color:#b9c5d6;line-height:1.7}dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
@media(max-width:1150px){.workspace{grid-template-columns:200px minmax(300px,1fr) 230px}.topbar{padding:0 16px;gap:15px}.brand b{display:none}.document-meta{display:none}.topbar nav{margin-left:auto}.canvas-toolbar{padding:0 8px}.canvas-scroll{padding:35px 25px}.toolbar-rule{margin:0 2px}.canvas-toolbar button{padding:5px}.canvas-footer>span:last-child{display:none}.library{padding:22px 12px}.inspector{padding:22px 13px}}
@media(max-width:800px){.workspace{grid-template-columns:170px minmax(300px,1fr);height:auto;min-height:calc(100dvh - 76px)}.canvas-area{height:calc(100dvh - 76px);min-height:600px}.library{grid-row:1/3}.inspector{grid-column:2;border-top:1px solid var(--studio-border);max-height:none}.canvas-toolbar{flex-wrap:wrap;align-content:center;gap:2px}.canvas-area{grid-template-rows:74px minmax(0,1fr) 35px}.topbar nav button{font-size:10px;padding:7px}.topbar nav .primary{padding:8px}.brand{font-size:9px;gap:8px}.brand small{font-size:12px}.brand-mark{font-size:30px;width:34px}.topbar{gap:8px}.topbar nav{gap:4px}.topbar nav span{margin-left:3px}.sidebar-heading h1{font-size:21px}.property-grid{grid-template-columns:repeat(4,1fr)}.property-grid .full{grid-column:1/-1}.inspector-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.workspace{grid-template-columns:130px minmax(230px,1fr)}.topbar .brand-mark{display:none}.topbar{padding:0 9px}.topbar nav .primary{margin-left:0}.library{padding:20px 8px}.palette{gap:5px}.palette button{font-size:10px;padding:9px 6px}.sidebar-heading h1{font-size:18px}.eyebrow{font-size:8px}.canvas-toolbar .toggle{font-size:9px}.canvas-scroll{padding-left:18px;padding-right:18px}.section-label{font-size:8px;letter-spacing:.5px}.property-grid{grid-template-columns:1fr 1fr}}