@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");.front-composite.has-assets .asset-l02,.layer-artwork .asset-l02{mix-blend-mode:darken!important}.layer-artwork:has(.asset-l02){background:linear-gradient(180deg,#10243a,#183b5c)!important}:root{--bg:#070b12;--bg2:#0b111b;--panel:#0e1622;--elev:#111b29;--line:rgba(148,163,184,.15);--line2:rgba(96,165,250,.28);--text:#f1f5f9;--muted:#94a3b8;--blue:#60a5fa;--violet:#8b5cf6;--green:#22c55e;--danger:#ef4444;--radius:10px}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{background-image:radial-gradient(circle at 50% -20%,rgba(59,130,246,.13),transparent 40%),linear-gradient(rgba(96,165,250,.018) 1px,transparent 0),linear-gradient(90deg,rgba(96,165,250,.018) 1px,transparent 0);background-size:auto,48px 48px,48px 48px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.loading{height:100vh;display:grid;place-content:center;grid-gap:12px;gap:12px;color:var(--blue)}.loading svg{margin:auto;animation:pulse 1s infinite}.app-shell{min-width:1180px;padding:0 14px 16px}.app-header{height:68px;display:grid;grid-template-columns:minmax(330px,1fr) auto auto minmax(380px,1fr);align-items:center;grid-gap:20px;gap:20px;border-bottom:1px solid var(--line);z-index:40;background:rgba(7,11,18,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid rgba(96,165,250,.32);display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,rgba(96,165,250,.14),rgba(139,92,246,.08));box-shadow:inset 0 0 20px rgba(96,165,250,.09)}.brand-mark svg{color:#bcd8ff}.brand h1{font-size:16px;margin:0;letter-spacing:.01em}.brand h1 span{color:#a78bfa}.brand small,.project-name>span{display:block;font:9px Space Mono;color:#64748b;letter-spacing:.13em;margin-top:4px}.version{font:9px Space Mono;color:#a5b4fc;background:#8b5cf616;border:1px solid #8b5cf640;border-radius:4px;padding:3px 6px}.project-name{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#0b121c}.project-name>span{margin:0}.project-name input{width:140px;background:none;border:0;color:#cbd5e1;padding:0}.project-name svg{width:13px;color:#64748b}.app-header nav{display:flex;align-self:stretch}.app-header nav button{border:0;border-bottom:2px solid transparent;background:none;padding:0 16px;text-transform:capitalize;color:#7f8ea3;font-size:13px;cursor:pointer}.app-header nav button.active,.app-header nav button:hover{color:#fff}.app-header nav button.active{border-color:var(--blue);background:linear-gradient(0deg,rgba(96,165,250,.1),transparent 60%)}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.icon-btn{width:30px;height:30px;padding:0;display:inline-grid;place-items:center;background:#0d1622;border:1px solid var(--line);border-radius:6px;cursor:pointer;color:#91a1b5}.icon-btn.active,.icon-btn:hover{color:#dbeafe;border-color:#60a5fa77;background:#60a5fa12}.icon-btn svg{width:15px;height:15px}.icon-btn:disabled,button:disabled{opacity:.35;cursor:not-allowed}.compact-btn,.primary-btn{height:30px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(96,165,250,.38);background:linear-gradient(180deg,rgba(59,130,246,.17),rgba(30,64,175,.1));border-radius:6px;padding:0 11px;cursor:pointer;font-size:11px}.compact-btn.active,.compact-btn:hover,.primary-btn:hover{border-color:#60a5fa;color:#fff;background:#3b82f626}.primary-btn svg{width:14px}.primary-btn svg:last-child{width:12px}.export-wrap{position:relative}.export-menu{position:absolute;right:0;top:37px;width:220px;padding:6px;background:#101925;border:1px solid #334155;border-radius:8px;box-shadow:0 18px 50px #000a;z-index:60}.export-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:5px;background:none;text-align:left;font-size:12px;cursor:pointer}.export-menu button:hover{background:#60a5fa13}.export-menu svg{width:16px;color:#93c5fd}.status-bar{height:29px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);color:#64748b;font:9px Space Mono}.status-bar span:first-child{color:#6ee7b7}.status-bar i{display:inline-block;width:5px;height:5px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;margin-right:7px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(14,22,34,.96),rgba(8,14,23,.96));box-shadow:inset 0 1px rgba(255,255,255,.018),0 14px 40px rgba(0,0,0,.08)}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:0 12px;background:linear-gradient(90deg,rgba(96,165,250,.035),transparent)}.panel-head,.panel-head>div{display:flex;align-items:center}.panel-head>div{gap:9px}.panel-head h2{font-size:13px;margin:0;font-weight:600}.panel-number{width:24px;height:24px;display:grid;place-items:center;border:1px solid #40516a;border-radius:5px;background:#0b121c;font:700 12px Space Mono;color:#dbeafe;box-shadow:inset 0 0 12px rgba(96,165,250,.07)}.panel-actions{display:flex;align-items:center;gap:5px}.layer-row select,.panel-actions select{height:28px;background:#0a111a;color:#b5c0cf;border:1px solid var(--line);border-radius:5px;padding:0 6px;font-size:10px}.panel-body{height:calc(100% - 42px)}.forge-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(400px,47vh) minmax(420px,auto);grid-gap:10px;gap:10px;padding-top:10px}.preview-stage{height:100%;display:grid;place-items:center;padding:18px 32px;background:radial-gradient(circle at 50% 65%,rgba(59,130,246,.11),transparent 55%)}.front-composite{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(147,197,253,.64);border-radius:4px;background:#050a12;color:#8bc1ff;isolation:isolate;box-shadow:0 0 0 5px rgba(96,165,250,.025),0 16px 38px #0009,0 10px 23px rgba(37,99,235,.12),inset 0 0 42px rgba(59,130,246,.14)}.front-composite.compact{width:100%;max-height:100%}.grid-mask,.scene-glass,.scene-layer{position:absolute;inset:0}.scene-glass{z-index:20;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 18%,transparent 77%,rgba(147,197,253,.05)),radial-gradient(circle at 50% 52%,transparent 35%,rgba(0,0,0,.44));border:8px solid transparent;border-image:linear-gradient(130deg,#b9d9ff66,#1e3a5f33,#88aaff66) 1}.base-layer{background:radial-gradient(ellipse at 50% 72%,rgba(37,99,235,.32),transparent 46%),linear-gradient(#06101e,#07101a 65%,#061526)}.horizon{position:absolute;left:6%;right:6%;top:69%;height:1px;background:#60a5fa88;box-shadow:0 0 25px 7px #3b82f666}.perspective-grid{position:absolute;left:-8%;right:-8%;bottom:-16%;height:50%;background-image:linear-gradient(rgba(96,165,250,.18) 1px,transparent 0),linear-gradient(90deg,rgba(96,165,250,.17) 1px,transparent 0);background-size:100% 18px,38px 100%;transform:perspective(160px) rotateX(57deg);transform-origin:center bottom;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.mountain-layer{top:27%;left:0;right:0;bottom:7%;color:#5199f5;filter:drop-shadow(0 0 5px #3b82f688)}.mountain-layer svg,.subject-layer svg{width:100%;height:100%}.mountain-layer.secondary{transform:scale(1.08);opacity:.75}.atmosphere-layer{filter:blur(10px)}.atmosphere-layer i{position:absolute;width:70%;height:18%;left:15%;border-radius:50%;background:linear-gradient(90deg,transparent,#93c5fd24,transparent);animation:drift 7s ease-in-out infinite}.atmosphere-layer i:first-child{top:35%}.atmosphere-layer i:nth-child(2){top:47%;left:4%;animation-delay:-2s}.atmosphere-layer i:nth-child(3){top:60%;left:25%;animation-delay:-4s}.subject-layer{inset:20% 12% 7%;color:#9bc9ff;filter:drop-shadow(0 0 8px #3b82f6aa)}.orb{width:17%;aspect-ratio:1;border:1px solid #c6e0ff;border-radius:50%;left:41.5%;top:4%;box-shadow:0 0 15px #60a5fa99,inset 0 0 24px #60a5fa44;background:radial-gradient(circle,#dbeafe22,transparent 70%)}.orb,.orb:after{position:absolute}.orb:after{content:"";inset:10%;border:1px dotted #bfdbfe88;border-radius:50%;animation:spin 12s linear infinite}.corner{position:absolute;width:22px;height:22px;border-color:#bfdbfe;border-style:solid}.tl{left:4%;top:8%;border-width:1px 0 0 1px}.tr{right:4%;top:8%;border-width:1px 1px 0 0}.bl{left:4%;border-width:0 0 1px 1px}.bl,.br{bottom:8%}.br{right:4%;border-width:0 1px 1px 0}.telemetry{position:absolute;left:7%;top:19%;display:flex;flex-direction:column;color:#bfdbfe}.telemetry b{font:700 7px Space Mono}.telemetry small{font:5px Space Mono;color:#7c9dc3}.telemetry em{height:18px;width:55px;margin-top:4px;background:repeating-linear-gradient(90deg,#60a5fa99 0 1px,transparent 1px 4px);-webkit-clip-path:polygon(0 100%,0 70%,10% 70%,10% 35%,20% 35%,20% 80%,30% 80%,30% 15%,40% 15%,40% 55%,50% 55%,50% 0,60% 0,60% 65%,70% 65%,70% 25%,80% 25%,80% 75%,90% 75%,90% 40%,100% 40%,100% 100%);clip-path:polygon(0 100%,0 70%,10% 70%,10% 35%,20% 35%,20% 80%,30% 80%,30% 15%,40% 15%,40% 55%,50% 55%,50% 0,60% 0,60% 65%,70% 65%,70% 25%,80% 25%,80% 75%,90% 75%,90% 40%,100% 40%,100% 100%)}.scan-lines{position:absolute;right:7%;width:11%;height:22%;background:repeating-linear-gradient(#93c5fd99 0 1px,transparent 1px 7px);opacity:.7}.particles-layer{z-index:8}.particles-layer i{width:2px;height:2px;animation:twinkle 1.8s ease-in-out infinite}.scene-caption{position:absolute;z-index:25;right:6%;bottom:5%;display:flex;gap:8px;font:5px Space Mono;color:#64748b}.scene-caption span{color:#93c5fd}.grid-mask{z-index:3;background:linear-gradient(transparent,transparent);-webkit-backdrop-filter:blur(.01px);backdrop-filter:blur(.01px)}.direction-label{font:8px Space Mono;color:#64748b;display:flex;align-items:center;gap:5px}.direction-label i{width:40px;height:1px;background:linear-gradient(90deg,#60a5fa,#8b5cf6)}.depth-stage{position:relative;perspective:900px;background:radial-gradient(ellipse at 54% 80%,rgba(59,130,246,.1),transparent 55%)}.glass-layer{--i:0;--c:#60a5fa;position:absolute;left:calc(13% + var(--i) * 11.3%);top:calc(24% - var(--i) * 2.2%);width:25%;height:54%;padding:0;border:1px solid color-mix(in srgb,var(--c) 70%,white);background:linear-gradient(140deg,color-mix(in srgb,var(--c) 7%,transparent),rgba(7,11,18,.72));border-radius:3px;transform:rotateY(-24deg) translateZ(calc(var(--i) * -8px));transform-style:preserve-3d;box-shadow:inset 0 0 20px color-mix(in srgb,var(--c) 10%,transparent),5px 7px 0 rgba(96,165,250,.045),0 12px 20px #0008;cursor:pointer;transition:.25s}.depth-stage.collapsed .glass-layer{top:22%;transform:rotateY(-12deg) translate(calc(var(--i) * 4px),calc(var(--i) * -3px))}.glass-layer.selected,.glass-layer:hover{border-color:#e0ecff;filter:brightness(1.25);z-index:10;box-shadow:inset 0 0 24px color-mix(in srgb,var(--c) 19%,transparent),0 0 15px color-mix(in srgb,var(--c) 30%,transparent)}.glass-layer.hidden-layer{filter:grayscale(1)}.glass-art{height:100%;position:relative;overflow:hidden;background-image:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--c) 14%,transparent),transparent 50%),linear-gradient(150deg,transparent 60%,color-mix(in srgb,var(--c) 10%,transparent))}.glass-art:after{content:"";position:absolute;left:8%;right:8%;bottom:12%;height:35%;background:linear-gradient(135deg,transparent 45%,var(--c) 46% 47%,transparent 48%),linear-gradient(45deg,transparent 45%,var(--c) 46% 47%,transparent 48%);opacity:.45}.glass-art span{position:absolute;top:10px;left:9px;font:7px Space Mono;color:var(--c)}.glass-art b{position:absolute;left:9px;bottom:9px;font:6px Space Mono;color:#9aabc0}.glass-art svg{position:absolute;right:8px;top:8px;width:10px;color:#cbd5e1}.glass-layer>em{position:absolute;bottom:-28px;left:44%;width:22px;height:22px;display:grid;place-items:center;background:#09111b;border:1px solid #4b627f;border-radius:4px;font:10px Space Mono;color:#dbeafe;font-style:normal}.depth-axis{position:absolute;bottom:12px;left:6%;right:6%;display:flex;align-items:center;gap:10px;font:7px Space Mono;color:#75869b}.depth-axis i{height:1px;flex:1 1;background:linear-gradient(90deg,#60a5fa,#8b5cf6);position:relative}.depth-axis i:after{content:"";position:absolute;right:0;top:-3px;border:4px solid transparent;border-left-color:#8b5cf6}.parameters-layout.with-inspector{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr)}.layer-list{min-width:0;overflow:auto}.layer-row{height:50px;display:grid;grid-template-columns:36px minmax(120px,1.8fr) 48px 44px 42px 80px 80px 100px;align-items:center;border-bottom:1px solid var(--line);font-size:10px;padding:0 8px;cursor:pointer;transition:.15s}.layer-row.selected,.layer-row:hover{background:linear-gradient(90deg,rgba(96,165,250,.11),rgba(96,165,250,.025))}.layer-row.selected{box-shadow:inset 2px 0 var(--blue)}.layer-row>span{min-width:0;position:relative}.layer-row>span:nth-child(n+3){text-align:center}.layer-row b{font-weight:500}.layer-row b,.layer-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row small{color:#607086;font-size:7px;margin-top:3px}.layer-table-head{height:31px;color:#6f8096;font:8px Space Mono;text-transform:uppercase;cursor:default;background:#08111a}.layer-chip{width:25px;height:25px;display:grid!important;place-items:center;border:1px solid;border-radius:4px;font:700 9px Space Mono}.layer-row input[type=number]{width:58px;height:27px;background:#09111a;border:1px solid var(--line);border-radius:4px;color:#d3dde9;text-align:center;font:10px Space Mono}.layer-row em{font-size:7px;color:#607086;font-style:normal;position:absolute;right:5px;top:10px}.solo-dot{border:1px solid #334155;background:#0a111a;border-radius:50%;width:22px;height:22px;color:#64748b;font:8px Space Mono;cursor:pointer}.solo-dot.active{background:#60a5fa26;color:#bfdbfe;border-color:#60a5fa}.inspector{border-left:1px solid var(--line);padding:12px;background:rgba(9,16,25,.72);overflow:auto}.inspector>header{display:flex;gap:10px;align-items:center;margin-bottom:12px}.inspector>header>div:nth-child(2){flex:1 1}.inspector>header b,.inspector>header small{display:block}.inspector>header b{font-size:12px}.inspector>header small{font-size:8px;color:#74859a;margin-top:3px}.inspector>header svg{width:13px;color:#f59e0b}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 12px;gap:8px 12px}.param-field>span{display:flex;justify-content:space-between;color:#7f90a6;font-size:8px;margin-bottom:5px}.param-field b{color:#cbd5e1;font:8px Space Mono}.param-field input{width:100%;height:3px;accent-color:var(--blue)}.inspector>label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#708197;margin-top:10px}.inspector textarea{width:100%;margin-top:5px;color:#b8c4d2;padding:7px;font-size:9px;line-height:1.45;text-transform:none;letter-spacing:0}.folder-path,.inspector textarea{background:#080f18;border:1px solid var(--line);border-radius:5px}.folder-path{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px;color:#6b7d91;font:8px Space Mono}.folder-path svg{width:13px;color:#60a5fa}.mapping-layout{grid-template-columns:.86fr 1.14fr}.file-tree{font:10px Space Mono;color:#9badc1;overflow:auto;padding:10px}.file-tree.condensed{font-size:9px}.file-tree button,.tree-line{height:23px;display:flex;align-items:center;gap:6px;white-space:nowrap}.file-tree button svg,.tree-line svg{width:13px;height:13px}.tree-line svg:first-child{width:10px;color:#526278}.tree-line svg:nth-child(2){color:#60a5fa}.tree-line.root{color:#d5dfec;font-weight:700}.tree-branch{padding-left:13px;border-left:1px solid #243041;margin-left:5px}.file-tree button{width:100%;padding:0 7px 0 29px;border:0;background:none;color:#76899f;border-radius:3px;cursor:pointer;text-align:left}.file-tree button.active,.file-tree button:hover,.tree-line.active{background:#60a5fa14;color:#dbeafe}.tree-files{padding-left:15px}.layer-tree>.tree-line{padding-left:8px}.code-preview{border-left:1px solid var(--line);padding:12px;display:flex;flex-direction:column;min-width:0}.code-preview header{display:flex;align-items:center;gap:8px;font-size:11px}.code-preview header svg{width:16px;color:#84cc16}.code-preview header span{margin-left:auto;font:7px Space Mono;color:#64748b}.code-preview pre{flex:1 1;margin:9px 0;padding:10px;overflow:auto;background:#070d14;border:1px solid var(--line);border-radius:5px;color:#7fa9d8;font:7px/1.45 Space Mono;white-space:pre-wrap;max-height:290px}.code-preview .primary-btn{align-self:flex-start}.codex-badge,.schema-badge{display:flex;align-items:center;gap:6px;font:8px Space Mono;color:#a7f3d0;border:1px solid #22c55e44;background:#22c55e0c;padding:5px 8px;border-radius:4px}.codex-badge svg,.schema-badge svg{width:12px}.page-view{padding:20px 8px 0;max-width:1800px;margin:auto}.view-title{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 8px 18px}.eyebrow{font:9px Space Mono;color:#818cf8;letter-spacing:.16em}.view-title h2{font-size:25px;margin:7px 0 5px}.view-title p{margin:0;color:#718196;font-size:11px}.step-nav{display:flex;align-items:center;gap:10px}.step-nav button{background:#0c1520;border:1px solid var(--line);border-radius:5px;color:#9eacc0;padding:7px 11px;cursor:pointer;font-size:10px}.step-nav span{font:8px Space Mono;color:#818cf8}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.workflow-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d1622,#080e16);border-radius:9px;min-height:300px;overflow:hidden;cursor:pointer;transition:.2s}.workflow-card.active,.workflow-card:hover{border-color:#6366f177;transform:translateY(-1px);box-shadow:0 0 0 1px #60a5fa14,0 14px 30px #0003}.workflow-card.active{background:linear-gradient(145deg,#101a2a,#090f19)}.workflow-card.complete{border-color:#22c55e28}.workflow-card>header{height:66px;display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.workflow-card>header>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #626cf4;border-radius:6px;background:#111a2b;box-shadow:inset 0 0 15px #8b5cf630;font:700 16px Space Mono}.workflow-card.complete>header>span{border-color:#22c55e;color:#86efac}.workflow-card>header>span svg{width:16px}.workflow-card h3{font-size:12px;margin:0 0 4px}.workflow-card p{font-size:8px;color:#8492a7;margin:0}.workflow-card header em{margin-left:auto;font:7px Space Mono;color:#64748b;font-style:normal}.workflow-card.active header em{color:#a5b4fc}.workflow-visual{height:232px;padding:14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 70%,#2563eb12,transparent 60%)}.workflow-visual>.front-composite{width:80%}.mini-stack{position:relative;width:88%;height:100%;perspective:600px}.mini-stack>div{position:absolute;width:32%;height:68%;left:calc(3% + var(--i) * 11.2%);top:calc(14% - var(--i) * 1%);border:1px solid var(--c);background:linear-gradient(145deg,color-mix(in srgb,var(--c) 12%,#07101a),#07101add);transform:rotateY(-22deg);box-shadow:4px 7px 0 #60a5fa0a}.mini-stack span{position:absolute;bottom:-19px;left:45%;font:7px Space Mono;color:var(--c)}.file-rows{width:100%;display:flex;flex-direction:column;gap:4px}.file-rows>div{display:grid;grid-template-columns:25px 1fr 78px 83px;align-items:center;grid-gap:4px;gap:4px;font-size:7px}.file-rows>div>span{font:700 8px Space Mono}.file-rows button{display:flex;gap:4px;align-items:center;background:#09121c;border:1px solid var(--line);color:#8b9cb0;border-radius:3px;font-size:6px;padding:4px}.file-rows svg{width:9px}.layer-outputs{display:flex;gap:6px;width:100%;height:100%;align-items:center}.layer-outputs>div{flex:1 1;text-align:center}.layer-outputs small,.layer-outputs span{font:7px Space Mono;color:#8292a6}.output-art{height:120px;border:1px solid #475569;margin:5px 0;background-color:#101721;background-image:linear-gradient(45deg,#182231 25%,transparent 25%),linear-gradient(-45deg,#182231 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#182231 75%),linear-gradient(-45deg,transparent 75%,#182231 75%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 30%,transparent),transparent 50%);background-size:10px 10px,10px 10px,10px 10px,10px 10px,auto;background-position:0 0,0 5px,5px -5px,-5px 0,0 0}.composite-flow{display:flex;align-items:center;width:100%;gap:10px}.composite-flow>div{display:flex;flex-direction:column;gap:4px}.composite-flow span{width:20px;height:20px;border:1px solid;border-radius:3px;display:grid;place-items:center;font:7px Space Mono}.composite-flow>i{font-style:normal;color:#818cf8}.composite-flow .front-composite{flex:1 1}.export-visual{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;grid-gap:8px;gap:8px}.export-visual .file-tree{font-size:6px;background:#070e16;border:1px solid var(--line);border-radius:5px;padding:5px}.export-visual .file-tree button,.export-visual .tree-line{height:14px}.export-visual>div:last-child{border:1px solid var(--line);background:#070e16;border-radius:5px;padding:10px;display:flex;flex-direction:column;gap:10px}.export-visual>div:last-child>svg{color:#84cc16}.export-visual code{font:6px Space Mono;color:#84cc16;line-height:1.8}.export-visual>div:last-child>span{margin-top:auto;display:flex;gap:5px;color:#a5b4fc;font:7px Space Mono}.principles{display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px;border:1px solid #3b4c69;border-radius:8px;background:#0b1420}.principles>div{display:flex;gap:12px;align-items:center;padding:14px;border-right:1px solid var(--line)}.principles>div:last-child{border:0}.principles svg{width:24px;color:#8b5cf6}.principles span>*{display:block}.principles b{font-size:10px}.principles small{font-size:8px;color:#74849a;margin-top:4px}.skeleton-grid{display:grid;grid-template-columns:1.08fr 1.2fr .96fr .72fr;grid-gap:10px;gap:10px;height:730px}.skeleton-grid>.panel{height:100%}.skeleton-front .panel-body{padding:15px;display:flex;flex-direction:column;align-items:center;gap:16px}.section-kicker{align-self:flex-start;color:#a78bfa;font:8px Space Mono}.skeleton-front .front-composite{width:100%}.build-box,.pipeline-box{width:92%;display:flex;align-items:center;gap:12px;border:1px solid #3d4e67;border-radius:7px;padding:13px;background:#0b1420}.build-box svg,.pipeline-box svg{color:#8bbcff}.build-box span,.pipeline-box span{flex:1 1}.build-box b,.build-box small,.pipeline-box b,.pipeline-box small{display:block}.build-box b,.pipeline-box b{font-size:10px}.build-box small,.pipeline-box small{font-size:8px;color:#8291a5;margin-top:5px}.pipeline-box>svg:last-child{width:14px}.build-box{margin-top:auto}.build-box>svg{width:25px;color:#60a5fa}.stack-direction{display:flex;align-items:center;gap:8px;padding:13px 12px 8px;color:#7c8da2;font:7px Space Mono}.stack-direction i{flex:1 1;height:1px;background:linear-gradient(90deg,#60a5fa,#a855f7);position:relative}.stack-direction i:after{content:"";position:absolute;right:0;top:-3px;border:4px solid transparent;border-left-color:#a855f7}.skeleton-layers{padding:0 12px}.skeleton-layers>div{height:98px;display:grid;grid-template-columns:108px 1fr 92px;align-items:center;grid-gap:8px;gap:8px;position:relative}.skeleton-layers>div:after,.skeleton-layers>div:before{content:"";height:1px;background:#7184a3}.skeleton-layers>div:before{position:absolute;left:95px;width:28px}.skeleton-layers>div:after{position:absolute;right:84px;width:28px}.skeleton-layers>div>button{border:1px solid var(--line);background:#09121c;border-radius:5px;padding:7px;text-align:left;z-index:1;cursor:pointer}.skeleton-layers>div>button b,.skeleton-layers>div>button span{display:block}.skeleton-layers>div>button span{font:8px Space Mono}.skeleton-layers>div>button b{font-size:7px;margin-top:4px;color:#a5b2c2}.skeleton-glass{height:72px;border:1px solid;background:linear-gradient(145deg,#17243888,#070e16);transform:skewY(5deg);box-shadow:3px 5px 0 #60a5fa12}.layer-docs{z-index:1}.layer-docs button{width:100%;display:flex;align-items:center;gap:4px;background:#09121c;border:1px solid var(--line);color:#a4b1c2;border-radius:4px;font-size:7px;padding:5px;margin:4px 0;cursor:pointer}.layer-docs svg{width:11px;color:#a78bfa}.skeleton-files .file-tree{height:100%;padding:12px;font-size:8px}.skeleton-files .file-tree button,.skeleton-files .tree-line{height:20px}.key-file-list{padding:10px}.key-file-list>button{width:100%;min-height:75px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:6px;background:#0b1420;color:#d5dfeb;padding:10px;margin-bottom:8px;cursor:pointer}.key-file-list>button:hover{border-color:#8b5cf677;background:#8b5cf60c}.key-file-list>button>span:first-child{width:31px}.key-file-list>button>span:nth-child(2){flex:1 1}.key-file-list svg{width:24px}.key-file-list .md{color:#a78bfa}.key-file-list .json{color:#5eead4}.key-file-list b,.key-file-list small{display:block}.key-file-list b{font-size:9px}.key-file-list small{font-size:7px;line-height:1.5;color:#8392a5;margin-top:4px}.key-file-list>button>svg{width:12px;color:#526278}.skeleton-note{height:38px;margin-top:10px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:35px;padding:0 15px;font:8px Space Mono;color:#8a9bae}.skeleton-note span{display:flex;align-items:center;gap:8px}.skeleton-note i{width:30px;height:1px;background:#8b5cf6}.skeleton-note .flow-dash{background:repeating-linear-gradient(90deg,#8b5cf6 0 5px,transparent 5px 8px)}.skeleton-note b{margin-left:auto;color:#c7d2fe;font-weight:400}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#02050ad9;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.file-modal{width:min(850px,80vw);height:min(680px,80vh);background:#0c1420;border:1px solid #40516b;border-radius:9px;box-shadow:0 28px 90px #000;overflow:hidden}.file-modal header{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 12px}.file-modal header>div{display:flex;align-items:center;gap:8px}.file-modal header svg{width:16px;color:#a78bfa}.file-modal header button:not(.icon-btn){background:#111d2c;border:1px solid var(--line);color:#9aacbf;border-radius:4px;padding:5px 10px;cursor:pointer}.file-modal pre{margin:0;padding:20px;height:calc(100% - 48px);overflow:auto;color:#b6c9e2;background:#070d14;font:11px/1.65 Space Mono;white-space:pre-wrap}.toast{position:fixed;z-index:120;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;background:#0e1b21;border:1px solid #22c55e66;color:#a7f3d0;border-radius:7px;padding:11px 14px;box-shadow:0 12px 35px #0008;font-size:10px;animation:toast-in .25s ease}.toast.error{border-color:#ef444466;color:#fecaca;background:#211012}.toast svg{width:15px}@keyframes drift{50%{transform:translateX(8%) scale(1.08)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes twinkle{50%{opacity:.18;transform:scale(.5)}}@keyframes pulse{50%{opacity:.4}}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}}@media(max-width:1350px){.app-header{grid-template-columns:310px auto auto 1fr;gap:9px}.brand h1{font-size:14px}.header-actions{gap:4px}.skeleton-grid{grid-template-columns:1fr 1.1fr 1fr}.key-files{grid-column:1/-1;height:auto!important}.key-file-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.key-file-list>button{margin:0}.skeleton-grid{height:auto}.skeleton-grid>.panel{min-height:690px}.key-files.panel{min-height:0}.parameters-layout.with-inspector{grid-template-columns:1fr 280px}.layer-row{grid-template-columns:32px minmax(100px,1.5fr) 42px 38px 36px 68px 68px 88px}}@media(max-width:1050px){.app-shell{min-width:0}.app-header{height:auto;min-height:66px;grid-template-columns:1fr auto;flex-wrap:wrap}.project-name{display:none}.app-header nav{grid-row:2;grid-column:1/-1;height:38px}.forge-grid,.workflow-grid{grid-template-columns:1fr}.forge-grid{grid-template-rows:420px 420px auto 450px}.workflow-card{min-height:330px}.skeleton-grid{grid-template-columns:1fr}.app-shell{overflow-x:hidden}}.tab-stage{animation:tab-in .2s ease both}.compare-btn,.demo-launch{height:30px;display:inline-flex;align-items:center;gap:7px;border:1px solid #8b5cf65a;border-radius:6px;padding:0 10px;background:linear-gradient(180deg,#8b5cf61f,#4f46e50d);color:#c4b5fd;font-size:10px;cursor:pointer;white-space:nowrap}.compare-btn.active,.compare-btn:hover,.demo-launch:hover{border-color:#a78bfa;background:#8b5cf62a;color:#fff}.compare-btn svg,.demo-launch svg{width:14px}.status-bar{gap:20px}.status-bar span{display:flex;align-items:center;gap:5px}.status-bar svg{width:11px;height:11px}.status-bar .selected-path{margin-left:auto;color:#8494aa}.status-bar .last-modified{color:#718197}.status-bar .ready-badge{color:#86efac;border:1px solid #22c55e3d;background:#22c55e0b;border-radius:3px;padding:3px 6px}.active-layer-indicator{position:absolute;z-index:30;left:16px;top:13px;display:flex;flex-direction:column;gap:3px;padding:7px 9px;border:1px solid #60a5fa2e;border-radius:5px;background:#07101bd9;box-shadow:0 7px 20px #0007;pointer-events:none}.active-layer-indicator span{font:700 8px Space Mono;text-transform:uppercase;letter-spacing:.04em}.active-layer-indicator small{font:7px Space Mono;color:#7e8fa5;text-transform:capitalize}.compare-label{position:absolute;z-index:31;right:16px;top:14px;font:700 7px Space Mono;color:#c4b5fd;border:1px solid #8b5cf660;border-radius:4px;background:#120d20df;padding:5px 7px;letter-spacing:.08em}.front-composite{background:#020812;box-shadow:0 0 0 1px #8abfff22,0 18px 50px #000b,0 8px 35px #2563eb24,inset 0 0 80px #1d4ed824}.scene-layer{transition:opacity .2s ease,transform .2s ease}.scene-glass{background:linear-gradient(115deg,#fff0 7%,#dbeafe0d 17%,transparent 34%,transparent 74%,#93c5fd0a),radial-gradient(circle at 50% 53%,transparent 38%,#010713a8);border-width:6px;box-shadow:inset 0 0 0 1px #dbeafe1c,inset 0 0 40px #3b82f618}.base-layer{background:radial-gradient(circle at 50% 13%,#173c6829,transparent 34%),radial-gradient(ellipse at 50% 76%,#1d4ed647,transparent 44%),linear-gradient(180deg,#020711,#06101e 62%,#071529)}.starfield{position:absolute;inset:0 0 26%}.starfield:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse,#82b9ff12,transparent 63%);filter:blur(18px)}.starfield i{position:absolute;width:1.5px;height:1.5px;border-radius:50%;background:#b9d8ff;box-shadow:0 0 5px #60a5fa}.cosmic-haze{position:absolute;left:15%;right:12%;top:13%;height:50%;background:radial-gradient(ellipse at 50% 58%,#4d8dd51a,transparent 65%),repeating-radial-gradient(circle at 70% 45%,#93c5fd0c 0 1px,transparent 1px 14px);filter:blur(4px);opacity:.65}.horizon{top:70%;background:#6dafff70;box-shadow:0 0 28px 5px #2563eb45}.perspective-grid{opacity:.48;bottom:-19%;height:53%;background-size:100% 16px,32px 100%;transform:perspective(170px) rotateX(58deg)}.base-reflection{position:absolute;left:38%;right:38%;bottom:-7%;height:38%;background:linear-gradient(180deg,#bfdbfe00,#60a5fa21 35%,#93c5fd55 68%,transparent);-webkit-clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(8px)}.depth-terrain{inset:24% 0 7%;color:#3f82c8}.terrain{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.terrain .terrain-ridge{fill:none;stroke:currentColor;stroke-width:1}.terrain .terrain-mesh{fill:none;stroke:currentColor;stroke-width:.42;opacity:.36}.terrain .terrain-fill{fill:currentColor;opacity:.035}.terrain.far{top:2%;opacity:.24;filter:blur(.2px);transform:scaleX(1.08)}.terrain.mid{top:10%;opacity:.42;transform:scaleX(1.02);filter:drop-shadow(0 0 3px #2563eb42)}.depth-lines{position:absolute;inset:45% 3% 0;background:repeating-linear-gradient(172deg,transparent 0 16px,#60a5fa0b 17px 18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.atmosphere-layer{filter:none}.orb-mist{width:31%;aspect-ratio:1;left:34.5%;top:14%;background:radial-gradient(circle,#93c5fd22,transparent 66%)}.orb-mist,.valley-fog{position:absolute;border-radius:50%;filter:blur(14px)}.valley-fog{background:linear-gradient(90deg,transparent,#9cc7f92b 42%,#dbeafe22 53%,transparent);mix-blend-mode:screen}.valley-fog.f1{left:4%;right:10%;height:18%;top:55%;transform:rotate(-2deg)}.valley-fog.f2{left:15%;right:0;height:15%;top:63%;transform:rotate(3deg)}.valley-fog.f3{left:27%;right:22%;height:12%;top:49%;filter:blur(10px)}.aerial-fade{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#6ea8e410 55%,#93c5fd18 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.subject-layer{inset:19% 8% 6%;filter:drop-shadow(0 0 5px #60a5fa8a);color:#a9d4ff}.subject-layer .terrain.hero{top:6%}.subject-layer .terrain-ridge{stroke:#b9dcff;stroke-width:1.3}.subject-layer .terrain-mesh{stroke:#78b7ff;stroke-width:.55;opacity:.72}.subject-layer .terrain-fill{fill:#4d91dc;opacity:.085}.orb{width:16.5%;left:42%;top:1%;border-color:#d9eaff;box-shadow:0 0 16px #60a5fabb,0 0 40px #2563eb65,inset 0 0 25px #93c5fd3d}.orb:before{content:"";position:absolute;inset:-11%;border:1px solid #60a5fa45;border-radius:50%}.orb span{inset:46% -24%;height:1px;background:linear-gradient(90deg,transparent,#dbeafe66,transparent)}.orb i,.orb span{position:absolute}.orb i{left:49%;top:100%;height:95px;width:1px;background:linear-gradient(#e0f2fe99,transparent)}.core-ray{position:absolute;left:49.85%;top:16%;width:2px;height:59%;background:linear-gradient(#dbeafeaa,#60a5fa35,transparent);filter:blur(.4px)}.hud-layer{z-index:9;color:#a9c9eb}.corner{width:26px;height:26px;opacity:.78}.telemetry{top:20%;gap:4px}.telemetry b{font-size:6px;letter-spacing:.05em}.telemetry small{font-size:4.5px}.telemetry em{height:1px;width:64px;background:linear-gradient(90deg,#93c5fd99,transparent);-webkit-clip-path:none;clip-path:none}.mini-chart{height:22px;width:68px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #60a5fa40}.mini-chart i{width:3px;background:#60a5fa66}.mini-chart i:first-child{height:30%}.mini-chart i:nth-child(2){height:55%}.mini-chart i:nth-child(3){height:42%}.mini-chart i:nth-child(4){height:82%}.mini-chart i:nth-child(5){height:62%}.mini-chart i:nth-child(6){height:92%}.mini-chart i:nth-child(7){height:48%}.mini-chart i:nth-child(8){height:70%}.right-readout{position:absolute;right:7%;top:20%;width:15%;color:#8eb4da}.right-readout b{font:5px Space Mono;letter-spacing:.08em}.right-readout>span{display:block;height:1px;margin-top:5px;background:linear-gradient(90deg,#93c5fd99,transparent)}.right-readout>span:nth-of-type(2){width:72%}.right-readout>span:nth-of-type(3){width:46%}.right-readout small{font:4.5px Space Mono;color:#607a99}.dot-matrix{display:grid;grid-template-columns:repeat(5,2px);grid-gap:5px;gap:5px;margin-top:10px}.dot-matrix i{width:2px;height:2px;background:#79b6f5;border-radius:50%;opacity:.58}.top-scale{position:absolute;top:9%;left:36%;right:36%;display:flex;justify-content:space-between}.top-scale i{width:1px;height:5px;background:#8bb8e6;opacity:.3}.top-scale i:nth-child(5n){height:9px;opacity:.65}.scan-lines{height:15%;width:13%;top:18%;opacity:.5}.optical-layer{z-index:8}.orb-bloom{position:absolute;width:25%;aspect-ratio:1;left:37.5%;top:10%;border-radius:50%;background:radial-gradient(circle,#e0f2fe3f 0 4%,#60a5fa24 24%,transparent 68%);filter:blur(7px)}.peak-bloom{position:absolute;left:31%;right:27%;top:28%;bottom:16%;background:linear-gradient(130deg,transparent 42%,#93c5fd38 43% 44%,transparent 45%),linear-gradient(225deg,transparent 53%,#60a5fa2e 54% 55%,transparent 56%);filter:drop-shadow(0 0 8px #3b82f6)}.ground-bloom{position:absolute;left:32%;right:30%;bottom:1%;height:18%;background:radial-gradient(ellipse,#bfdbfe70,#3b82f62b 28%,transparent 70%);filter:blur(8px)}.scan-beam{position:absolute;left:5%;right:5%;top:67%;height:1px;background:linear-gradient(90deg,transparent,#dbeafe88,transparent);box-shadow:0 0 10px #60a5fa66;opacity:.75}.particles-layer{position:absolute;inset:0}.particles-layer i{position:absolute;width:1.5px;height:1.5px;border-radius:50%;background:#dbeafe;box-shadow:0 0 6px 2px #3b82f6;animation:twinkle 2.8s ease-in-out infinite}.particles-layer i.near{width:3px;height:3px;box-shadow:0 0 9px 3px #60a5fa}.scene-title{position:absolute;z-index:25;left:6%;bottom:5%;display:flex;flex-direction:column;gap:2px;font:4.5px Space Mono;color:#587493}.scene-title b{color:#8cb8e5;letter-spacing:.08em}.scene-caption{font-size:4.5px}.glass-layer{overflow:visible;transition:left .46s cubic-bezier(.2,.7,.2,1),top .46s cubic-bezier(.2,.7,.2,1),transform .46s cubic-bezier(.2,.7,.2,1),opacity .2s ease,filter .18s ease;border-width:1px 3px 3px 1px}.glass-layer:after{content:"";position:absolute;left:3px;right:-5px;bottom:-6px;height:5px;background:linear-gradient(90deg,var(--c),transparent 82%);-webkit-clip-path:polygon(0 0,100% 0,97% 100%,2% 100%);clip-path:polygon(0 0,100% 0,97% 100%,2% 100%);opacity:.28}.layer-artwork{position:absolute;inset:0;overflow:hidden;border-radius:2px;background:#050b14;pointer-events:none}.layer-artwork .scene-layer{position:absolute;inset:0!important}.layer-artwork .terrain{top:20%!important}.layer-artwork .subject-layer .terrain{top:12%!important}.layer-artwork .telemetry{transform:scale(.7);transform-origin:left top}.layer-artwork .right-readout{transform:scale(.72);transform-origin:right top}.glass-meta{position:absolute;z-index:5;left:8px;bottom:7px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;text-shadow:0 1px 5px #000}.glass-meta span{font:700 7px Space Mono;color:var(--c)}.glass-meta b{font:5.5px Space Mono;color:#b8c7d9;margin-top:2px}.glass-states{position:absolute;z-index:6;right:6px;top:6px;display:flex;gap:4px;align-items:center}.glass-states small{font:700 4.5px Space Mono;border:1px solid;border-radius:2px;padding:2px 3px}.glass-states .modified{color:#fbbf24;background:#f59e0b18}.glass-states .hidden{color:#94a3b8;background:#0f172acc}.glass-states svg{width:9px;color:#fbbf24}.glass-layer.hidden-layer .layer-artwork{filter:grayscale(1);opacity:.28}.glass-layer.hidden-layer{border-style:dashed}.glass-layer.selected{box-shadow:inset 0 0 28px color-mix(in srgb,var(--c) 20%,transparent),0 0 0 1px #dbeafe,0 0 18px color-mix(in srgb,var(--c) 36%,transparent)}.layer-row{transition:background .16s ease,opacity .16s ease}.layer-row.is-hidden{opacity:.52}.layer-row.is-modified .layer-chip{position:relative}.layer-row .layer-chip i{position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 6px #f59e0b}.layer-row.is-modified small{color:#fbbf24}.tree-line{position:relative}.tree-modified{margin-left:auto;color:#fbbf24;font:5.5px Space Mono;border:1px solid #f59e0b3d;border-radius:2px;padding:2px 3px}.build-highlight,.layer-tree.build-highlight>.tree-line{animation:build-pulse .65s ease both}.locked-note{display:flex;align-items:center;gap:6px;padding:7px;margin:-2px 0 8px;border:1px solid #f59e0b3d;background:#f59e0b0b;color:#fbbf24;border-radius:5px;font-size:7px}.locked-note svg{width:11px}.mini-stack>button{position:absolute;width:32%;height:68%;left:calc(3% + var(--i) * 11.2%);top:calc(14% - var(--i) * 1%);padding:0;border:1px solid var(--c);background:#07101add;transform:rotateY(-22deg);box-shadow:4px 7px 0 #60a5fa0a;cursor:pointer}.mini-stack>button:hover{z-index:10;filter:brightness(1.35);transform:rotateY(-14deg) translateY(-4px)}.mini-stack>button>span{z-index:4}.file-rows>div{grid-template-columns:25px minmax(70px,1fr) 48px 72px 76px}.file-rows>div>small{font:5.5px Space Mono;color:#86efac}.file-rows>div.modified>small{color:#fbbf24}.export-visual.completed>div:last-child{border-color:#22c55e55;box-shadow:inset 0 0 25px #22c55e0b}.export-visual.completed>div:last-child>span{color:#86efac}.skeleton-glass{position:relative;overflow:hidden}.skeleton-glass .layer-artwork{opacity:.78}.skeleton-layers>div>button small{display:block;color:#fbbf24;font:5px Space Mono;margin-top:3px}.layer-docs{display:grid;grid-gap:3px;gap:3px}.layer-docs button{margin:0}.skeleton-files .panel-body{overflow:hidden}.skeleton-files .file-tree{overflow:auto;overscroll-behavior:contain}.build-box{cursor:pointer;color:inherit;text-align:left}.build-box:hover{border-color:#60a5fa;background:#60a5fa10}.build-box.running{color:#93c5fd}.build-highlight{border-color:#60a5fa!important;box-shadow:0 0 0 1px #60a5fa33,0 0 20px #2563eb25!important}.guided-demo{position:fixed;right:18px;bottom:18px;z-index:95;width:320px;border:1px solid #8b5cf66b;border-radius:10px;background:linear-gradient(145deg,#111929fa,#090f19fa);box-shadow:0 24px 70px #000c,0 0 28px #4f46e522;padding:13px;animation:demo-in .22s ease}.guided-demo header{display:flex;align-items:center;justify-content:space-between}.guided-demo header>span{display:flex;align-items:center;gap:7px;color:#c4b5fd;font:700 8px Space Mono;letter-spacing:.08em}.guided-demo header>span svg{width:15px}.demo-progress{display:flex;gap:5px;margin:13px 0 10px}.demo-progress i{height:2px;flex:1 1;background:#283449;border-radius:2px}.demo-progress i.active{background:linear-gradient(90deg,#60a5fa,#a78bfa);box-shadow:0 0 7px #6366f1}.demo-step{font:7px Space Mono;color:#72839a}.guided-demo p{min-height:35px;color:#e2e8f0;font-size:11px;line-height:1.55;margin:7px 0 14px}.guided-demo footer{display:flex;justify-content:flex-end;gap:6px}.guided-demo footer button{border:1px solid var(--line);background:#0b1420;color:#9dacc0;border-radius:5px;padding:6px 10px;font-size:8px;cursor:pointer}.guided-demo footer .complete-demo,.guided-demo footer button:hover{border-color:#8b5cf6;color:#ddd6fe}.toast-stack{position:fixed;z-index:120;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:none}.guided-demo~.toast-stack{bottom:230px}.toast{position:static;min-width:220px;animation:toast-in .2s ease}.prompt-editor{height:calc(100% - 48px);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.prompt-editor label{padding:14px 16px 8px;color:#a5b4fc;font:8px Space Mono;text-transform:uppercase}.prompt-editor textarea{display:block;width:100%;min-height:110px;margin-top:7px;padding:11px;resize:vertical;background:#070d14;border:1px solid #3b4d67;border-radius:5px;color:#d6e4f5;font:10px/1.6 Space Mono;text-transform:none}.prompt-editor pre{height:auto}.save-prompt{border-color:#8b5cf6!important;color:#c4b5fd!important}@keyframes tab-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes demo-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes build-pulse{0%{filter:brightness(1)}45%{filter:brightness(1.65)}to{filter:brightness(1)}}@media(max-width:1500px){.app-header{grid-template-columns:minmax(290px,1fr) auto auto minmax(480px,1fr);gap:10px}.brand h1{font-size:14px}.header-actions{gap:4px}.demo-launch{padding:0 8px}.status-bar{gap:13px}.layer-row{grid-template-columns:32px minmax(105px,1.5fr) 42px 38px 36px 67px 67px 88px}}@media(max-width:1380px){.app-header{grid-template-columns:minmax(275px,1fr) auto minmax(435px,1fr)}.project-name{display:none}.app-header nav button{padding:0 12px}.status-bar .selected-path{display:none}.forge-grid{grid-template-rows:minmax(390px,48vh) minmax(430px,auto)}.parameters-layout.with-inspector{grid-template-columns:minmax(0,1fr) 270px}.panel-actions{gap:3px}.compact-btn,.compare-btn{padding:0 8px}.depth-stage .glass-layer{width:26%}}@media(max-height:820px) and (min-width:1051px){.app-header{height:60px}.status-bar{height:25px}.forge-grid{grid-template-rows:365px 430px}.preview-stage{padding:12px 26px}.panel-head{height:40px}.panel-body{height:calc(100% - 40px)}.layer-row{height:48px}.inspector textarea{max-height:56px}.workflow-card{min-height:285px}.workflow-visual{height:215px}.skeleton-grid{height:680px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particles-layer i{animation:none}}.asset-layer{inset:0;overflow:hidden;transform-origin:center center}.asset-layer img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.asset-l01 img{filter:saturate(.98) contrast(1.02)}.asset-l02 img{filter:brightness(.82) saturate(.9)}.asset-l03 img{filter:brightness(.62) saturate(.9) contrast(.96)}.asset-l04 img{filter:brightness(1.02) saturate(1.05) contrast(1.04)}.asset-l05 img{filter:brightness(.82) saturate(.88)}.asset-l06 img{filter:brightness(.68) saturate(.94)}.front-composite.has-assets .scene-title{display:none}.front-composite.has-assets .scene-glass{background:linear-gradient(115deg,#fff0 7%,#dbeafe0a 17%,transparent 36%,transparent 76%,#93c5fd08),radial-gradient(circle at 50% 53%,transparent 52%,#01071363);box-shadow:inset 0 0 0 1px #dbeafe1c,inset 0 0 28px #3b82f613}.front-composite.has-assets .scene-caption{opacity:.62}.front-composite.has-assets .grid-mask{background:#02081222;-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px)}.master-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #93c5fd75;border-radius:4px;background:#030914;box-shadow:0 16px 42px #000a,0 0 24px #2563eb22}.master-preview img{display:block;width:100%;height:100%;object-fit:cover}.master-preview>span{position:absolute;right:10px;top:9px;border:1px solid #8b5cf666;border-radius:3px;background:#0b0a18c9;color:#c4b5fd;padding:4px 6px;font:700 5.5px Space Mono;letter-spacing:.08em}.master-preview.compact{width:100%}.workflow-visual>.master-preview{width:80%}.layer-artwork .asset-layer{inset:0!important}.layer-artwork .asset-layer img{object-fit:cover}.glass-layer .layer-artwork{background:#030914}.glass-layer .asset-l02 img,.glass-layer .asset-l03 img{filter:brightness(.7) saturate(.82)}.glass-layer .asset-l05 img{filter:brightness(.72)}.glass-layer .asset-l06 img{filter:brightness(.62)}.depth-stage .glass-layer.selected .layer-artwork,.depth-stage .glass-layer:hover .layer-artwork{filter:brightness(1.16)}.output-art{position:relative;overflow:hidden}.output-art .layer-artwork{inset:0}.output-art .asset-layer img{object-fit:cover}.composite-result{position:relative;flex:1 1}.composite-result>.front-composite{width:100%}.composite-result>small{position:absolute;right:6px;top:6px;background:#07101bc9;border:1px solid #60a5fa3d;border-radius:3px;color:#93c5fd;padding:3px 5px;font:5px Space Mono}.skeleton-glass .asset-layer img{object-fit:cover}.mapping-selected{display:flex;align-items:center;gap:9px;margin:10px 0 7px;padding:8px;border:1px solid #60a5fa28;border-radius:5px;background:#60a5fa08}.mapping-selected>div:last-child{min-width:0}.mapping-selected b,.mapping-selected small{display:block}.mapping-selected b{font-size:9px}.mapping-selected small{margin-top:3px;color:#72849a;font:6px Space Mono;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-file-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px}.mapping-file-actions button{display:flex;align-items:center;justify-content:center;gap:5px;height:25px;border:1px solid var(--line);border-radius:4px;background:#09121c;color:#8fa1b6;font-size:7px;cursor:pointer}.mapping-file-actions button:hover{border-color:#60a5fa66;color:#dbeafe}.mapping-file-actions svg{width:11px}.mapping-panel .code-preview pre{margin-top:7px}body,html{min-height:100%;overflow-x:clip}body{overflow-y:auto}.app-shell{min-width:0;min-height:100vh;height:auto;overflow:visible}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:50}.tab-stage{min-height:0;overflow:visible}.panel{min-width:0;min-height:0;overflow:hidden}.panel-head{height:42px;min-height:42px}.panel-actions,.panel-head{min-width:0}.forge-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto auto;grid-auto-rows:auto;align-items:stretch;grid-gap:12px;gap:12px;padding-top:12px}.forge-grid>.depth-panel,.forge-grid>.front-panel{min-height:410px}.forge-grid>.mapping-panel,.forge-grid>.params-panel{min-height:500px;height:500px}.forge-grid>.panel>.panel-body{min-height:0}.front-panel .panel-body{height:auto}.front-panel .preview-stage{position:relative;height:auto;min-height:368px;padding:24px;overflow:hidden}.front-panel .preview-stage>div:last-child{width:100%;min-width:0;max-width:100%}.front-composite,.master-preview{width:100%;height:auto;aspect-ratio:16/9}.front-composite .asset-layer,.front-composite .asset-layer img{position:absolute;inset:0;width:100%;height:100%;transform-origin:center}.front-composite .asset-layer img,.master-preview img{object-fit:contain;object-position:center}.depth-panel .panel-body{height:calc(100% - 42px);min-height:368px}.depth-stage{height:100%;min-height:368px;padding:28px 24px 58px;overflow:hidden;container-type:inline-size;background:radial-gradient(ellipse at 50% 72%,rgba(53,105,160,.16),transparent 58%),linear-gradient(180deg,#050b14,#07111d 58%,#081522)}.depth-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,9,16,.8),transparent 20% 80%,rgba(4,9,16,.78)),radial-gradient(ellipse at 50% 92%,rgba(125,169,207,.08),transparent 48%);z-index:0}.depth-stage .glass-layer{left:calc(12% + var(--i) * 11.2%);top:calc(20% - var(--i) * 1.5%);width:24%;height:52%}.depth-stage.collapsed .glass-layer{left:37%;top:18%}.depth-axis{left:24px;right:24px;bottom:18px}.mapping-panel .panel-body,.params-panel .panel-body{height:calc(100% - 42px);min-height:0}.parameters-layout{height:100%;min-height:0;overflow:hidden}.parameters-layout.with-inspector{display:grid;grid-template-columns:minmax(500px,1.25fr) minmax(320px,.75fr);min-height:0}.inspector,.layer-list{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.layer-list{overflow-x:auto}.layer-list .layer-row{min-width:720px}.inspector textarea{min-height:64px;max-height:none;resize:vertical}.inspector label:first-of-type textarea{min-height:82px}.mapping-layout{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(420px,.58fr);height:100%;min-height:0;overflow:hidden}.mapping-layout>.code-preview,.mapping-layout>.file-tree{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.mapping-layout>.code-preview{height:100%}.mapping-layout>.code-preview pre{min-height:0;max-height:none;overflow:auto;white-space:pre}@container(max-width:620px){.depth-stage .glass-layer{left:calc(10% + var(--i) * 11.5%);width:22%;height:48%;top:calc(23% - var(--i) * 1.25%)}}@media(max-width:1599px){.forge-grid>.mapping-panel,.forge-grid>.params-panel{height:720px;min-height:720px}.parameters-layout.with-inspector{grid-template-columns:1fr;grid-template-rows:minmax(300px,.46fr) minmax(360px,.54fr)}.inspector{border-left:0;border-top:1px solid var(--line)}.mapping-layout{grid-template-columns:1fr;grid-template-rows:minmax(250px,.4fr) minmax(380px,.6fr)}.mapping-layout>.code-preview{border-left:0;border-top:1px solid var(--line)}}@media(max-width:1179px){.forge-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto}.forge-grid>.depth-panel,.forge-grid>.front-panel{min-height:410px}.forge-grid>.mapping-panel,.forge-grid>.params-panel{min-height:620px;height:620px}.parameters-layout.with-inspector{grid-template-columns:minmax(500px,1.25fr) minmax(320px,.75fr);grid-template-rows:1fr}.inspector{border-top:0;border-left:1px solid var(--line)}.mapping-layout{grid-template-columns:minmax(300px,.42fr) minmax(420px,.58fr);grid-template-rows:1fr}.mapping-layout>.code-preview{border-top:0;border-left:1px solid var(--line)}}@media(max-width:900px){.mapping-layout,.parameters-layout.with-inspector{grid-template-columns:1fr}.parameters-layout.with-inspector{grid-template-rows:minmax(300px,.46fr) minmax(360px,.54fr)}.mapping-layout{grid-template-rows:minmax(240px,.4fr) minmax(360px,.6fr)}.inspector,.mapping-layout>.code-preview{border-left:0;border-top:1px solid var(--line)}.forge-grid>.mapping-panel,.forge-grid>.params-panel{height:720px;min-height:720px}}@media(max-height:820px){.forge-grid{grid-template-rows:auto auto;grid-auto-rows:auto}.forge-grid>.depth-panel,.forge-grid>.front-panel{min-height:410px}.front-panel .preview-stage{min-height:368px;padding:24px}.panel-head{height:42px;min-height:42px}.panel-body{height:calc(100% - 42px)}.inspector textarea{max-height:none}}.generation-bar{min-height:54px;display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:8px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(96,165,250,.055),transparent 45%,rgba(139,92,246,.04))}.provider-indicator{display:flex;align-items:center;gap:8px;min-width:0}.provider-indicator>svg{width:16px;color:#86efac}.provider-indicator span>*{display:block}.provider-indicator small{font:6px Space Mono;color:#61748d;letter-spacing:.08em}.provider-indicator b{margin-top:3px;font:7px Space Mono;color:#b8c8db;white-space:nowrap}.generation-stages{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.generation-stages span{display:flex;align-items:center;gap:5px;color:#55667b;font:6.5px Space Mono;white-space:nowrap}.generation-stages i{width:6px;height:6px;border:1px solid #46566c;border-radius:50%;background:#09111b}.generation-stages span.active{color:#dbeafe}.generation-stages span.active i{border-color:#60a5fa;background:#60a5fa;box-shadow:0 0 8px #60a5faa8}.generation-stages span.done{color:#86efac}.generation-stages span.done i{border-color:#22c55e;background:#22c55e}.regenerate-btn{height:34px;white-space:nowrap;border-color:#8b5cf66b;background:linear-gradient(180deg,#8b5cf627,#4f46e514)}.regenerate-btn svg{width:14px}.regenerate-btn:not(:disabled):hover{border-color:#a78bfa;background:#8b5cf638}.generation-actions{display:flex;align-items:center;gap:6px;min-width:0}.hero-preset-btn{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #60a5fa3f;border-radius:4px;background:#07111a;color:#9fb4ca;font:7px Space Mono;white-space:nowrap;cursor:pointer}.hero-preset-btn svg{width:12px}.hero-preset-btn:hover{border-color:#60a5fa8c;color:#e0ecff;background:#60a5fa0d}.hero-preset-btn:disabled{opacity:.42;cursor:not-allowed}.active-layer-indicator{min-width:180px}.active-layer-indicator>small{order:-1;color:#71839a;letter-spacing:.12em}.active-layer-indicator>b{font:6.5px Space Mono;color:#9badc1;font-weight:400;text-transform:capitalize}.active-layer-indicator>em{font:700 6px Space Mono;color:#86efac;font-style:normal;letter-spacing:.035em}.history-preview-label{position:absolute;z-index:32;left:50%;top:14px;transform:translateX(-50%);border:1px solid #8b5cf666;border-radius:4px;background:#120d20df;color:#ddd6fe;padding:5px 8px;font:700 6px Space Mono;letter-spacing:.06em;cursor:pointer}.layer-status{font:7px Space Mono!important;text-transform:uppercase}.inspector-status.modified,.layer-status.modified{color:#fbbf24!important}.inspector-status.ready,.layer-status.ready{color:#86efac!important}.inspector-status.generating,.inspector-status.queued,.inspector-status.reconciling,.layer-status.generating,.layer-status.queued,.layer-status.reconciling{color:#93c5fd!important}.inspector-status.failed,.layer-status.failed{color:#fca5a5!important}.inspector-status.locked,.layer-status.locked{color:#fbbf24!important}.inspector-status{margin-left:auto;border:1px solid;border-radius:3px;padding:3px 5px;font:700 6px Space Mono;text-transform:uppercase;white-space:nowrap;opacity:.9}.glass-states .modified-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 6px #f59e0b}.glass-states .status-badge{max-width:58px;overflow:hidden;text-overflow:ellipsis;color:#93c5fd;background:#07111cd9}.glass-states .status-badge.ready{color:#86efac}.glass-states .status-badge.failed{color:#fca5a5}.depth-stage.exploded .glass-layer.selected{transform:rotateY(-18deg) translate3d(0,-6px,28px)}.depth-stage.collapsed .glass-layer.selected{transform:rotateY(-9deg) translate3d(calc(var(--i) * 4px),calc(var(--i) * -3px - 6px),28px)}.generation-scan{position:absolute;z-index:7;left:4%;right:4%;top:8%;height:1px;background:linear-gradient(90deg,transparent,#dbeafe,#60a5fa,transparent);box-shadow:0 0 8px #60a5fa;animation:generation-scan 1.5s ease-in-out infinite;pointer-events:none}.depth-stage .glass-layer{isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 8%,#08111d),#040a12 72%)}.depth-stage .glass-layer .layer-artwork{background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--c) 13%,#07111c),#050b14 66%),linear-gradient(180deg,#07111c,#030811)!important}.depth-stage .glass-layer .layer-artwork:after{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(126,178,218,.035),transparent 42%,rgba(75,125,166,.09)),radial-gradient(ellipse at 50% 86%,rgba(151,190,221,.12),transparent 52%);mix-blend-mode:screen}.depth-stage .glass-layer .asset-layer img{object-fit:cover;background:#050b14}.layer-history{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.layer-history>header{display:flex;align-items:center;gap:6px;margin-bottom:7px}.layer-history>header svg{width:12px;color:#a78bfa}.layer-history>header b{font-size:8px}.layer-history>header small{margin-left:auto;color:#607086;font:6px Space Mono}.layer-history>p{margin:8px 0;color:#607086;font:7px Space Mono}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:5px;gap:5px;padding:6px 0;border-top:1px solid #ffffff0a}.history-item>span{min-width:0}.history-item>span>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item>span b{font:7px Space Mono;color:#cbd5e1}.history-item>span small{margin-top:3px;font:5.5px Space Mono;color:#63758b}.history-item button{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:3px;background:#09121c;color:#91a3b8;padding:4px 5px;font-size:6px;cursor:pointer}.history-item button:hover{border-color:#60a5faaa;color:#dbeafe}.history-item button svg{width:9px}.mapping-file-actions button.active{border-color:#60a5fa88;color:#dbeafe;background:#60a5fa14}.code-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.code-actions button svg{width:12px}@keyframes generation-scan{0%,to{top:8%;opacity:.35}50%{top:88%;opacity:.9}}@media(max-width:1380px){.generation-bar{gap:7px;padding-inline:9px}.generation-stages{gap:5px}.generation-stages span{font-size:5px;gap:3px}.provider-indicator b{font-size:6px}.regenerate-btn{padding-inline:7px;font-size:8px}.hero-preset-btn{padding-inline:7px;font-size:5.5px}.hero-preset-btn svg{width:11px}}@media(prefers-reduced-motion:reduce){.generation-scan{animation:none;top:50%}}