:root{color-scheme:dark;font-family:Consolas,SFMono-Regular,Liberation Mono,Courier New,ui-monospace,sans-serif;--mouse-x: 50vw;--mouse-y: 50vh;--bg-gradient: radial-gradient(circle at top right, rgba(79, 126, 255, .15), transparent 28%), linear-gradient(180deg, #141414 0%, #0f0f0f 100%);--dot-color: rgba(255, 255, 255, .03);--dot-focus-color: rgba(255, 255, 255, .13);--dot-mask: radial-gradient(circle 220px at var(--mouse-x) var(--mouse-y), rgba(0, 0, 0, .95), transparent 72%);--bg: #0f0f0f;--panel: rgba(24, 24, 24, .92);--panel-strong: rgba(29, 29, 29, .96);--surface-raised: rgba(31, 31, 31, .95);--surface-soft: rgba(255, 255, 255, .03);--card-bg: rgba(23, 23, 23, .92);--line: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--border-strong: rgba(79, 126, 255, .45);--text: #f3f3f3;--muted: #8a8a8a;--accent: #4f7eff;--accent-hot: #8fb0ff;--accent-soft: rgba(79, 126, 255, .16);--danger: #ff7272;--shadow: 0 24px 60px rgba(0, 0, 0, .28);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh;overflow:hidden}*{scrollbar-color:var(--accent) rgba(255,255,255,.06);scrollbar-width:thin}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:.36rem;min-height:2rem;padding:0 .6rem;border:1px solid var(--border);border-radius:0;background:var(--surface-raised);color:var(--text);cursor:pointer;font-size:.82rem;line-height:1;text-transform:lowercase;transition:border-color .14s ease,color .14s ease,background-color .14s ease,transform .14s ease}button:hover:not(:disabled){border-color:var(--border-strong);color:var(--accent-hot)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;color:color-mix(in srgb,var(--muted) 72%,transparent);background:#ffffff06}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--bg-gradient)}.site-background:before,.site-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:18px 18px}.site-background:after{background-image:radial-gradient(circle,var(--dot-focus-color) 1px,transparent 1px);mask-image:var(--dot-mask);-webkit-mask-image:var(--dot-mask)}main{position:relative;z-index:1;display:grid;grid-template-columns:22rem minmax(0,1fr);gap:1rem;height:100vh;padding:1rem;text-transform:lowercase}.sidebar{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:auto}.rail-head,.panel,.stage-topbar,.drop-zone,.model-strip,.status,.busy{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rail-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem}.rail-head h1{margin:0;color:var(--text);font-size:1.35rem;line-height:1;letter-spacing:-.04em}.rail-head p{margin:0;color:var(--muted);font-size:.8rem}.panel{display:flex;flex-direction:column;gap:.85rem;padding:.95rem}.quick-panel,.save-panel,details.panel{background:var(--panel-strong)}.quick-panel>div{display:grid;gap:.55rem}.save-panel{gap:.55rem}h2{margin:0;color:var(--text);font-size:.82rem;font-weight:400}summary{display:flex;align-items:center;justify-content:space-between;min-height:1.55rem;color:var(--text);cursor:pointer;font-size:.86rem;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--border);color:var(--muted);background:var(--surface-soft)}details[open] summary:after{content:"-";border-color:var(--border-strong);color:var(--accent-hot)}details.panel{display:block}details.panel>:not(summary){margin-top:.8rem}.hidden-input{display:none}.segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem}.segments button{min-height:2rem;padding:0 .35rem;background:var(--surface-soft);font-size:.74rem}.segments button.active{border-color:var(--border-strong);background:var(--accent-soft);color:var(--accent-hot)}select,.save-row input,input[type=number]{width:100%;min-height:2.45rem;padding:0 2.15rem 0 .75rem;border:1px solid var(--border);border-radius:0;background:var(--surface-raised);color:var(--text);font-size:.82rem}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%238fb0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - .75rem) 50%;background-repeat:no-repeat;background-size:12px 8px}.save-row{display:grid;grid-template-columns:minmax(0,1fr) 2.45rem;gap:.5rem}.icon-button{padding:0}.preset-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.55rem}.preset-list button{justify-content:space-between;min-height:2.15rem;padding:.4rem .55rem;color:var(--muted);text-align:left}.preset-list button:hover{color:var(--danger)}small{color:inherit;font-size:.68rem}label{display:grid;gap:.48rem;color:var(--muted);font-size:.76rem}label span{display:flex;align-items:center;justify-content:space-between;gap:.8rem}label b{min-width:2.75rem;padding:.16rem .38rem;border:1px solid var(--border);color:var(--accent-hot);background:var(--surface-soft);font-size:.68rem;font-weight:400;text-align:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.35rem;margin:0;cursor:pointer;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:.38rem;border:1px solid var(--border);background:#ffffff09}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;margin-top:-.36rem;border:1px solid var(--border-strong);border-radius:0;background:var(--accent)}input[type=range]::-moz-range-track{height:.38rem;border:1px solid var(--border);background:#ffffff09}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border:1px solid var(--border-strong);border-radius:0;background:var(--accent)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:2.25rem;height:1.28rem;margin:0;border:1px solid var(--border);background:var(--surface-soft);cursor:pointer}input[type=checkbox]:after{content:"";position:absolute;top:.22rem;left:.22rem;width:.72rem;height:.72rem;background:var(--muted);transition:background-color .12s ease,transform .12s ease}input[type=checkbox]:checked{border-color:var(--border-strong);background:var(--accent-soft)}input[type=checkbox]:checked:after{background:var(--accent-hot);transform:translate(.95rem)}.check{display:flex;align-items:center;justify-content:space-between;gap:.85rem;min-height:1.8rem}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.swatches label{gap:.42rem}input[type=color]{width:100%;height:2.05rem;padding:.2rem;border:1px solid var(--border);border-radius:0;background:var(--surface-raised);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:0}.primary,.stage-actions button:first-child,.drop-zone button{border-color:#4f7eff8c;background:linear-gradient(135deg,#5c87ff,#3d6cff);color:#f2f2f2}.primary:hover:not(:disabled),.stage-actions button:first-child:hover:not(:disabled),.drop-zone button:hover:not(:disabled){border-color:#8fb0ffe6;color:#fff}.workspace{min-width:0;min-height:0}.viewport{position:relative;width:100%;height:calc(100vh - 2rem);min-height:0;overflow:hidden;border:1px solid var(--border);background:transparent;box-shadow:none;cursor:grab;-webkit-user-select:none;user-select:none}.viewport.dragging{cursor:grabbing}.viewport canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;filter:var(--model-filter, none)}.viewport canvas:not(.effects-canvas){visibility:hidden}.effects-canvas{pointer-events:none;z-index:1}.render-frame{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.62);box-shadow:0 0 0 1px #0000006b,inset 0 0 0 1px #00000052;pointer-events:none}.viewport.empty-stage canvas{visibility:hidden}.stage-topbar{position:absolute;z-index:2;top:1rem;left:1rem;right:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.8rem}.stage-topbar div:first-child{display:grid;gap:.18rem;min-width:0}.stage-topbar strong,.stage-topbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-topbar strong{color:var(--text);font-size:.9rem;font-weight:400}.stage-topbar span{color:var(--muted);font-size:.78rem}.stage-actions{display:flex;gap:.45rem}.stage-actions button{min-width:3.8rem;min-height:2rem}.stage-actions button:first-child{min-width:5.7rem}.drop-zone{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:min(28rem,calc(100% - 3.5rem));min-height:6.4rem;padding:1.2rem;transform:translate(-50%,-50%);border-style:dashed}.drop-zone.compact-drop{top:auto;right:1rem;bottom:4.45rem;left:auto;width:17rem;min-height:0;padding:.5rem;transform:none;border-style:solid}.drop-zone p{margin:0;color:var(--muted);font-size:.96rem;font-weight:400;line-height:1.35;text-align:center}.drop-zone a{color:var(--text);text-decoration:underline;text-underline-offset:.18rem;cursor:pointer}.drop-zone button{align-self:center;min-height:2rem;padding:0 .65rem}.compact-drop button{width:100%;border-color:var(--border);background:var(--surface-raised);color:var(--text)}.compact-drop button:hover:not(:disabled){border-color:var(--border-strong);color:var(--accent-hot)}.model-strip{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:2;display:grid;gap:.5rem;padding:.65rem}.strip-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:var(--muted);font-size:.75rem}.strip-head button{min-height:1.65rem;padding:0 .5rem;color:var(--muted);font-size:.72rem}.strip-list{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.1rem}.strip-list button{display:grid;grid-template-columns:minmax(7.5rem,1fr) auto;align-items:center;justify-content:stretch;gap:.5rem;min-width:12rem;max-width:17rem;min-height:2.25rem;padding:.42rem .55rem;text-align:left}.strip-list button.active{border-color:var(--border-strong);background:var(--accent-soft);color:var(--accent-hot)}.strip-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status,.busy{position:absolute;z-index:2}.status{right:1rem;bottom:1rem;max-width:calc(100% - 2rem);padding:.6rem .75rem;color:var(--muted);font-size:.78rem}.model-strip+.status{display:none}.busy{top:5.35rem;right:1rem;padding:.6rem .85rem;color:var(--accent-hot);font-size:.78rem}@media(max-width:980px){body{overflow:auto}main{grid-template-columns:1fr;height:auto;min-height:100vh}.workspace{order:1}.viewport{height:36rem}.sidebar{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rail-head{grid-column:1 / -1}.stage-topbar{grid-template-columns:1fr;gap:.7rem}.stage-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stage-actions button,.stage-actions button:first-child{min-width:0}.drop-zone.compact-drop,.model-strip{right:.75rem;left:.75rem;width:auto}}@media(max-width:620px){main{padding:.5rem;gap:.5rem}.viewport{height:32rem}.sidebar{grid-template-columns:1fr}.drop-zone{width:calc(100% - 1.4rem);min-height:12rem;padding:1.2rem}.drop-zone h2{font-size:1.25rem}.segments{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches{grid-template-columns:1fr}}