@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-300-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-300-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/apps/pattern-generator/fonts/fira-code-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/apps/pattern-generator/fonts/share-tech-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-blue:#0055cd;--brand-navy:#001338;--brand-cream:#fdfcf8;--brand-accent:#3b8bf5;--bg-base:#080d18;--bg-panel:#0e1524;--bg-panel-light:#18202f;--bg-elevated:#1c2432;--bg-input:#060a13;--canvas-ground:#171719;--wash-hover:#3b8bf512;--wash-selected:#3b8bf51f;--scrim:#040810b8;--text-primary:#eaeef5;--text-secondary:#a6b3c8;--text-muted:#8c9ab0;--stage-ink:#b8b7b5;--stage-ink-dim:#969594;--accent:#3b8bf5;--accent-hi:#6fa9f8;--accent-lo:#2f78d8;--accent-ink:#08111f;--focus-ring:#7fb4ff;--error:#ff7a70;--warn:#e8a33d;--success:#4fd08a;--border-color:#242d3e;--border-control:#64748b;--border-strong:#8c9ab0;--rule-on-stage:#fdfcf829;--scroll-thumb:#2f3b52;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Fira Code", ui-monospace, "Share Tech Mono", "SFMono-Regular", Menlo, Consolas, monospace;--font-display:"HelveticaNeueLTPro-Ex", "Arial Narrow", var(--font-ui);--font-sans:var(--font-ui);--fs-micro:.6875rem;--fs-body:.875rem;--fs-title:1.125rem;--fs-heading:1.4375rem;--fs-display:1.8125rem;--lh-tight:1.15;--lh-heading:1.25;--lh-body:1.5;--ls-caps:.12em;--ls-title:-.01em;--ls-display:-.02em;--sp-1:4px;--sp-2:6px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px;--sp-7:24px;--radius-sm:2px;--radius:3px;--radius-lg:5px;--ctl-h-xs:22px;--ctl-h-sm:26px;--ctl-h-md:30px;--ctl-h-lg:36px;--hostbar-h:34px;--dur-fast:90ms;--dur:.15s;--dur-slow:.22s;--ease-out:cubic-bezier(.22, 1, .36, 1);--z-canvas:1;--z-stage-mark:2;--z-sticky:10;--z-topbar:20;--z-dropdown:24;--z-drawer:26;--z-notice:30;--z-popover:35;--z-dialog:40;--z-drop:50;--paper:var(--bg-panel);--ink:var(--text-primary);--sheet:var(--canvas-ground);--sheet-ink:var(--stage-ink);--beige:var(--bg-panel-light);--fine:var(--text-secondary);--muted:var(--text-muted);--faint:var(--text-muted);--hair:var(--border-color);--wash:var(--wash-hover);--bg-primary:var(--bg-base);--accent-hover:var(--accent-hi);--accent-cyan:var(--accent);--accent-glow:#3b8bf538;--dial-track:#33405a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle,#fdfcf809 1px,#0000 1px);background-size:30px 30px;width:100%;height:100vh;overflow:hidden}html{height:100%}#root{height:100%;min-height:0}::selection{color:var(--text-primary);background:#3b8bf552}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-control);background-clip:padding-box}*{scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.u-label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--text-secondary);font-weight:600;line-height:var(--lh-tight)}.text-accent{color:var(--accent)}.num,.param-val-cyber,.time-cyber,.fps-hud{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn-cyber,.mode-btn-cyber,.random-btn-cyber,.cat-pill-cyber,.stack-add-cyber,.stamp-btn-topbar,.stamp-preset-chip,.play-cyber-btn,.export-cyber-menu button{--btn-h:var(--ctl-h-md);appearance:none;justify-content:center;align-items:center;gap:var(--sp-2);height:var(--btn-h);padding:0 var(--sp-4);border:1px solid var(--border-control);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;font-weight:600;line-height:1;display:inline-flex}.btn-cyber>svg,.mode-btn-cyber>svg,.random-btn-cyber>svg,.stamp-btn-topbar>svg,.play-cyber-btn>svg{flex:none}.btn-cyber:hover:not(:disabled),.mode-btn-cyber:hover:not(:disabled),.cat-pill-cyber:hover:not(:disabled),.stack-add-cyber:hover:not(:disabled),.stamp-preset-chip:hover:not(:disabled),.play-cyber-btn:hover:not(:disabled){background:var(--bg-panel-light);border-color:var(--border-strong);color:var(--text-primary)}.btn-cyber:active:not(:disabled),.mode-btn-cyber:active:not(:disabled),.random-btn-cyber:active:not(:disabled),.cat-pill-cyber:active:not(:disabled),.stack-add-cyber:active:not(:disabled),.stamp-preset-chip:active:not(:disabled),.stamp-btn-topbar:active:not(:disabled),.play-cyber-btn:active:not(:disabled),.export-cyber-menu button:active:not(:disabled){background:var(--bg-base);border-color:var(--border-control)}.btn-cyber:disabled,.mode-btn-cyber:disabled,.random-btn-cyber:disabled,.cat-pill-cyber:disabled,.stack-add-cyber:disabled,.stamp-preset-chip:disabled,.stamp-btn-topbar:disabled,.play-cyber-btn:disabled,.export-cyber-menu button:disabled{opacity:.42;cursor:not-allowed;border-color:var(--border-color);color:var(--text-muted);background:0 0}.btn-cyber.primary,.random-btn-cyber{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-cyber.primary:hover:not(:disabled),.random-btn-cyber:hover:not(:disabled){background:var(--accent-hi);border-color:var(--accent-hi);color:var(--accent-ink)}.btn-cyber.primary:active:not(:disabled),.random-btn-cyber:active:not(:disabled){background:var(--accent-lo);border-color:var(--accent-lo);color:var(--accent-ink)}.stack-action-btn{appearance:none;width:var(--ctl-h-xs);height:var(--ctl-h-xs);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.stack-action-btn:hover:not(:disabled){background:var(--bg-panel-light);color:var(--text-primary)}.stack-action-btn:active:not(:disabled){background:var(--bg-base)}.stack-action-btn.active{color:var(--accent)}.stack-action-btn.danger:hover:not(:disabled){color:var(--error);background:#ff7a7024}.stack-action-btn:disabled{opacity:.42;cursor:not-allowed}.effect-engine-studio{width:100%;height:100%;padding:var(--sp-3);gap:var(--sp-3);flex-direction:column;display:flex}.topbar-cyber{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:var(--sp-4);height:52px;padding:0 var(--sp-5);z-index:var(--z-topbar);flex:none;display:flex}.brand-cyber{align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-weight:700;font-size:var(--fs-title);letter-spacing:var(--ls-title);line-height:var(--lh-tight);color:var(--text-primary);white-space:nowrap;display:flex}.brand-tag{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:0;color:var(--text-muted);border:none;padding:0;font-weight:400}.sq-mark{color:var(--accent);flex:none;display:block}@keyframes sq-mark-shuffle{0%,to{opacity:1}45%{opacity:.15}}.brand-cyber:hover .sq-mark rect{animation:sq-mark-shuffle .9s var(--ease-out) both;animation-delay:calc(var(--i,0) * 26ms)}@media (prefers-reduced-motion:reduce){.brand-cyber:hover .sq-mark rect{animation:none}}.back-to-tools{align-items:center;gap:var(--sp-2);height:var(--ctl-h-sm);padding:0 var(--sp-2);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;text-decoration:none;display:inline-flex}.back-to-tools:hover{background:var(--bg-panel-light);border-color:var(--border-control);color:var(--text-primary)}.back-to-tools:active{background:var(--bg-base)}.back-to-tools:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.back-to-tools-icon{width:14px;height:14px;transition:transform var(--dur) var(--ease-out);flex:none;display:flex}.back-to-tools-icon>svg{width:100%;height:100%}.back-to-tools:hover .back-to-tools-icon{transform:translate(-2px)}.back-to-tools-label{font-family:var(--font-ui);font-size:var(--fs-micro);letter-spacing:0;white-space:nowrap;font-weight:500;line-height:1}.back-to-tools-cyber{margin-right:var(--sp-1);padding-right:var(--sp-3);border-right:1px solid var(--border-color);border-radius:var(--radius) 0 0 var(--radius)}.back-to-tools-cyber:hover{border-right-color:var(--border-control)}@media (width<=700px){.back-to-tools-label{display:none}}.mode-switcher-cyber{gap:var(--sp-1);display:flex}.mode-btn-cyber{--btn-h:var(--ctl-h-md);color:var(--text-secondary);border-color:var(--border-color)}.mode-btn-cyber.active{background:var(--wash-selected);border-color:var(--accent);color:var(--text-primary)}.topbar-actions-cyber{align-items:center;gap:var(--sp-3);display:flex}.fps-hud{font-size:var(--fs-micro);letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;font-weight:500}.local-only-notice{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);color:var(--text-muted);padding:0 var(--sp-1);flex:none;font-weight:500}.export-cyber-wrapper{position:relative}.export-cyber-menu{top:calc(100% + var(--sp-2));background:var(--bg-elevated);border:1px solid var(--border-control);border-radius:var(--radius);min-width:232px;padding:var(--sp-1);z-index:var(--z-dropdown);flex-direction:column;gap:1px;display:flex;position:absolute;right:0}.export-cyber-menu button{--btn-h:var(--ctl-h-md);width:100%;color:var(--text-secondary);text-align:left;border-color:#0000;justify-content:flex-start}.export-cyber-menu button:hover:not(:disabled){background:var(--wash-hover);color:var(--text-primary);border-color:#0000}.studio-main{gap:var(--sp-3);flex:1;min-height:0;display:flex;overflow:hidden}.catalog-panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;flex:none;width:400px;display:flex;overflow:hidden}.catalog-header{padding:var(--sp-4);border-bottom:1px solid var(--border-color);gap:var(--sp-4);flex-direction:column;display:flex}.search-cyber{align-items:center;display:flex;position:relative}.search-cyber input{width:100%;height:var(--ctl-h-md);background:var(--bg-input);border:1px solid var(--border-control);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-micro);padding:0 var(--sp-4) 0 32px;transition:border-color var(--dur) var(--ease-out);outline:none}.search-cyber input::placeholder{color:var(--text-muted)}.search-cyber input:hover{border-color:var(--border-strong)}.search-cyber input:focus-visible{border-color:var(--accent)}.search-icon-cyber{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;left:10px}.category-pills{gap:var(--sp-1);padding-bottom:var(--sp-1);display:flex;overflow-x:auto}.cat-pill-cyber{--btn-h:var(--ctl-h-sm);padding:0 var(--sp-3);border-color:var(--border-color);color:var(--text-secondary);letter-spacing:.08em}.cat-pill-cyber.active{background:var(--wash-selected);border-color:var(--accent);color:var(--text-primary)}.catalog-grid{padding:var(--sp-4);gap:var(--sp-4);flex:1;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-content:start;display:grid;overflow-y:auto}.effect-card-cyber{background:var(--bg-panel-light);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-3);cursor:pointer;gap:var(--sp-3);min-height:158px;transition:border-color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.effect-card-cyber:hover{border-color:var(--border-strong)}.effect-card-cyber:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.effect-card-cyber.active{border-color:var(--accent);background:var(--wash-selected)}.card-preview-box{background:var(--canvas-ground);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;width:100%;height:72px;display:flex;position:relative;overflow:hidden}.card-true-preview-img{object-fit:cover;width:100%;height:100%;display:block}.card-top{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.card-icon-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-base);width:24px;height:24px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:flex}.card-cat-tag{font-size:var(--fs-micro);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--ls-caps);font-weight:600}.card-title{font-family:var(--font-ui);font-size:var(--fs-body);color:var(--text-primary);letter-spacing:var(--ls-title);font-weight:600;line-height:var(--lh-heading);margin-top:auto}.card-visual-bar{background:var(--border-color);width:100%;height:2px;margin-top:var(--sp-1);position:relative;overflow:hidden}.card-visual-bar-fill{background:var(--accent);height:100%}.card-actions{align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);display:flex}.card-action-btn{appearance:none;justify-content:center;align-items:center;gap:var(--sp-1);height:var(--ctl-h-xs);padding:0 var(--sp-2);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;font-weight:600;line-height:1;display:inline-flex}.card-action-btn>svg{flex:none;width:12px;height:12px}.card-action-btn:hover:not(:disabled){color:var(--warn);background:#e8a33d1f;border-color:#e8a33d8c}.card-action-btn:active:not(:disabled){background:#e8a33d33}.card-action-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.card-action-btn:disabled{opacity:.42;cursor:not-allowed}.catalog-empty{padding:var(--sp-6) var(--sp-4);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);color:var(--text-secondary);text-wrap:pretty;grid-column:1/-1;max-width:40ch}.stage-panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.stage-canvas-wrapper{padding:var(--sp-7);background-color:var(--canvas-ground);background-image:radial-gradient(circle,#fdfcf80d 1px,#0000 1px);background-size:26px 26px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stage-canvas-wrapper canvas{object-fit:contain;border:1px solid var(--rule-on-stage);max-width:100%;max-height:100%;z-index:var(--z-canvas)}.stage-canvas-wrapper:before,.stage-canvas-wrapper:after{content:"";width:28px;height:28px;z-index:var(--z-stage-mark);pointer-events:none;border:1px solid #fdfcf838;position:absolute}.stage-canvas-wrapper:before{border-bottom:none;border-right:none;top:18px;left:18px}.stage-canvas-wrapper:after{border-top:none;border-left:none;bottom:18px;right:18px}.empty-stage-cyber{align-items:center;gap:var(--sp-5);max-width:46ch;color:var(--stage-ink);text-align:center;border-radius:var(--radius-lg);padding:var(--sp-7) 40px;background:#fdfcf805;border:1px dashed #fdfcf833;flex-direction:column;display:flex}.empty-stage-cyber .icon{stroke-width:1.25px;width:40px;height:40px;color:var(--stage-ink-dim)}.empty-stage-cyber p{font-size:var(--fs-title);font-weight:500;line-height:var(--lh-heading);letter-spacing:.02em;color:var(--stage-ink);text-wrap:balance}.transport-cyber{border-top:1px solid var(--border-color);background:var(--bg-panel);align-items:center;gap:var(--sp-4);height:44px;padding:0 var(--sp-5);flex:none;display:flex}.play-cyber-btn{--btn-h:var(--ctl-h-md);width:var(--ctl-h-md);color:var(--text-primary);flex:none;padding:0}.scrubber-cyber{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px}.scrubber-cyber::-webkit-slider-runnable-track{background:var(--dial-track);border-radius:2px;width:100%;height:4px}.scrubber-cyber::-moz-range-track{background:var(--dial-track);border-radius:2px;width:100%;height:4px}.scrubber-cyber::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--accent);box-sizing:border-box;border-radius:50%;width:14px;height:14px;margin-top:-5px}.scrubber-cyber::-moz-range-thumb{background:var(--text-primary);border:2px solid var(--accent);box-sizing:border-box;border-radius:50%;width:14px;height:14px}.time-cyber{font-size:var(--fs-micro);color:var(--text-secondary);text-align:right;flex:none;min-width:52px}.inspector-panel-cyber{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;flex:none;width:380px;display:flex;overflow:hidden}.inspector-header-cyber{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-color);font-family:var(--font-ui);font-size:var(--fs-title);letter-spacing:var(--ls-title);font-weight:600;line-height:var(--lh-heading);color:var(--text-primary);background:0 0;flex:none}.inspector-content-cyber{padding:var(--sp-5);gap:var(--sp-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.stack-section-cyber{gap:var(--sp-3);flex-direction:column;display:flex}.stack-title-cyber{font-size:var(--fs-micro);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:var(--sp-3);text-transform:uppercase;letter-spacing:var(--ls-caps);font-weight:600;line-height:var(--lh-tight);display:flex}.stack-add-cyber{--btn-h:var(--ctl-h-sm);padding:0 var(--sp-3);border-color:var(--border-color);color:var(--text-secondary)}.stack-list-cyber{gap:var(--sp-1);flex-direction:column;display:flex}.stack-card-cyber{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel-light);border-radius:var(--radius);cursor:pointer;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;display:flex}.stack-card-cyber:hover{border-color:var(--border-strong)}.stack-card-cyber:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.stack-card-cyber.selected{border-color:var(--accent);background:var(--wash-selected)}.stack-card-cyber.disabled{opacity:.45}.drag-handle-cyber{color:var(--text-muted);cursor:grab;flex:none;display:flex}.drag-handle-cyber:active{cursor:grabbing}.stack-card-name{min-width:0;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-body);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.stack-layer-index{min-width:20px;height:16px;padding:0 var(--sp-1);background:var(--bg-base);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-micro);font-variant-numeric:tabular-nums;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}.stack-card-cyber.selected .stack-layer-index{color:var(--accent)}.stack-move-group{flex-direction:column;flex:none;gap:1px;display:flex}.stack-move-btn{appearance:none;width:var(--ctl-h-xs);border-radius:var(--radius-sm);height:11px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.stack-move-btn>svg{flex:none;width:12px;height:12px}.stack-move-btn:hover:not(:disabled){background:var(--bg-base);color:var(--text-primary)}.stack-move-btn:active:not(:disabled){color:var(--accent)}.stack-move-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:1px}.stack-move-btn:disabled{opacity:.42;cursor:not-allowed;color:var(--text-muted)}.stack-order-note{font-family:var(--font-ui);font-size:var(--fs-micro);font-weight:400;line-height:var(--lh-body);color:var(--text-muted);text-wrap:pretty;max-width:40ch}.stack-card-cyber.dragging{opacity:.55;background:var(--bg-elevated);border-color:var(--border-strong);cursor:grabbing;transform:scale(.98)}.stack-card-cyber.drop-target{background:var(--wash-selected);border-color:var(--accent);box-shadow:inset 0 3px 0 0 var(--accent)}.params-section-cyber{gap:var(--sp-5);flex-direction:column;display:flex}.param-group-cyber{gap:var(--sp-2);flex-direction:column;display:flex}.param-label-cyber{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-micro);color:var(--text-secondary);letter-spacing:0;font-weight:500;line-height:var(--lh-heading);display:flex}.param-val-cyber{color:var(--text-primary);font-size:var(--fs-micro);white-space:nowrap;font-weight:500}.toggle-cyber{border-radius:9px;flex:none;width:34px;height:18px;display:inline-block;position:relative}.toggle-cyber input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggle-slider-cyber{cursor:pointer;border:1px solid var(--border-control);background-color:var(--bg-input);transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);border-radius:9px;position:absolute;inset:0}.toggle-slider-cyber:before{content:"";background-color:var(--text-secondary);width:12px;height:12px;transition:transform var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}input:checked+.toggle-slider-cyber{background-color:var(--accent);border-color:var(--accent)}input:checked+.toggle-slider-cyber:before{background-color:var(--accent-ink);transform:translate(16px)}.toggle-cyber input:focus-visible+.toggle-slider-cyber{outline:2px solid var(--focus-ring);outline-offset:2px}.session-restored-notice,.shortcuts-overlay,.export-preset-dialog{background:var(--bg-elevated);border:1px solid var(--border-control);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--fs-body)}.session-restored-notice{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-micro);color:var(--text-secondary)}.shortcuts-overlay{max-width:46ch}.shortcuts-overlay p{margin-top:var(--sp-3);font-size:var(--fs-micro);line-height:var(--lh-body);color:var(--text-secondary);font-variant-numeric:tabular-nums}.export-preset-dialog .stack-title-cyber{margin-bottom:var(--sp-1)}.drop-overlay{background:var(--scrim);border:2px dashed var(--accent);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-heading);letter-spacing:var(--ls-title);font-weight:600}.stamp-btn-topbar{--btn-h:var(--ctl-h-md);color:var(--warn);border-color:#e8a33d80}.stamp-btn-topbar:hover:not(:disabled){border-color:var(--warn);color:var(--warn);background:#e8a33d1f}.stamp-btn-topbar.active{background:var(--warn);border-color:var(--warn);color:var(--accent-ink)}.stamp-builder-drawer{top:calc(var(--hostbar-h) + 60px);right:var(--sp-6);width:380px;max-height:calc(100vh - var(--hostbar-h) - 88px);background-color:var(--bg-elevated);border:1px solid var(--border-control);border-radius:var(--radius-lg);z-index:var(--z-drawer);padding:var(--sp-5);gap:var(--sp-5);flex-direction:column;display:flex;position:absolute;overflow-y:auto}.stamp-drawer-header{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border-color);padding-bottom:var(--sp-3);font-family:var(--font-ui);font-weight:600;font-size:var(--fs-title);letter-spacing:var(--ls-title);color:var(--text-primary);display:flex}.stamp-preset-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.stamp-preset-chip{--btn-h:auto;min-height:var(--ctl-h-lg);padding:var(--sp-2) var(--sp-3);text-align:left;white-space:normal;text-transform:none;letter-spacing:0;font-weight:500;line-height:var(--lh-heading);border-color:var(--border-color);color:var(--text-secondary);justify-content:flex-start}.stamp-preset-chip.active{background:var(--wash-selected);border-color:var(--accent);color:var(--text-primary)}.stamp-input-field,.stamp-select-field{width:100%;height:var(--ctl-h-lg);background-color:var(--bg-input);border:1px solid var(--border-control);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-body);padding:0 var(--sp-4);transition:border-color var(--dur) var(--ease-out);outline:none}.stamp-input-field::placeholder{color:var(--text-muted)}.stamp-input-field:hover,.stamp-select-field:hover{border-color:var(--border-strong)}.stamp-input-field:focus-visible,.stamp-select-field:focus-visible{border-color:var(--accent)}.stamp-color-row{gap:var(--sp-3);align-items:center;display:flex}.stamp-color-picker{appearance:none;border:1px solid var(--border-control);border-radius:var(--radius);cursor:pointer;background:var(--bg-input);flex:none;width:32px;height:32px;padding:2px}.stamp-color-picker::-webkit-color-swatch-wrapper{padding:0}.stamp-color-picker::-webkit-color-swatch{border:none;border-radius:1px}.stamp-color-picker::-moz-color-swatch{border:none;border-radius:1px}@media (width<=1400px){.catalog-panel{width:320px}.inspector-panel-cyber{width:330px}}@media (width<=1100px){.topbar-cyber{gap:var(--sp-3);height:auto;padding:var(--sp-3) var(--sp-4);flex-wrap:wrap}.catalog-panel{width:268px}.inspector-panel-cyber{width:300px}.catalog-grid{grid-template-columns:1fr}}@media (width<=860px){body{overflow:auto}.effect-engine-studio{height:auto;min-height:100%}.studio-main{flex-direction:column;overflow:visible}.catalog-panel,.inspector-panel-cyber{width:100%;max-height:52vh}.stage-panel{order:-1;min-height:44vh}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stamp-builder-drawer{right:var(--sp-3);left:var(--sp-3);width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}