:root{
  --bg:#f3f4f6;--surface:#fff;--surface-2:#fafafa;--surface-3:#f0f1f3;--text:#292929;--muted:#6e6e6e;--line:#d9d9d9;--line-strong:#b8b8b8;
  --primary:#1473e6;--primary-2:#0d66d0;--accent:#268e6c;--danger:#c9252d;--warning:#e79a13;--shadow:0 14px 34px rgba(0,0,0,.12);--shadow-sm:0 4px 14px rgba(0,0,0,.08);
  --radius:10px;--radius-sm:7px;--control-h:36px;--topbar:66px;--builder:390px;--right:330px;--panel-pad:14px;--motion:160ms;
  font-family:Inter,"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color-scheme:light;
}
html[data-theme="fluent"]{--bg:#f5f5f5;--surface:#fff;--surface-2:#fafafa;--surface-3:#f0f0f0;--text:#242424;--muted:#616161;--line:#d1d1d1;--line-strong:#adadad;--primary:#0f6cbd;--primary-2:#115ea3;--accent:#107c10;--radius:10px;--radius-sm:7px;--shadow:0 8px 24px rgba(0,0,0,.10)}
html[data-theme="swiss"]{--bg:#f4f4f1;--surface:#fff;--surface-2:#f7f7f3;--surface-3:#ecece7;--text:#111;--muted:#5e5e5a;--line:#c8c8c2;--line-strong:#111;--primary:#111;--primary-2:#e21d2f;--accent:#e21d2f;--radius:0px;--radius-sm:0px;--shadow:none;--shadow-sm:none}
html[data-theme="glass"]{--bg:#dce9f3;--surface:rgba(255,255,255,.76);--surface-2:rgba(255,255,255,.58);--surface-3:rgba(229,240,248,.70);--text:#15304b;--muted:#60788d;--line:rgba(255,255,255,.80);--line-strong:#84a9c7;--primary:#315b9b;--primary-2:#244b84;--accent:#20a38a;--radius:18px;--radius-sm:12px;--shadow:0 18px 48px rgba(44,74,104,.18);--shadow-sm:0 8px 24px rgba(44,74,104,.12)}
html[data-theme="soft"]{--bg:#e7ecf2;--surface:#e7ecf2;--surface-2:#edf2f7;--surface-3:#dbe2ea;--text:#33445a;--muted:#708096;--line:#d6dde5;--line-strong:#9eacc0;--primary:#526b8a;--primary-2:#405875;--accent:#7468d5;--radius:18px;--radius-sm:12px;--shadow:8px 8px 20px #c6ccd3,-8px -8px 20px #fff;--shadow-sm:4px 4px 10px #c6ccd3,-4px -4px 10px #fff}
html[data-theme="brutal"]{--bg:#ffeebe;--surface:#fffdf4;--surface-2:#fff6d6;--surface-3:#ffd76a;--text:#111;--muted:#494949;--line:#111;--line-strong:#111;--primary:#111;--primary-2:#e65100;--accent:#ff9f00;--radius:0px;--radius-sm:0px;--shadow:5px 5px 0 #111;--shadow-sm:3px 3px 0 #111;--motion:0ms}
html[data-theme="dark"]{--bg:#090d10;--surface:#151a1e;--surface-2:#1c2227;--surface-3:#10161b;--text:#e8eff4;--muted:#91a2ae;--line:#2a333a;--line-strong:#4b5d69;--primary:#e7eef3;--primary-2:#b8cbd7;--accent:#37d99b;--danger:#ff626d;--radius:10px;--radius-sm:7px;--shadow:0 16px 42px rgba(0,0,0,.38);color-scheme:dark}
html[data-theme="blueprint"]{--bg:#081f33;--surface:#0f3551;--surface-2:#123d5c;--surface-3:#0a2a42;--text:#daf3ff;--muted:#9ac4d8;--line:#2c5a75;--line-strong:#6caac8;--primary:#d7f3ff;--primary-2:#55d4ff;--accent:#42c8f5;--radius:4px;--radius-sm:2px;--shadow:0 16px 40px rgba(0,0,0,.28);color-scheme:dark}
*{box-sizing:border-box;min-width:0}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.noprint{}
html[data-theme="glass"] .topbar,html[data-theme="glass"] .builder-card,html[data-theme="glass"] .canvas-card,html[data-theme="glass"] .right-panel,html[data-theme="glass"] dialog,html[data-theme="glass"] .drawer-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-theme="brutal"] button,html[data-theme="brutal"] input,html[data-theme="brutal"] select,html[data-theme="brutal"] textarea{border-width:2px!important}

.topbar{height:var(--topbar);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:50}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:260px}.brandmark{width:40px;height:40px;border-radius:calc(var(--radius-sm) + 2px);background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm)}html[data-theme="dark"] .brandmark{color:#10161b}.brandmark svg{width:24px;height:24px}.brand strong{display:block;font-size:15px;line-height:1.1}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.project-name{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.project-name input{width:230px;height:38px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:0 12px;font-weight:800}.save-status{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.save-status i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.top-actions{display:flex;gap:7px;align-items:center}.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);height:38px;padding:0 13px;font-weight:850;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform var(--motion),border-color var(--motion),box-shadow var(--motion)}.btn:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}html[data-theme="dark"] .btn.primary{color:#0d1418}.btn.edit{background:color-mix(in srgb,var(--accent) 11%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:color-mix(in srgb,var(--accent) 75%,var(--text))}.btn.edit.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn.icon{width:38px;padding:0;font-size:16px}.btn.grow{flex:1}.btn.full{width:100%}.btn-icon{font-size:14px}

.app-shell{height:calc(100vh - var(--topbar));display:grid;grid-template-columns:var(--builder) minmax(0,1fr);overflow:hidden}.builder-panel{background:var(--surface-2);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;padding:18px 16px 120px;scrollbar-width:thin}.builder-hero{padding:4px 4px 12px}.eyebrow{font-size:9px;font-weight:950;letter-spacing:.15em;color:var(--primary-2)}.builder-hero h1{font-size:23px;line-height:1.18;margin:6px 0 8px;letter-spacing:-.03em}.builder-hero h1 em{font-style:normal;color:var(--primary-2)}.builder-hero p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.builder-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}html[data-theme="spectrum"] .builder-card{box-shadow:none}.step-head{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px}.step-head>div{min-width:0}.step-head strong{display:block;font-size:13px}.step-head small{display:block;font-size:9.5px;color:var(--muted);margin-top:3px;line-height:1.4}.step-no{flex:none;width:27px;height:27px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-weight:950;font-size:10px;display:grid;place-items:center}.mini-link{margin-left:auto;border:0;background:transparent;color:var(--primary-2);font-size:10px;font-weight:900;white-space:nowrap}.field{display:block;margin:0 0 9px;min-width:0}.field>span{display:block;font-size:9.5px;color:var(--muted);font-weight:800;margin:0 0 5px}.field input,.field select,.field textarea{display:block;width:100%;max-width:100%;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);min-height:var(--control-h);padding:8px 10px;font-size:11px}.field textarea{resize:vertical;line-height:1.4}.field-row{display:grid;gap:8px;min-width:0}.field-row>*{min-width:0}.field-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field.color input{padding:3px;height:36px}.category-chips{display:flex;gap:6px;overflow:auto;padding-bottom:7px;margin-bottom:8px;scrollbar-width:thin}.category-chip{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:7px 9px;font-size:9px;font-weight:850;white-space:nowrap}.category-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.category-chip svg{width:14px;height:14px}.template-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:116px;gap:7px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.template-card{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:7px;text-align:left;min-height:98px;transition:transform var(--motion),border-color var(--motion)}.template-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.template-card.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.template-thumb{height:48px;background:color-mix(in srgb,var(--bg) 65%,var(--surface));border-radius:calc(var(--radius-sm) - 2px);display:grid;place-items:center;overflow:hidden;margin-bottom:6px}.template-card strong{font-size:9.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card small{font-size:8px;color:var(--muted);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-button{border:0;background:transparent;color:var(--primary-2);font-size:9.5px;font-weight:900;padding:5px 0}.smart-summary{border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-radius:var(--radius-sm);padding:9px 10px;font-size:9.5px;color:var(--muted);line-height:1.45}.smart-summary b{color:var(--text)}.smart-summary strong{color:var(--accent);font-size:11px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 10px;margin-bottom:9px;background:var(--surface-2);min-width:0}.toggle-row span{min-width:0}.toggle-row b{display:block;font-size:10px}.toggle-row small{display:block;font-size:8.5px;color:var(--muted);margin-top:2px;line-height:1.35}.toggle-row input{width:18px;height:18px;accent-color:var(--accent);flex:none}.compact-toggle{padding:7px 8px}.design-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.design-option{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:6px;min-width:0}.design-option.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.design-option .mini-design{height:38px;border-radius:calc(var(--radius-sm) - 2px);overflow:hidden;background:color-mix(in srgb,var(--bg) 60%,var(--surface));display:grid;place-items:center}.design-option span{font-size:8px;font-weight:850;display:block;text-align:center;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-actions{position:sticky;bottom:-120px;display:grid;grid-template-columns:1fr .72fr 1.45fr;gap:7px;background:linear-gradient(180deg,transparent,var(--surface-2) 22%);padding:28px 0 5px;z-index:6}

.studio-area{min-width:0;display:flex;flex-direction:column;overflow:hidden}.studio-toolbar{height:52px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 15px}.current-label{display:flex;align-items:center;gap:8px;min-width:220px}.current-label>span{font-size:8px;font-weight:950;letter-spacing:.1em;background:var(--primary);color:#fff;border-radius:5px;padding:5px 6px}.current-label strong{display:block;font-size:11px}.current-label small{display:block;color:var(--muted);font-size:8.5px;margin-top:2px}.studio-switch{margin-left:auto;display:flex;background:var(--surface-3);border-radius:var(--radius-sm);padding:3px}.studio-switch button{border:0;background:transparent;border-radius:calc(var(--radius-sm) - 2px);padding:7px 9px;font-size:9px;font-weight:850;color:var(--muted)}.studio-switch button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.edit-status{font-size:9px;font-weight:850;color:var(--accent);display:flex;gap:5px;align-items:center}.edit-status i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.2s infinite}
.edit-view{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--right);gap:10px;padding:10px;background:var(--bg)}.canvas-card{min-width:0;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm)}.canvas-top{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}.canvas-top>div:first-child{display:flex;align-items:center;gap:8px}.canvas-top span{font-size:8px;letter-spacing:.12em;font-weight:950;color:var(--primary-2)}.canvas-top strong{font-size:9px;color:var(--muted)}.canvas-mode-note{display:flex;align-items:center;gap:8px;min-width:0}.canvas-mode-note>span{font-size:8.5px;letter-spacing:0;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-chip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 8px;font-size:8.5px;font-weight:850;white-space:nowrap}.editor-commandbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface-2);overflow:visible}.command-group{display:flex;gap:3px;padding-right:7px;border-right:1px solid var(--line);flex:none}.command-group:last-child{border-right:0}.command-group button{height:30px;min-width:30px;border:1px solid var(--line);background:var(--surface);border-radius:calc(var(--radius-sm) - 1px);padding:0 8px;font-size:8.5px;font-weight:850}.command-group button:hover{border-color:var(--primary)}.command-group button:disabled{opacity:.35;cursor:not-allowed}.command-group button.danger{color:var(--danger)}.canvas-space{flex:1;min-height:0;position:relative;display:grid;place-items:center;overflow:auto;padding:40px;background:
 linear-gradient(90deg,color-mix(in srgb,var(--line) 30%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--line) 30%,transparent) 1px,transparent 1px),color-mix(in srgb,var(--bg) 85%,var(--surface));background-size:20px 20px}.canvas-space:focus{outline:none}.canvas-footer{height:36px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.canvas-footer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-stage{position:relative;flex:none;transform-origin:center;background:transparent;filter:drop-shadow(0 14px 18px rgba(0,0,0,.13));user-select:none;touch-action:none}.label-stage.skin-swiss,.label-stage.skin-blueprint{filter:none}.label-stage.skin-brutal{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.7))}.label-stage.skin-glass{filter:drop-shadow(0 16px 22px rgba(30,75,110,.22))}.label-frame-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.label-frame-hit{position:absolute;inset:0;cursor:default;z-index:1}.label-stage.editing .label-frame-hit{cursor:pointer}.label-stage.frame-selected .label-frame-hit{outline:2px solid #2f7df6;outline-offset:3px}.frame-tip-handle{position:absolute;width:14px;height:14px;border:2px solid #2f7df6;background:white;transform:translate(-50%,-50%) rotate(45deg);z-index:30;cursor:ew-resize;box-shadow:0 1px 4px rgba(0,0,0,.18)}.label-decor{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.label-decor.gloss::before{content:"";position:absolute;left:2%;right:2%;top:3%;height:22%;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0));border-radius:999px}.label-decor.grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:12px 12px}.label-decor.hard::after{content:"";position:absolute;inset:0;border:2px solid currentColor;transform:translate(3px,3px);opacity:.45}.label-object{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot,0deg));transform-origin:center;display:flex;align-items:center;justify-content:center;z-index:4;touch-action:none;min-width:4px;min-height:4px}.label-object.text{white-space:pre-wrap;overflow:hidden;line-height:var(--lh,1);word-break:keep-all;overflow-wrap:anywhere}.label-object.text .text-content{display:block;width:100%;max-height:100%;white-space:pre-wrap}.label-object.icon svg{width:100%;height:100%;display:block;overflow:visible}.label-object.locked{pointer-events:none}.label-stage.editing .label-object:not(.locked){cursor:move}.label-object.selected{outline:1.5px solid #2f7df6;outline-offset:1px}.object-handle{position:absolute;width:10px;height:10px;border:1.5px solid #2f7df6;background:#fff;border-radius:2px;z-index:40}.object-handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.object-handle.ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.object-handle.sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.object-handle.se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.object-handle.rotate{left:50%;top:-24px;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;cursor:grab}.object-handle.rotate::after{content:"";position:absolute;left:50%;top:10px;width:1px;height:13px;background:#2f7df6}.group-box{position:absolute;border:1.5px dashed #2f7df6;z-index:50;transform:none;touch-action:none}.group-box .group-move{position:absolute;inset:0;cursor:move;background:rgba(47,125,246,.015)}.group-box .object-handle{z-index:52}.snap-line{position:absolute;background:#e14da3;z-index:60;pointer-events:none}.snap-line.horizontal{height:1px;left:5%;right:5%}.snap-line.vertical{width:1px;top:5%;bottom:5%}

.right-panel{min-width:0;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm)}.right-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-3);padding:5px;border-bottom:1px solid var(--line)}.right-tabs button{border:0;background:transparent;border-radius:calc(var(--radius-sm) - 1px);padding:8px 4px;font-size:9px;font-weight:900;color:var(--muted)}.right-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.right-tabs b{font-size:8px;background:var(--primary);color:white;border-radius:999px;padding:2px 5px;margin-left:3px}.right-content{display:none;flex:1;min-height:0;overflow:auto;padding:10px}.right-content.active{display:block}.panel-help{font-size:8.5px;color:var(--muted);line-height:1.45;padding:3px 0 9px}.layers-list{display:flex;flex-direction:column;gap:5px}.layer-row{display:grid;grid-template-columns:26px 26px minmax(0,1fr) 26px 26px;gap:4px;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:5px}.layer-row.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.layer-row button{width:26px;height:26px;border:1px solid transparent;background:transparent;border-radius:5px;font-size:11px}.layer-row button:hover{border-color:var(--line)}.layer-row .layer-name{border:0;background:transparent;text-align:left;padding:0 4px;overflow:hidden}.layer-row .layer-name strong{display:block;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row .layer-name small{display:block;font-size:7.5px;color:var(--muted);margin-top:1px}.layer-row.hidden-layer{opacity:.5}.inspector-title{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.inspector-title span{font-size:8px;font-weight:950;letter-spacing:.12em;background:var(--primary);color:#fff;border-radius:5px;padding:4px 5px}.inspector-title strong{font-size:12px}.tool-block{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.button-grid button{min-height:34px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);font-size:9px;font-weight:850}.button-grid button.danger{color:var(--danger)}.icon-actions{display:flex;gap:6px;flex-wrap:wrap}.precision-tools{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 9px;margin-top:10px}.precision-tools summary{font-size:9.5px;font-weight:850}.precision-tools[open] summary{margin-bottom:9px}.range-with-value span{display:flex;justify-content:space-between}.range-with-value b{color:var(--text)}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}.color-grid label{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:7px;min-width:0}.color-grid span{font-size:8px;color:var(--muted);display:block;margin-bottom:4px}.color-grid input{display:block;width:100%;max-width:100%;height:32px;border:0;background:transparent;padding:0}.empty-state{display:flex;flex-direction:column;gap:5px;padding:25px 10px;text-align:center;color:var(--muted)}.empty-state strong{font-size:11px;color:var(--text)}.empty-state span{font-size:9px;line-height:1.45}.queue-list{display:flex;flex-direction:column;gap:8px}.queue-item{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px;background:var(--surface-2);display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:center}.queue-thumb{height:48px;border-radius:6px;background:var(--surface-3);overflow:hidden;display:grid;place-items:center}.queue-item strong{font-size:10px;display:block}.queue-item small{font-size:8.5px;color:var(--muted);display:block;margin-top:2px}.queue-actions-mini{grid-column:1/-1;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.queue-actions-mini button{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 7px;font-size:8.5px}.queue-actions-mini button.danger{color:var(--danger)}.queue-empty{padding:35px 10px;text-align:center;color:var(--muted);font-size:10px;line-height:1.5}.text-danger{border:0;background:transparent;color:var(--danger);font-size:9px;font-weight:850;margin:8px auto 0;display:block}

.sheet-view{flex:1;min-height:0;overflow:auto;background:var(--bg)}.sheet-toolbar{height:54px;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 16px;z-index:8}.sheet-toolbar label{font-size:9.5px;color:var(--muted)}.sheet-toolbar select{height:32px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);margin-left:4px}.sheet-plan{margin-left:auto;font-size:9.5px;font-weight:850}.paper-preview{padding:28px;display:flex;flex-direction:column;gap:24px;align-items:center}.paper-page{background:white;box-shadow:0 14px 34px rgba(0,0,0,.15);position:relative;overflow:hidden}.print-label{position:absolute;overflow:visible}.print-label .label-stage{filter:none}.page-index{position:absolute;color:#a3afb6;font-size:3mm;right:3mm;bottom:2mm}

.drawer{position:fixed;inset:0;z-index:80;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(13,27,36,.45);opacity:0;transition:opacity var(--motion)}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;right:0;width:min(430px,92vw);height:100%;background:var(--surface);box-shadow:-20px 0 48px rgba(0,0,0,.18);transform:translateX(105%);transition:transform calc(var(--motion) + 60ms) ease;overflow:auto;overflow-x:hidden;padding:18px}.drawer.open .drawer-panel{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.drawer-head h2,.dialog-head h2{font-size:18px;margin:4px 0}.drawer-head p,.dialog-head p{font-size:9.5px;color:var(--muted);margin:0;line-height:1.45}.close-x{width:34px;height:34px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);font-size:20px;flex:none}.drawer-section{padding:12px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:11px;margin:0 0 10px}

dialog{border:0;background:var(--surface);color:var(--text);border-radius:var(--radius);padding:0;box-shadow:0 30px 90px rgba(0,0,0,.25);width:min(540px,92vw);max-height:88vh}dialog.wide-dialog{width:min(1100px,94vw)}dialog::backdrop{background:rgba(12,25,33,.56);backdrop-filter:blur(3px)}.dialog-card{padding:18px;max-height:88vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.design-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-card{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:9px;text-align:left}.design-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.design-card.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.design-card .preview{height:88px;border-radius:calc(var(--radius-sm) - 2px);background:color-mix(in srgb,var(--bg) 70%,var(--surface));display:grid;place-items:center;overflow:hidden}.design-card strong{display:block;font-size:10px;margin-top:7px}.design-card small{display:block;font-size:8.5px;color:var(--muted);margin-top:2px;line-height:1.35}.template-dialog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.template-dialog-card{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:8px}.template-dialog-card.active{border-color:var(--primary)}.template-dialog-card .preview{height:72px;border-radius:calc(var(--radius-sm) - 2px);background:var(--surface-3);display:grid;place-items:center;overflow:hidden}.template-dialog-card strong{display:block;font-size:9px;margin-top:6px}.style-apply-toggle{max-width:420px}.style-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.style-card{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius);padding:10px;text-align:left;transition:transform var(--motion),border-color var(--motion)}.style-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.style-card.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.style-preview{height:100px;border-radius:calc(var(--radius-sm) + 1px);overflow:hidden;display:grid;grid-template-columns:43% 57%;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.style-ui-mini{padding:7px;display:flex;flex-direction:column;gap:5px;background:var(--mini-bg,#eee)}.style-ui-mini i{display:block;height:9px;background:var(--mini-surface,#fff);border:1px solid var(--mini-line,#ccc);border-radius:var(--mini-radius,4px)}.style-ui-mini i:nth-child(2){width:70%}.style-ui-mini i:nth-child(3){height:28px}.style-label-mini{display:grid;place-items:center;background:var(--mini-canvas,#dfe7eb);position:relative}.style-label-mini .mini-arrow{width:78%;height:28%;background:var(--mini-accent,#1473e6);clip-path:polygon(0 12%,76% 12%,76% 0,100% 50%,76% 100%,76% 88%,0 88%);box-shadow:var(--mini-label-shadow,none)}.style-card strong{display:block;font-size:10px;margin-top:8px}.style-card .source{font-size:7.5px;color:var(--primary-2);font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.style-card small{display:block;font-size:8.5px;color:var(--muted);line-height:1.35;margin-top:4px}.icon-gallery{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.icon-card{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:8px 5px;text-align:center}.icon-card.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.icon-card svg{width:30px;height:30px}.icon-card span{display:block;font-size:7.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.project-item{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px;display:flex;justify-content:space-between;gap:8px}.project-item strong{display:block;font-size:10px}.project-item span{display:block;font-size:8.5px;color:var(--muted)}.project-item button{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:4px 7px;font-size:8.5px;margin-left:4px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shortcut-grid span{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:9px;font-size:9px}.shortcut-grid kbd{display:inline-block;min-width:76px;border:1px solid var(--line-strong);background:var(--surface);border-radius:5px;padding:3px 5px;margin-right:7px;font-size:8px;font-weight:900}.toast-region{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{background:#172b37;color:white;border-radius:9px;padding:10px 13px;font-size:10px;box-shadow:var(--shadow)}.toast.error{background:#9f2525}.toast.info{background:#1d658b}
@keyframes pulse{50%{opacity:.35}}
@media(max-width:1250px){:root{--builder:360px;--right:300px}.brand{min-width:220px}.project-name input{width:170px}.canvas-footer span:last-child{display:none}}
@media(max-width:1030px){.project-name,.save-status{display:none}.app-shell{grid-template-columns:340px minmax(0,1fr)}.edit-view{grid-template-columns:1fr}.right-panel{position:absolute;right:18px;top:72px;width:310px;height:calc(100% - 96px);z-index:20;box-shadow:var(--shadow)}.studio-area{position:relative}.style-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.design-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body{overflow:auto}.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px}.brand{min-width:0;flex:1}.brand small{display:none}.top-actions{width:100%;overflow:auto}.top-actions .btn{flex:none}.app-shell{display:block;height:auto;overflow:visible}.builder-panel{border-right:0;max-height:none;padding-bottom:20px}.builder-actions{position:static;padding-top:8px;background:none}.studio-area{height:760px}.studio-toolbar{height:auto;min-height:52px;flex-wrap:wrap;padding:8px}.edit-view{padding:8px}.right-panel{display:none}.canvas-space{padding:30px 12px}.style-gallery,.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.template-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}.shortcut-grid{grid-template-columns:1fr}.field-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.noprint,.topbar,.builder-panel,.studio-toolbar,.right-panel,.sheet-toolbar,.drawer,.toast-region{display:none!important}html,body{background:white!important;overflow:visible!important}.app-shell,.studio-area,.sheet-view{display:block!important;height:auto!important;overflow:visible!important}.paper-preview{padding:0;display:block}.paper-page{box-shadow:none;margin:0!important;break-after:page;page-break-after:always}.paper-page:last-child{break-after:auto;page-break-after:auto}.page-index{display:none}.print-label{break-inside:avoid;page-break-inside:avoid}}