.studio-editor.library-visual{grid-template-columns:130px 1fr;padding:10px;gap:0;align-content:start;min-height:0!important}
.editor-menubar,.editor-viewport,.dock-title{grid-column:1/-1}.editor-menubar{display:flex;justify-content:space-between;gap:1rem;padding:12px;background:#202226;font:12px var(--sans);color:#bec3c6}.editor-menubar b{color:#fff}.editor-viewport{position:relative}.editor-viewport img{width:100%;aspect-ratio:16/9;object-fit:cover}.viewport-bar{position:absolute;top:10px;left:10px;font:12px var(--sans);background:#202226db;padding:5px 9px;border-radius:4px}.editor-viewport figcaption{position:absolute;bottom:10px;left:10px;background:#15171bdd;padding:5px 8px;font:10px var(--mono)}.dock-title{display:flex;justify-content:space-between;gap:1rem;background:#282b30;border-top:2px solid #72b7d0;padding:10px;font:12px var(--sans);color:white}.dock-title span{color:#b6bec1;font-size:11px}.studio-editor .library-sidebar{padding:.7rem}.studio-editor .library-main{padding:.65rem}.studio-editor .asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-editor .asset-thumb{aspect-ratio:1.5}.studio-editor .asset-grid span{font-size:10px}.studio-editor .asset-grid small{font-size:9px}.studio-editor .library-sidebar strong{font-size:11px}.studio-editor .library-sidebar span{font-size:12px;padding:.45rem}.studio-editor .sync-bar{font-size:10px}.studio-editor .library-pipeline span{font-size:10px}.system-card:has(.studio-editor) .card-copy{align-self:center}
.batch-list{margin:16px 0;border:1px solid #3f484c;font:12px var(--mono)}.batch-list>div{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:9px;padding:10px;border-bottom:1px solid #333d41}.batch-list>div:first-child{font-size:10px;color:#99bac6;background:#202c32}.batch-list>div:last-child{border:0}.batch-config{font:12px/1.6 var(--mono);color:#afcfc1;margin:.7rem 0}.demo-action{display:inline-block;padding:11px 18px;background:var(--accent);color:#101416;font:700 12px var(--mono);margin-top:.5rem}.batch-note{display:block;margin-top:12px;font:11px/1.6 var(--mono);color:#a9b7bd}.plate-ui{width:90%;left:5%;bottom:5%;max-width:620px}.plate-ui .ui-title{font-size:11px}
.effect-gallery{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.effect-gallery figure{background:#121619;border:1px solid var(--line);overflow:hidden}.effect-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .7s}.effect-gallery figure:hover img{transform:scale(1.025)}.effect-gallery figcaption,.vr-visual figcaption{padding:14px 18px;font:12px var(--mono);color:#bcc9d0}.vr-visual{background:#121619;align-self:stretch}.vr-visual img{width:100%;height:calc(100% - 46px);object-fit:cover;min-height:300px}.indie-copy p+p{margin-top:1rem}.detail-showcase{padding-top:5rem;margin-top:3rem;border-top:1px solid var(--line);scroll-margin-top:100px}.detail-showcase>h3{font-size:clamp(2rem,4vw,3.5rem);margin:1rem 0}.detail-showcase>p:not(.eyebrow){max-width:960px;color:var(--muted);margin:1rem 0 2rem}.transfer-visual,.mask-workbench,.workflow-panel,.blueprint-breakdown{background:#11171b;border:1px solid #37434b;overflow:hidden}.transfer-visual img,.wide-detail-image img{width:100%;height:auto}.transfer-labels{display:grid;grid-template-columns:1fr 1fr;background:#24292f}.transfer-labels b{padding:16px;font:12px var(--mono);color:#d9e6eb;border-right:1px solid #434b50}.transfer-visual figcaption{padding:16px;color:#bbc9cf;font-size:14px}.workbench-title{display:flex;justify-content:space-between;gap:1rem;padding:16px;background:#232a30;font:12px var(--mono)}.workbench-title span{color:#a3b6c0}.mask-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;background:#171e24}.mask-tools button{background:#293740;color:#e9f3f5;border:1px solid #4b616d;padding:10px 14px;cursor:pointer;font-size:14px}.mask-tools button[aria-pressed=true]{border-color:var(--accent);background:#633c30}.mask-tools label{display:flex;align-items:center;gap:10px;font-size:13px;padding:0 8px}.mask-canvas-wrap{position:relative}.mask-canvas-wrap>img{width:100%;display:block}.mask-canvas-wrap>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.demo-hint{font-size:12px;color:#adc0ca;padding:12px 16px}.workflow-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.workflow-panel{padding:20px}.workflow-panel dl{display:grid;grid-template-columns:1fr 1.4fr;font-size:14px;gap:12px}.workflow-panel dt{color:#8ea7b4}.workflow-panel dd{margin:0}.queue-item{display:grid;grid-template-columns:25px 1fr;gap:5px 12px;padding:14px 0;border-bottom:1px solid #30424c}.queue-item span{grid-row:1/3;color:var(--accent)}.queue-item b{font-size:14px}.queue-item small{font-size:12px;color:#a9bdc7}.lighting-pass-ui{grid-column:1/-1;padding:24px;background:#12181d;border:1px solid #3a454c}.pass-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:12px 0;border-bottom:1px solid #2c3840;font-size:14px}.pass-row span{font:12px var(--mono);background:#23333d;padding:6px 10px;color:#b8e2ef}.lighting-pass-ui>p{max-width:950px;color:var(--muted);line-height:1.7;margin-top:22px}.lighting-pass-ui>p>b{display:block;color:white;font-size:20px;margin-bottom:10px}.blueprint-breakdown{padding:24px;margin-top:2rem;background-color:#15191e;background-image:linear-gradient(#29303966 1px,transparent 1px),linear-gradient(90deg,#29303966 1px,transparent 1px);background-size:22px 22px}.graph-title{font:12px var(--mono);margin-bottom:25px;color:#a6bac6}.graph-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-bottom:25px}.graph-row:last-child{margin-bottom:0}.graph-row i{color:#b7d5e7;font-size:25px}.bp-node{background:#171c24;border:1px solid #567080;border-radius:6px;overflow:hidden;box-shadow:0 8px 20px #0006}.bp-node b{display:block;background:#254d68;padding:10px;font-size:13px}.bp-node.event b{background:#753639}.bp-node.condition b{background:#665724}.bp-node.feedback b{background:#325d4a}.bp-node span{display:block;padding:8px 12px;font:12px var(--mono);color:#d0dce3}.more-grid article p+p{margin-top:1rem}.more-grid article[id]{scroll-margin-top:100px}
@media(max-width:800px){.effect-gallery,.workflow-panels{grid-template-columns:1fr}.studio-editor.library-visual{grid-template-columns:100px 1fr}.editor-menubar span:nth-child(2){display:none}.dock-title{flex-direction:column;gap:4px}.graph-row{grid-template-columns:1fr;gap:8px}.graph-row i{transform:rotate(90deg);justify-self:center}.vr-visual img{height:auto;min-height:0}.transfer-labels b{font-size:10px;padding:10px}.detail-showcase{padding-top:3rem}.workbench-title{flex-direction:column}.pass-row{grid-template-columns:1.2fr 1fr 1fr;gap:5px}.pass-row b{font-size:12px}.pass-row span{font-size:10px;padding:5px}.lighting-pass-ui{padding:16px}}
@media(max-width:540px){.studio-editor .library-sidebar{display:none}.studio-editor.library-visual{grid-template-columns:1fr}.studio-editor .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plate-ui .batch-list{font-size:10px}.batch-list>div{gap:5px;padding:8px 6px}.batch-config{font-size:11px}.mask-tools label{width:100%}.effect-gallery{gap:1rem}.studio-editor .asset-grid span{font-size:9px}.detail-showcase h3{letter-spacing:-.025em}}
@media(prefers-reduced-motion:reduce){.effect-gallery img{transition:none}}
.wordmark{font-size:1.5rem!important;letter-spacing:.035em;font-weight:800;white-space:nowrap}
.studio-editor .asset-thumb{aspect-ratio:1.125!important}
.editor-viewport{padding-right:23%;background:#202226;overflow:hidden}.editor-viewport img{display:block;height:auto;aspect-ratio:16/9;object-fit:cover}.scene-outliner{position:absolute;right:0;top:0;bottom:0;width:23%;padding:10px 7px;background:#202226;font:9px/2 var(--sans);overflow:hidden;color:#adb4ba}.scene-outliner b,.scene-outliner span{display:block;white-space:nowrap}.scene-outliner b{border-bottom:1px solid #404349;color:white}.editor-viewport figcaption{font-size:8px;max-width:70%}
.array-routing{display:flex;align-items:center;gap:20px;margin:16px 0}.camera-compass{position:relative;width:170px;height:170px;flex:0 0 170px;border:1px solid #53656b;border-radius:50%;font:10px var(--mono)}.camera-compass>span{position:absolute;top:-14px;left:48%;color:#9bafb9}.camera-compass>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-65px) rotate(calc(-1 * var(--angle)));padding:6px;background:#28434d;border:1px solid #7395a2;color:#dcebf0;font-size:10px}.camera-compass>strong{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.5;color:#9cbbc9}.wall-routes{display:grid;gap:7px;flex:1}.wall-routes>b{font:11px var(--mono);padding:8px 10px;border-left:3px solid var(--accent);background:#243039}.wall-routes small{font:10px/1.5 var(--mono);color:#afbbc0}.plate-ui{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;margin:16px;max-width:none}.gameplay-card{display:block!important}.wide-detail-image img{display:block;width:100%;height:auto;object-fit:contain}.effect-gallery img{height:auto;object-fit:cover}
@media(max-width:700px){.wordmark{font-size:1.15rem!important}.array-routing{gap:12px}.camera-compass{width:140px;height:140px;flex-basis:140px}.camera-compass>b{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-53px) rotate(calc(-1 * var(--angle)));font-size:8px;padding:5px}.scene-outliner{font-size:7px;padding:5px}.editor-viewport figcaption{font-size:6px;bottom:4px;left:4px}.plate-ui{margin:8px}.wall-routes>b{font-size:9px}.wall-routes small{font-size:9px}}
.plate-visual>img{display:block;width:100%;height:auto!important;aspect-ratio:16/8;object-fit:cover}.plate-visual:after{display:none}.plate-visual{background:#111719}.plate-ui{z-index:1}
.library-environment{grid-column:1/-1;margin:0}.library-environment img{display:block;width:100%;height:auto;object-fit:contain}.indie-card:has(a[href="projects.html#innergalaxy"]){display:block}.indie-card:has(a[href="projects.html#innergalaxy"]) .indie-copy{max-width:1000px}
.projection-detail{margin:0;overflow:hidden;background:#080b0d}.projection-detail img{display:block;width:100%;height:auto;object-fit:contain}
.hero .kicker{line-height:1.8;max-width:900px;white-space:normal}
.system-card.library-feature{display:block}.library-editor-image{margin:0;background:#171717}.library-editor-image a{display:block}.library-editor-image img{display:block;width:100%;height:auto;object-fit:contain}.library-feature .card-copy{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem}.library-feature .card-index,.library-feature h3{grid-column:1}.library-feature .card-copy p:not(.card-index){grid-column:2}.library-feature .card-copy p:nth-of-type(2){grid-row:1/3}.library-feature .card-copy a{grid-column:1;align-self:end}.library-feature .card-copy .library-detail{grid-row:3/5}@media(max-width:700px){.library-feature .card-copy{display:block}.library-feature .card-copy p{margin:1rem 0}.library-feature .card-copy a{display:inline-block;margin-top:1rem}}
.scouter-workflow{padding-block:2rem 4rem;scroll-margin-top:100px}.scouter-workflow .section-head h3{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.04em}.scouter-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.scouter-features article{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#101617}.scouter-features h4{font-size:1.5rem;line-height:1.25;font-weight:500;margin:1rem 0}.scouter-features p:not(.card-index){color:var(--muted);line-height:1.75}.scouter-features .lens-kit{font:12px/1.9 var(--mono);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}@media(max-width:700px){.scouter-features{grid-template-columns:1fr}.scouter-features article{padding:1.5rem}.scouter-workflow{padding-block:1rem 2rem}}
.camera-compass>strong{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:78px;height:64px;border:1px dashed #8aaebd;border-radius:8px;background:#14242b;color:#e2eff4;font-size:11px}.camera-compass>strong small{display:block;font-size:8px;white-space:nowrap;color:#abc6d1}.camera-compass>strong span{display:block}