@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--ink:#111316;--paper:#eeeae1;--yellow:#f4cc38;--orange:#ff5b35;--muted:#93918b;--line:#34363a;--panel:#1a1c20;--mono:'IBM Plex Mono',monospace;--display:'Archivo Black',sans-serif}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font-family:var(--mono)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -20%,#333018 0,transparent 30%),var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}.nav,.topbar{height:92px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:26px var(--display);letter-spacing:-2px}.wordmark span{color:var(--yellow)}.live-pill,.eyebrow,.section-no{font-size:11px;letter-spacing:.15em;font-weight:600}.live-pill i,.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:9px;box-shadow:0 0 16px var(--orange)}.hero{max-width:1440px;margin:auto;min-height:690px;padding:80px clamp(24px,5vw,80px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw}.hero h1,.status-deck h1,.error-page h1{font:clamp(52px,6.5vw,102px)/.9 var(--display);letter-spacing:-.065em;margin:22px 0 30px;text-transform:uppercase}.hero h1 em,.status-deck h1 em{font-style:normal;color:var(--yellow)}.lede{max-width:570px;color:#bbb8b1;font:16px/1.7 var(--mono);margin:0 0 34px}.button{border:1px solid var(--line);min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--panel);color:var(--paper);cursor:pointer;font-weight:600;transition:.2s transform,.2s background}.button:hover{transform:translate(-2px,-2px)}.button.primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:5px 5px 0 #776619}.button.danger{background:var(--orange);color:var(--ink);border-color:var(--orange)}.button.ghost{background:transparent}.fine{color:var(--muted);font-size:10px;margin:18px 0}.contact-sheet{aspect-ratio:1.2;background:linear-gradient(145deg,#22252a,#131518);border:1px solid #46484c;box-shadow:28px 28px 0 #090a0b;position:relative;padding:8%;display:grid;grid-template:1fr 1fr/1fr 1fr 1fr;gap:5%;transform:rotate(1.5deg)}.frame-label{position:absolute;top:18px;left:24px;right:24px;font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between}.frame-label span{color:var(--orange)}.portrait{align-self:center;justify-self:center;display:grid;place-items:center;border-radius:50%;width:min(9vw,130px);aspect-ratio:1;background:#59656b;font:clamp(19px,3vw,43px) var(--display);color:#121416;border:7px solid var(--paper);box-shadow:0 12px 30px #0008}.p2{background:#ce5a3a;transform:translateY(-10%)}.p3{background:#d4bc62}.p4{background:#729584}.p5{background:transparent;color:var(--yellow);border-color:var(--yellow)}.timestamp{position:absolute;bottom:14px;left:24px;font-size:9px;color:var(--muted)}.focus-corner{position:absolute;width:28px;height:28px;border-color:var(--yellow)}.tl{top:7%;left:6%;border-top:2px solid;border-left:2px solid}.tr{top:7%;right:6%;border-top:2px solid;border-right:2px solid}.bl{bottom:7%;left:6%;border-bottom:2px solid;border-left:2px solid}.br{bottom:7%;right:6%;border-bottom:2px solid;border-right:2px solid}.how{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr repeat(3,1fr);max-width:1440px;margin:auto}.how>*{padding:35px;border-right:1px solid var(--line)}.how article b{color:var(--yellow);font-size:12px}.how h2{font:24px var(--display);text-transform:uppercase}.how article p{font-size:12px;line-height:1.7;color:var(--muted)}
.topbar{height:76px}.channel{display:flex;align-items:center;gap:12px}.channel img{width:38px;height:38px;border-radius:50%;object-fit:cover}.channel small,.channel strong{display:block}.channel small{font-size:8px;color:var(--muted);letter-spacing:.15em}.channel strong{font-size:12px}.text-button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:11px}.dashboard{max-width:1500px;margin:auto;padding:45px clamp(18px,4vw,60px) 80px}.flash{background:var(--yellow);color:var(--ink);padding:15px 20px;font-weight:600;margin-bottom:25px;display:flex;justify-content:space-between}.flash button{border:0;background:none;font-size:18px;cursor:pointer}.status-deck{display:grid;grid-template-columns:1.2fr 1fr 250px;gap:50px;align-items:end;padding-bottom:38px;border-bottom:1px solid var(--line)}.status-deck h1{font-size:clamp(45px,5vw,76px);margin:12px 0 0}.meter{padding-bottom:8px}.meter-head{display:flex;justify-content:space-between;font-size:11px}.meter-head strong{color:var(--yellow)}.meter-track{height:7px;background:#33363a;margin:14px 0}.meter-track i{display:block;height:100%;background:var(--yellow);max-width:100%}.meter p{font-size:10px;line-height:1.5;color:var(--muted)}.signal{border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:15px 1fr}.signal small{font-size:8px;color:var(--muted);letter-spacing:.12em}.signal strong{grid-column:2;font-size:11px;margin-top:5px}.signal.good .signal-dot{background:#61d584;box-shadow:0 0 16px #61d584}.control-strip{display:flex;gap:12px;align-items:center;padding:22px 0}.control-strip form{margin:0}.more{margin-left:auto;position:relative}.more summary{cursor:pointer;color:var(--muted);font-size:11px;list-style:none}.more>div{position:absolute;right:0;top:30px;z-index:5;background:var(--panel);border:1px solid var(--line);padding:8px;min-width:180px}.more button{width:100%;border:0;background:none;color:var(--paper);padding:10px;text-align:left;cursor:pointer}.workspace{display:grid;grid-template-columns:1fr 300px;border:1px solid var(--line)}.participants{min-height:550px;padding:30px;border-right:1px solid var(--line)}.participants>header,.renders>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.participants h2,.renders h2{font:26px var(--display);text-transform:uppercase;margin:7px 0 0}.participants>header code{background:var(--yellow);color:var(--ink);font-size:18px;padding:9px 12px}.portrait-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:25px 16px}.person{min-width:0}.photo{aspect-ratio:1;position:relative;background:#2c3035;overflow:hidden;filter:saturate(.85);transition:.2s}.photo:hover{filter:saturate(1.15);transform:translateY(-3px)}.photo img{width:100%;height:100%;object-fit:cover}.photo>span{display:grid;place-items:center;height:100%;font:34px var(--display);color:var(--yellow)}.photo>b{position:absolute;left:7px;top:7px;background:var(--ink);padding:4px 6px;font-size:9px}.person-meta{display:flex;justify-content:space-between;align-items:start;padding-top:10px}.person-meta strong,.person-meta small{display:block;overflow:hidden;text-overflow:ellipsis}.person-meta strong{font-size:11px}.person-meta small{font-size:9px;color:var(--muted);margin-top:4px}.person-meta button{border:1px solid var(--line);background:none;color:var(--muted);width:24px;height:24px;cursor:pointer}.person.removed{opacity:.35}.person.removed .photo{filter:grayscale(1)}.person-meta i{font-size:8px;color:var(--orange)}.renders{padding:30px;background:#15171a}.render-card{border-top:1px solid var(--line);padding:18px 4px;display:flex;justify-content:space-between;align-items:center}.render-card:hover{color:var(--yellow)}.render-card span,.render-card small,.render-card strong{display:block}.render-card span{font-size:8px;color:var(--muted);letter-spacing:.12em}.render-card strong{font-size:12px;margin:5px 0}.render-card small{font-size:9px;color:var(--orange)}.render-card>b{font-size:24px}.no-renders{text-align:center;color:var(--muted);font-size:10px;padding:60px 0}.mini-frame{aspect-ratio:1.4;border:1px dashed #4d5055;display:grid;place-items:center;align-content:center;font:20px var(--display);color:#45484d}.mini-frame span{font:8px var(--mono);margin-top:5px}.empty{text-align:center;padding:110px 20px;color:var(--muted)}.empty>span{font-size:50px;color:var(--yellow)}.empty h3{font:20px var(--display);color:var(--paper);text-transform:uppercase}.empty p{font-size:11px;line-height:1.7;max-width:460px;margin:auto}.error-page main{max-width:800px;margin:auto;padding:10vh 30px}.error-page p{color:var(--muted);margin-bottom:35px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:50px}.contact-sheet{margin-top:20px}.portrait{width:18vw}.how{grid-template-columns:1fr}.how>*{border-bottom:1px solid var(--line)}.status-deck{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.participants{border-right:0;border-bottom:1px solid var(--line)}.channel{display:none}}@media(max-width:560px){.nav{height:70px}.live-pill{font-size:8px}.hero h1{font-size:48px}.control-strip{align-items:stretch;flex-direction:column}.control-strip .button{width:100%}.more{margin:10px 0}.status-deck{gap:25px}.portrait-grid{grid-template-columns:repeat(2,1fr)}.participants,.renders{padding:20px}.topbar{padding:0 18px}}
.template-page{max-width:1560px;margin:auto;padding:45px clamp(18px,4vw,60px) 80px}.template-heading{display:grid;grid-template-columns:1fr 420px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:34px;margin-bottom:28px}.template-heading h1{font:clamp(48px,6vw,88px)/.88 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:14px 0 0}.template-heading h1 em{font-style:normal;color:var(--yellow)}.template-heading>p{color:var(--muted);font-size:12px;line-height:1.8}.upload-stage{border:1px solid var(--line);min-height:470px;display:grid;grid-template-columns:180px 1fr 1fr;align-items:center;gap:40px;padding:60px;background:linear-gradient(135deg,#1d2024,#141619)}.upload-mark{border:1px dashed #5a5d62;aspect-ratio:1;display:grid;place-items:center;font-size:60px;color:var(--yellow)}.upload-stage h2,.editor-tools h2{font:30px var(--display);text-transform:uppercase;margin:10px 0}.upload-stage p{font-size:10px;color:var(--muted);line-height:1.7}.upload-stage form{display:grid;gap:15px}.upload-stage label,.slot-inspector label{display:grid;gap:8px;font-size:9px;color:var(--muted);letter-spacing:.1em}.upload-stage input,.slot-inspector select{width:100%;border:1px solid var(--line);background:#111316;color:var(--paper);padding:13px;font:12px var(--mono)}.file-field{border:1px dashed #55585d;padding:15px}.editor-shell{display:grid;grid-template-columns:290px 1fr;border:1px solid var(--line);min-height:680px}.editor-tools{padding:28px;background:#15171a;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px}.tool-hint{font-size:10px;color:var(--muted);line-height:1.7}.tool-action{border:1px solid var(--line);background:none;color:var(--paper);padding:14px;text-align:left;cursor:pointer}.primary-tool{border-color:var(--yellow);color:var(--yellow)}.slot-inspector{border-top:1px solid var(--line);padding-top:22px;display:grid;gap:17px}.slot-inspector input[type=range]{accent-color:var(--yellow);width:100%}.inspector-actions{display:flex;gap:8px}.inspector-actions button,.replace-background button{border:1px solid var(--line);background:none;color:var(--paper);padding:9px;font-size:9px;cursor:pointer}.inspector-actions .delete-tool{color:var(--orange)}.editor-footer{margin-top:auto;display:grid;gap:12px}.editor-footer>span{font-size:10px;color:var(--muted)}.editor-footer>span strong{font:28px var(--display);color:var(--paper)}#save-status{min-height:14px;font-size:8px;letter-spacing:.12em;margin:0}.saved{color:#61d584}.failed{color:var(--orange)}.replace-background{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:9px}.replace-background summary{cursor:pointer}.replace-background form{display:grid;gap:8px;margin-top:12px}.canvas-wrap{min-width:0;padding:40px;background:#0d0f11;display:flex;flex-direction:column;justify-content:center}.canvas-ruler{display:flex;justify-content:space-between;color:#55585d;font-size:8px;margin-bottom:8px}.layout-canvas{position:relative;width:100%;aspect-ratio:16/9;background:#222;box-shadow:0 22px 70px #000;overflow:hidden;touch-action:none;user-select:none}.layout-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.safe-area{position:absolute;inset:5%;border:1px dashed #f4cc3870;pointer-events:none}.avatar-slot{position:absolute;display:grid;place-items:center;border:2px solid var(--yellow);background:#f4cc3840;color:#fff;cursor:grab;touch-action:none;box-shadow:0 5px 20px #0007;padding:0}.avatar-slot:active{cursor:grabbing}.avatar-slot span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);font:13px var(--display)}.avatar-slot.selected{outline:2px solid white;outline-offset:3px;background:#f4cc3866}.shape-circle{border-radius:50%}.shape-square{border-radius:0}.shape-rounded{border-radius:16%}.shape-rectangle{border-radius:0}.resize-handle{position:absolute;width:14px;height:14px;right:-7px;bottom:-7px;background:var(--yellow);border:2px solid var(--ink);cursor:nwse-resize}.canvas-note{font-size:8px;letter-spacing:.12em;color:#55585d;margin:12px 0 0}.template-studio .flash{max-width:100%}@media(max-width:1000px){.template-heading{grid-template-columns:1fr}.editor-shell{grid-template-columns:1fr}.editor-tools{border-right:0;border-bottom:1px solid var(--line)}.canvas-wrap{padding:20px}.upload-stage{grid-template-columns:1fr}.upload-mark{width:130px}}@media(max-width:560px){.template-page{padding:28px 14px}.template-heading h1{font-size:48px}.canvas-wrap{padding:10px}.editor-tools{padding:20px}}