:root{--studio-bg-deep: #101417;--studio-bg-workspace: #151a1e;--studio-surface-0: #181d21;--studio-surface-1: #1d2328;--studio-surface-2: #232a30;--studio-surface-3: #2a3239;--studio-border-soft: #2d363d;--studio-border: #364149;--studio-border-strong: #45535c;--studio-text: #edf3f6;--studio-text-soft: #c3cdd3;--studio-text-muted: #89969e;--studio-accent: #21d5ef;--studio-accent-soft: #80e9f7;--studio-accent-dim: #14373d;--studio-danger: #f07f7f;--studio-radius-xs: 3px;--studio-radius-sm: 5px;--studio-radius-md: 7px;--studio-radius-lg: 10px;--studio-shadow-panel: 0 10px 30px rgb(0 0 0 / 24%);--studio-shadow-canvas: 0 10px 34px rgb(0 0 0 / 42%);--studio-glass-solid: rgba(29, 35, 40, .97);--studio-transition: .12s ease}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111417;color:#e8edf1}button,input{font:inherit}button{color:inherit}.studio{display:grid;grid-template-rows:42px minmax(0,1fr);width:100vw;height:100vh;background:#15191d}.topbar{position:relative;z-index:10;display:flex;align-items:center;gap:18px;min-width:0;padding:0 12px;border-bottom:1px solid #2c3238;background:#1b2025}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;letter-spacing:.04em}.brand-dot{width:8px;height:8px;border-radius:50%;background:#22d7f2}.menus{display:flex;height:100%;align-items:center}.menus button{height:100%;padding:0 9px;border:0;background:transparent;font-size:13px;cursor:pointer}.menus button:hover{background:#2a3036}.document-name{margin-left:auto;overflow:hidden;color:#909ba5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:44px minmax(0,1fr) 260px;min-height:0}.toolbar{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-right:1px solid #2a3035;background:#1c2126}.toolbar button{width:34px;height:34px;border:0;border-radius:5px;background:transparent;font-weight:600;cursor:pointer}.toolbar button:hover{background:#30373e}.editor{display:grid;grid-template-rows:34px minmax(0,1fr) 26px;min-width:0;min-height:0;background:#101316}.document-tabs{display:flex;align-items:end;overflow:hidden;border-bottom:1px solid #292f34;background:#1a1f23}.document-tab{display:flex;align-items:center;gap:30px;height:33px;padding:0 12px;border-right:1px solid #292f34;color:#a7b0b7;font-size:12px}.document-tab.active{background:#252b30;color:#f1f5f7}.viewport{display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;overflow:hidden;padding:54px;background:radial-gradient(circle at center,#242a2f 0,#1b2024 45%,#161a1e)}.canvas{position:relative;width:min(78%,1000px);max-height:78%;background:linear-gradient(45deg,#e8e8e8 25%,transparent 25%),linear-gradient(-45deg,#e8e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8e8 75%),linear-gradient(-45deg,transparent 75%,#e8e8e8 75%),#f5f5f5;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-shadow:0 6px 30px #00000073}.canvas-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#182027}.canvas-message strong{font-size:28px}.canvas-message span{color:#5c6871;font-size:13px}.statusbar{display:flex;align-items:center;gap:22px;padding:0 10px;border-top:1px solid #292f34;background:#1a1f23;color:#929da5;font-size:11px}.sidebar{display:grid;grid-template-rows:minmax(180px,40%) minmax(0,1fr);min-height:0;border-left:1px solid #2a3035;background:#1c2126}.panel{min-height:0;border-bottom:1px solid #2d3339}.panel-tabs{display:flex;height:34px;border-bottom:1px solid #2c3237}.panel-tabs button{flex:1;border:0;background:transparent;color:#89949d;font-size:11px}.panel-tabs button.active{color:#eff4f6;box-shadow:inset 0 -2px #22d7f2}.panel-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.panel-body label{display:grid;grid-template-columns:18px 1fr;align-items:center;color:#85919a;font-size:11px}.panel-body input{min-width:0;width:100%;padding:5px 6px;border:1px solid #343b41;border-radius:4px;outline:none;background:#15191d;color:#e9eef1}.panel-title{height:34px;padding:10px 11px 0;border-bottom:1px solid #2c3237;color:#dbe2e6;font-size:11px;font-weight:700}.empty-layers{padding:18px 12px;color:#727e87;font-size:11px;text-align:center}@media(max-width:800px){.workspace{grid-template-columns:40px minmax(0,1fr)}.sidebar{display:none}.menus button:nth-child(n+5){display:none}.viewport{padding:24px}}.viewport{position:relative;min-width:0;min-height:0;overflow:hidden;padding:0;background:#13171a}.editor-canvas{display:block;width:100%;height:100%;outline:none}.renderer-badge{position:absolute;right:10px;bottom:10px;padding:4px 7px;border:1px solid #39434a;border-radius:4px;background:#14181bdb;color:#8d99a2;font-size:9px;font-weight:700;letter-spacing:.08em;pointer-events:none}.renderer-error{position:absolute;inset:0;display:grid;place-items:center;background:#181c20;color:#f08c8c;font-size:13px}.hidden-file-input{display:none}.drop-overlay{position:absolute;inset:18px;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:2px dashed #22d7f2;border-radius:8px;background:#111b1fe0;color:#f1f7f9;pointer-events:none}.drop-overlay strong{font-size:18px}.drop-overlay span{color:#98a8b0;font-size:12px}.viewport.is-dragging{box-shadow:inset 0 0 0 1px #22d7f24d}.empty-layers{display:flex;align-items:center;flex-direction:column;gap:8px}.empty-layers span{color:#6f7b83;font-size:10px}.open-image-button{padding:7px 12px;border:1px solid #39434a;border-radius:5px;background:#252c31;color:#e9eff2;cursor:pointer}.open-image-button:hover{border-color:#22d7f2}.layer-list{overflow:auto;padding:5px}.layer-row{display:grid;grid-template-columns:18px 34px minmax(0,1fr);gap:5px;align-items:center;width:100%;min-height:42px;padding:5px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#cbd3d8;text-align:left;cursor:pointer}.layer-row:hover{background:#252b30}.layer-row.active{border-color:#3a4a51;background:#293137}.layer-eye{color:#7e8a92;font-size:8px}.layer-kind{display:grid;place-items:center;width:30px;height:26px;border:1px solid #3b444b;border-radius:3px;background:#171b1f;color:#7ecedc;font-size:8px;font-weight:700}.layer-name{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.studio-error{margin:0 12px 12px;padding:8px 9px;border:1px solid #6d3434;border-radius:5px;background:#2b1b1b;color:#f0aaaa;font-size:11px;line-height:1.4}.toolbar button.active-tool{background:#27383d;color:#8be9f6;box-shadow:inset 0 0 0 1px #3d5960}.viewport{touch-action:none;cursor:default}.editor-canvas{pointer-events:none}.selection-overlay{position:absolute;inset:0;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:none}.selection-outline{fill:none;stroke:#26d7f1;stroke-width:1;vector-effect:non-scaling-stroke}.selection-handle{fill:#f8fcfd;stroke:#159cb0;stroke-width:1;vector-effect:non-scaling-stroke}.viewport:has(.selection-overlay){cursor:move}.history-controls{display:flex;align-items:center;gap:2px;margin-left:2px}.history-controls button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:#b8c2c8;cursor:pointer}.history-controls button:hover:not(:disabled){background:#2a3036;color:#f0f5f7}.history-controls button:disabled{opacity:.3;cursor:default}body{background:var(--studio-bg-deep);color:var(--studio-text)}.studio{background:var(--studio-bg-workspace)}.topbar{border-color:var(--studio-border-soft);background:var(--studio-glass-solid);box-shadow:0 1px #ffffff05}.brand-dot{background:var(--studio-accent);box-shadow:0 0 12px #21d5ef61}.menus button{transition:background var(--studio-transition),color var(--studio-transition)}.menus button:hover{background:var(--studio-surface-3)}.toolbar{border-color:var(--studio-border-soft);background:var(--studio-surface-1)}.toolbar button{transition:background var(--studio-transition),color var(--studio-transition),box-shadow var(--studio-transition)}.toolbar button:hover{background:var(--studio-surface-3)}.toolbar button.active-tool{background:var(--studio-accent-dim);color:var(--studio-accent-soft);box-shadow:inset 0 0 0 1px #21d5ef3d}.document-tabs,.statusbar{border-color:var(--studio-border-soft);background:var(--studio-surface-0)}.document-tab{border-color:var(--studio-border-soft)}.document-tab.active{background:var(--studio-surface-2)}.sidebar{border-color:var(--studio-border-soft);background:var(--studio-surface-1)}.panel,.panel-tabs,.panel-title{border-color:var(--studio-border-soft)}.panel-tabs button.active{color:var(--studio-text);box-shadow:inset 0 -2px var(--studio-accent)}.layer-row{border-radius:var(--studio-radius-sm);transition:background var(--studio-transition),border-color var(--studio-transition)}.layer-row:hover{background:var(--studio-surface-2)}.layer-row.active{border-color:var(--studio-border-strong);background:var(--studio-surface-3)}.renderer-badge{border-color:var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-glass-solid)}.selection-overlay{pointer-events:none}.selection-outline,.selection-rotate-line{fill:none;stroke:var(--studio-accent);stroke-width:1;vector-effect:non-scaling-stroke}.selection-handle,.selection-rotate-handle{pointer-events:all;fill:#f8fdfe;stroke:#159bb0;stroke-width:1;vector-effect:non-scaling-stroke}.selection-handle-nw,.selection-handle-se{cursor:nwse-resize}.selection-handle-ne,.selection-handle-sw{cursor:nesw-resize}.selection-rotate-handle{cursor:grab}.selection-rotate-handle:active{cursor:grabbing}.transform-properties{padding:12px}.transform-empty{padding:18px 12px;color:var(--studio-text-muted);font-size:11px;text-align:center}.transform-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:8px}.transform-row:has(.aspect-lock){grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}.transform-row.single{grid-template-columns:minmax(0,1fr)}.transform-row label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;min-width:0;color:var(--studio-text-muted);font-size:10px}.transform-row input{width:100%;min-width:0;height:28px;padding:0 7px;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);outline:none;background:var(--studio-surface-0);color:var(--studio-text);font-size:11px}.transform-row input:focus{border-color:var(--studio-accent);box-shadow:0 0 0 2px #21d5ef1a}.aspect-lock{width:30px;height:28px;padding:0;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-surface-0);color:var(--studio-text-muted);cursor:pointer}.aspect-lock.active{border-color:#21d5ef61;background:var(--studio-accent-dim);color:var(--studio-accent-soft)}.open-image-button{border-color:var(--studio-border);background:var(--studio-surface-2);transition:border-color var(--studio-transition),background var(--studio-transition)}.open-image-button:hover{border-color:var(--studio-accent);background:var(--studio-surface-3)}.drop-overlay{border-color:var(--studio-accent);border-radius:var(--studio-radius-lg);background:#141b1ff5;box-shadow:var(--studio-shadow-panel)}.studio-error{border-color:#713a3a;background:#2a1c1c;color:#f0aaaa}.layers-panel{display:grid;grid-template-rows:34px minmax(0,1fr) auto;min-height:0}.layers-panel-header{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 11px;border-bottom:1px solid var(--studio-border-soft);color:var(--studio-text);font-size:11px;font-weight:700}.layers-count{display:grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border:1px solid var(--studio-border);border-radius:9px;background:var(--studio-surface-0);color:var(--studio-text-muted);font-size:9px;font-weight:600}.layer-list{min-height:0;overflow:auto;padding:6px}.layer-row{display:grid;grid-template-columns:24px 38px minmax(0,1fr) 24px;gap:6px;align-items:center;width:100%;min-height:48px;padding:5px 6px;margin-bottom:3px;border:1px solid transparent;outline:none;color:var(--studio-text-soft);cursor:default}.layer-row:focus-visible{border-color:var(--studio-accent)}.layer-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.layer-name{overflow:hidden;color:var(--studio-text-soft);font-size:11px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.layer-meta{overflow:hidden;color:var(--studio-text-muted);font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.layer-mini-control{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--studio-radius-sm);background:transparent;color:var(--studio-text-muted);font-size:9px;font-weight:700;cursor:pointer}.layer-mini-control:hover{background:var(--studio-surface-3);color:var(--studio-text)}.layer-mini-control.locked{background:var(--studio-accent-dim);color:var(--studio-accent-soft)}.layer-kind{display:grid;place-items:center;width:36px;height:32px;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-surface-0);color:var(--studio-accent-soft);font-size:8px;font-weight:800;letter-spacing:.04em}.layers-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px 30px minmax(0,1fr);gap:4px;padding:7px;border-top:1px solid var(--studio-border-soft);background:var(--studio-surface-0)}.layers-actions button{min-width:0;height:29px;padding:0 7px;overflow:hidden;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-surface-2);color:var(--studio-text-soft);font-size:9px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background var(--studio-transition),border-color var(--studio-transition),color var(--studio-transition)}.layers-actions button:hover:not(:disabled){border-color:var(--studio-border-strong);background:var(--studio-surface-3);color:var(--studio-text)}.layers-actions button:first-child:hover:not(:disabled){border-color:#21d5ef7a;color:var(--studio-accent-soft)}.layers-actions button.danger:hover:not(:disabled){border-color:#754242;background:#352323;color:#f0abab}.layers-actions button:disabled{opacity:.32;cursor:default}.text-properties{display:flex;flex-direction:column;gap:10px;padding:12px}.text-field,.text-property-row label{display:flex;min-width:0;flex-direction:column;gap:5px}.text-field>span,.text-property-row label>span{color:var(--studio-text-muted);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.text-field textarea,.text-property-row input,.text-property-row select{width:100%;min-width:0;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);outline:none;background:var(--studio-surface-0);color:var(--studio-text);font:inherit;font-size:11px;transition:border-color var(--studio-transition),box-shadow var(--studio-transition)}.text-field textarea{min-height:78px;padding:8px;resize:vertical;line-height:1.4}.text-property-row input,.text-property-row select{height:30px;padding:0 7px}.text-field textarea:focus,.text-property-row input:focus,.text-property-row select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 2px #21d5ef1a}.text-property-row{display:grid;gap:8px}.text-property-row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.text-colour-control{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;align-items:center}.text-colour-control input[type=color]{width:32px;height:30px;padding:2px;cursor:pointer}.text-colour-control code{overflow:hidden;color:var(--studio-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.text-align-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.text-align-controls button{height:30px;padding:0;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-surface-0);color:var(--studio-text-muted);cursor:pointer}.text-align-controls button:hover{background:var(--studio-surface-3);color:var(--studio-text)}.text-align-controls button.active{border-color:#21d5ef66;background:var(--studio-accent-dim);color:var(--studio-accent-soft)}.shape-properties{display:flex;flex-direction:column;gap:10px;padding:12px}.shape-field,.shape-property-row label{display:flex;min-width:0;flex-direction:column;gap:5px}.shape-field>span,.shape-property-row label>span{color:var(--studio-text-muted);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.shape-field select,.shape-property-row input{width:100%;min-width:0;height:30px;padding:0 7px;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);outline:none;background:var(--studio-surface-0);color:var(--studio-text);font:inherit;font-size:11px}.shape-field select:focus,.shape-property-row input:focus{border-color:var(--studio-accent);box-shadow:0 0 0 2px #21d5ef1a}.shape-property-row{display:grid;gap:8px}.shape-property-row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shape-colour-control{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;align-items:center}.shape-colour-control input[type=color]{width:32px;height:30px;padding:2px;cursor:pointer}.shape-colour-control input[type=color]:disabled{opacity:.35;cursor:default}.shape-colour-control code{overflow:hidden;color:var(--studio-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.viewport.is-panning{cursor:grabbing}.viewport.is-zoom-tool,.viewport.is-zoom-tool:active{cursor:zoom-in}.view-zoom-controls{display:flex;align-items:center;gap:3px}.view-zoom-controls button{display:grid;place-items:center;height:20px;min-width:22px;padding:0 6px;border:1px solid var(--studio-border-soft);border-radius:var(--studio-radius-xs);background:var(--studio-surface-1);color:var(--studio-text-muted);font-size:10px;cursor:pointer;transition:background var(--studio-transition),border-color var(--studio-transition),color var(--studio-transition)}.view-zoom-controls button:hover{border-color:var(--studio-border-strong);background:var(--studio-surface-3);color:var(--studio-text)}.view-zoom-controls .zoom-value{min-width:46px;color:var(--studio-text-soft);font-variant-numeric:tabular-nums}.view-zoom-controls .fit-view-button{min-width:32px;color:var(--studio-accent-soft)}.statusbar{user-select:none}.studio-menu-bar{position:relative;display:flex;align-items:center}.menu-root{position:relative}.menu-root>summary{display:flex;align-items:center;height:30px;padding:0 9px;border-radius:var(--studio-radius-sm);color:var(--studio-text-soft);font-size:11px;list-style:none;cursor:default;user-select:none}.menu-root>summary::-webkit-details-marker{display:none}.menu-root[open]>summary,.menu-root>summary:hover{background:var(--studio-surface-3);color:var(--studio-text)}.menu-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:220px;padding:5px;border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-glass-solid);box-shadow:var(--studio-shadow-panel)}.menu-popover button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:31px;padding:0 9px;border:0;border-radius:var(--studio-radius-sm);background:transparent;color:var(--studio-text-soft);text-align:left;cursor:pointer}.menu-popover button:hover{background:var(--studio-surface-3);color:var(--studio-text)}.menu-popover kbd{color:var(--studio-text-muted);font:inherit;font-size:9px}.menu-separator{height:1px;margin:4px 5px;background:var(--studio-border-soft)}.studio-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#070a0c9e}.studio-modal{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--studio-border);border-radius:var(--studio-radius-lg);background:#1d2328;box-shadow:0 26px 80px #00000085}.canvas-size-modal{width:min(430px,calc(100vw - 32px))}.studio-modal-header{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:14px 18px;border-bottom:1px solid var(--studio-border-soft)}.modal-kicker{display:block;margin-bottom:3px;color:var(--studio-accent-soft);font-size:8px;font-weight:800;letter-spacing:.12em}.studio-modal-header h2{margin:0;color:var(--studio-text);font-size:18px;font-weight:650}.modal-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:var(--studio-radius-sm);background:transparent;color:var(--studio-text-muted);font-size:20px;cursor:pointer}.modal-close:hover{background:var(--studio-surface-3);color:var(--studio-text)}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:16px 18px 4px}.preset-grid button{display:flex;min-width:0;min-height:58px;flex-direction:column;justify-content:center;gap:3px;padding:8px;border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-surface-1);color:var(--studio-text-soft);cursor:pointer}.preset-grid button:hover{border-color:#21d5ef61;background:var(--studio-surface-2)}.preset-grid strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.preset-grid span{color:var(--studio-text-muted);font-size:8px}.document-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;padding:16px 18px}.document-field{display:flex;min-width:0;flex-direction:column;gap:5px}.document-field.full{grid-column:1 / -1}.document-field>span,.anchor-section>span{color:var(--studio-text-muted);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.document-field input,.document-field select{width:100%;height:33px;min-width:0;padding:0 9px;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);outline:none;background:var(--studio-surface-0);color:var(--studio-text);font:inherit;font-size:11px}.document-field input:focus,.document-field select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 2px #21d5ef17}.field-with-unit{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:5px}.field-with-unit>span{color:var(--studio-text-muted);font-size:9px;text-align:center}.document-colour-picker{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}.document-colour-picker input[type=color]{width:42px;height:33px;padding:2px}.document-colour-picker code{color:var(--studio-text-muted);font-size:10px}.document-engine-note{display:flex;align-items:center;justify-content:space-between;margin:0 18px 16px;padding:10px 11px;border:1px solid var(--studio-border-soft);border-radius:var(--studio-radius-md);background:var(--studio-surface-0)}.document-engine-note strong{color:var(--studio-text-soft);font-size:9px}.document-engine-note span{color:var(--studio-text-muted);font-size:9px}.current-canvas-size{margin:16px 18px 0;padding:9px 10px;border:1px solid var(--studio-border-soft);border-radius:var(--studio-radius-sm);background:var(--studio-surface-0);color:var(--studio-text-muted);font-size:10px}.anchor-section{display:flex;align-items:center;flex-direction:column;gap:9px;padding:0 18px 18px}.anchor-grid{display:grid;grid-template-columns:repeat(3,31px);gap:4px}.anchor-grid button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-surface-0);cursor:pointer}.anchor-grid button span{width:7px;height:7px;border-radius:50%;background:var(--studio-text-muted)}.anchor-grid button:hover{background:var(--studio-surface-3)}.anchor-grid button.active{border-color:#21d5ef7a;background:var(--studio-accent-dim)}.anchor-grid button.active span{background:var(--studio-accent-soft)}.studio-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--studio-border-soft);background:var(--studio-surface-0)}.studio-modal-footer button{min-width:86px;height:32px;padding:0 13px;border-radius:var(--studio-radius-sm);font-size:10px;font-weight:650;cursor:pointer}.studio-modal-footer .secondary{border:1px solid var(--studio-border);background:var(--studio-surface-2);color:var(--studio-text-soft)}.studio-modal-footer .primary{border:1px solid #31cde2;background:#19bcd3;color:#071114}.studio-modal-footer .primary:hover{background:#26c9df}@media(max-width:760px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-form{grid-template-columns:minmax(0,1fr)}.document-field.full{grid-column:auto}}.image-size-modal{width:min(500px,calc(100vw - 32px))}.image-size-summary{display:flex;align-items:center;justify-content:space-between;margin:16px 18px 0;padding:10px 11px;border:1px solid var(--studio-border-soft);border-radius:var(--studio-radius-md);background:var(--studio-surface-0)}.image-size-summary strong{color:var(--studio-text-soft);font-size:10px}.image-size-summary span{color:var(--studio-text-muted);font-size:10px;font-variant-numeric:tabular-nums}.image-size-toggle-column{display:flex;min-height:55px;flex-direction:column;justify-content:center;gap:8px}.studio-check-row{display:flex;align-items:center;gap:7px;color:var(--studio-text-soft);font-size:10px;cursor:pointer}.studio-check-row input{width:14px;height:14px;margin:0;accent-color:var(--studio-accent)}.studio-check-row input:disabled+span{opacity:.45}.image-size-note{margin-bottom:10px}.image-size-info,.image-size-error,.image-size-progress{margin:0 18px 12px;padding:9px 10px;border-radius:var(--studio-radius-sm);font-size:9px;line-height:1.45}.image-size-info{border:1px solid var(--studio-border-soft);background:var(--studio-surface-0);color:var(--studio-text-muted)}.image-size-error{border:1px solid rgb(236 101 101 / 34%);background:#7822222e;color:#ffb7b7}.image-size-progress{display:flex;align-items:center;gap:8px;border:1px solid rgb(33 213 239 / 25%);background:var(--studio-accent-dim);color:var(--studio-accent-soft)}.image-size-progress-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--studio-accent);animation:studio-image-size-pulse .9s ease-in-out infinite alternate}@keyframes studio-image-size-pulse{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}.studio-modal button:disabled,.studio-modal input:disabled,.studio-modal select:disabled{cursor:default;opacity:.5}.viewport.is-marquee-tool{cursor:crosshair}.selection-mask-overlay{position:absolute;inset:0;z-index:7;width:100%;height:100%;overflow:visible;pointer-events:none}.selection-mask-ant-dark,.selection-mask-ant-light,.selection-mask-draft{fill:none;vector-effect:non-scaling-stroke}.selection-mask-ant-dark{stroke:#050708;stroke-width:1.5}.selection-mask-ant-light{stroke:#f2f7f8;stroke-width:1.5;stroke-dasharray:5 5;animation:studio-selection-ants .7s linear infinite}.selection-mask-draft{stroke:var(--studio-accent);stroke-width:1;stroke-dasharray:4 3;fill:#21d5ef0f}@keyframes studio-selection-ants{to{stroke-dashoffset:-10}}.selection-mode-controls{position:absolute;top:10px;left:50%;z-index:12;display:flex;gap:3px;padding:4px;border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-glass-solid);box-shadow:var(--studio-shadow-panel);transform:translate(-50%);pointer-events:auto}.selection-mode-controls button{min-width:42px;height:27px;padding:0 8px;border:1px solid transparent;border-radius:var(--studio-radius-sm);background:transparent;color:var(--studio-text-muted);font-size:9px;font-weight:650;cursor:pointer}.selection-mode-controls button:hover{background:var(--studio-surface-3);color:var(--studio-text)}.selection-mode-controls button.active{border-color:#21d5ef57;background:var(--studio-accent-dim);color:var(--studio-accent-soft)}.document-checkerboard-surface{position:absolute;z-index:0;pointer-events:none;background-color:#e7e9eb;background-image:conic-gradient(#c9cdd1 25%,#e7e9eb 0 50%,#c9cdd1 0 75%,#e7e9eb 0);background-position:0 0;background-size:16px 16px;box-shadow:0 0 0 1px #ffffff12}.editor-canvas{z-index:1}.selection-handle-n,.selection-handle-s{cursor:ns-resize}.selection-handle-e,.selection-handle-w{cursor:ew-resize}.selection-reference-cross{pointer-events:none;stroke:var(--studio-accent);stroke-width:1;vector-effect:non-scaling-stroke}.selection-reference-point{pointer-events:all;fill:var(--studio-surface-0);stroke:var(--studio-accent);stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:move}.selection-reference-point:active{cursor:grabbing}