@charset "UTF-8";
:root{color-scheme:dark;--bg:#111815;--sidebar:#0d1411;--panel:#19221d;--panel-deep:#141d18;--line:#303c32;--text:#f0eddf;--muted:#a0ad9f;--soft:#748575;--accent:#e9b678;--teal:#98c5ab;--font:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.7}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.55;cursor:wait}::selection{color:#142018;background:var(--accent)}[hidden]{display:none!important}.accent{color:var(--accent)}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;color:var(--soft);line-height:1.6}.brand{display:inline-flex;align-items:center;gap:14px;font-size:24px;font-weight:500;letter-spacing:2px;line-height:1.15}.brand-mark{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--accent);font-size:48px;line-height:.9;letter-spacing:-6px;padding-right:5px}.brand-mark span{color:var(--teal)}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:400;margin-top:7px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #4a5749;background:#2a352a;color:var(--text);border-radius:6px;padding:12px 18px;font-size:12px;font-weight:500;line-height:1.5;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:#374332;border-color:#6a795e}.button.primary{background:var(--accent);border-color:var(--accent);color:#28271d;font-weight:600}.button.primary:hover{background:#f2c58e;border-color:#f2c58e;transform:translateY(-1px)}.button.subtle{background:transparent}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-size:11px;border:0;background:transparent;padding:0}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;z-index:50;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:12px 20px;background:#eef0dd;color:#263125;border:1px solid #cad5be;border-radius:7px;box-shadow:0 10px 40px #0005;font-size:12px;text-align:center}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#19221d;padding:10px 20px}.skip-link:focus{top:10px}
/* Invitation entrance */
.login-shell{display:grid;grid-template-columns:54% 46%;min-height:100svh}.login-story{position:relative;min-height:760px;padding:45px 9.5%;overflow:hidden;background:#18231a;border-right:1px solid var(--line)}.login-story:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 45%,#34422d50,transparent 65%);pointer-events:none}.login-story>.brand,.story-copy,.story-footer{position:relative;z-index:1}.story-copy{margin-top:85px}.story-copy .eyebrow{color:#a3ad8a;font-size:9px;letter-spacing:2.2px}.story-copy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.42;font-weight:500;letter-spacing:1px;margin:22px 0 19px}.story-description{font-size:13px;color:#aeb9a6;line-height:2.15}.story-footer{position:absolute;left:9.5%;bottom:31px;font-size:10px;letter-spacing:2px;color:#91a187}.storyboard-art{position:relative;height:246px;max-width:390px;margin:40px 0 24px}.art-grid{position:absolute;inset:-10px -45px 0 -15px;background-image:linear-gradient(#6e7c5622 1px,transparent 1px),linear-gradient(90deg,#6e7c5622 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 70%)}.art-frame{position:absolute;border:1px solid #79806555;background:#18231d;box-shadow:0 20px 35px #07120a66;padding:14px;overflow:hidden}.art-frame>span{font-family:Consolas,monospace;font-size:7px;letter-spacing:1.5px;color:#9d9d76}.frame-back{width:230px;height:170px;top:20px;left:8px;transform:rotate(-8deg);background:#26301e}.art-sun{position:absolute;width:40px;height:40px;border:1px solid #c3a36f;border-radius:50%;top:55px;right:40px}.art-horizon{position:absolute;left:-10px;right:-10px;bottom:31px;border-top:1px solid #89916a;transform:rotate(-12deg);height:30px;border-bottom:1px solid #68735b}.art-track{position:absolute;width:220px;height:90px;left:120px;top:95px;border-top:1px solid #89916a;transform:rotate(33deg);border-bottom:1px solid #48543d}.frame-front{width:174px;height:220px;top:-7px;right:12px;transform:rotate(7deg);background:#1a271e;color:#b6ae80}.frame-front svg{width:100%;height:170px;margin-top:6px}.art-cross{position:absolute;font-size:16px;color:#ad986b}.cross-one{left:5px;bottom:8px}.cross-two{right:6px;top:23px}.art-caption{position:absolute;bottom:0;left:15px;display:flex;align-items:center;gap:9px;color:#99a287;font-family:Consolas,monospace;font-size:7px;letter-spacing:1.7px}.login-form-side{display:flex;flex-direction:column;align-items:center;padding:50px 11% 26px;background:#111815}.invite-pill{display:inline-flex;align-items:center;gap:9px;align-self:flex-end;font-size:8px;letter-spacing:1.2px;color:#a6b29e;border:1px solid #354230;border-radius:4px;padding:7px 10px;white-space:nowrap}.login-form-wrap{margin:auto 0;width:100%;max-width:380px;padding:70px 0 60px}.login-form-wrap>.eyebrow{color:var(--accent);font-size:8px;letter-spacing:1.7px}.login-form-wrap h2{font-size:27px;font-weight:500;line-height:1.5;margin-top:15px;letter-spacing:-.8px}.login-intro{font-size:12px;color:var(--muted);margin-top:15px}.login-form{margin-top:35px}.login-form label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:12px;color:#dce0d0}.login-form label span{font-size:9px;color:var(--soft)}.password-field{display:flex;align-items:center;border:1px solid #42513d;border-radius:5px;background:#161f18}.password-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #e9b67809}.password-field input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);padding:14px;font-family:Consolas,monospace;font-size:14px;line-height:1.7;letter-spacing:1px;outline:none}.password-field input::placeholder{color:#61735d}.password-field input:focus-visible{outline:none}.password-toggle{background:transparent;border:0;padding:12px;color:#9eac95;font-size:10px;white-space:nowrap}.password-toggle:hover{color:var(--accent)}.field-help{font-size:10px;color:var(--soft);margin-top:9px}.login-error{font-size:11px;color:#efb0a2;background:#b4543b12;border-left:2px solid #bf7562;padding:10px 12px;margin-top:15px}.login-error:empty{display:none}.login-submit{width:100%;justify-content:space-between;margin-top:25px;padding:14px 17px}.invite-help{font-size:10px;line-height:2;color:var(--soft);margin-top:20px}.login-local-note{border-top:1px solid var(--line);margin-top:38px;padding-top:23px;display:flex;gap:13px}.local-icon{font-size:24px;color:var(--teal);line-height:1.3}.login-local-note strong{font-weight:400;font-size:11px;color:#b9c8af}.login-local-note p{font-size:10px;color:var(--soft);line-height:1.9;margin-top:7px}.login-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;width:100%;font-size:8px;letter-spacing:.5px;color:#687b64}
/* Authenticated production portal */
.studio-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:33px 19px 23px;display:flex;flex-direction:column;z-index:20}.sidebar>.brand{margin:0 9px 66px}.sidebar-label{font-size:8px;letter-spacing:1.5px;color:#64785f;padding:0 13px 16px}.main-nav{display:grid;gap:6px}.nav-link{border:1px solid transparent;border-radius:6px;display:flex;align-items:center;gap:12px;padding:12px;color:var(--muted);font-size:12px}.nav-link>span{font-size:20px;line-height:1;width:20px;color:#86977e}.nav-link>small{margin-left:auto;color:#667a5f;font-size:8px}.nav-link:hover{color:var(--text);background:#1b271a}.nav-link.active{color:var(--accent);background:#273024;border-color:#3c4733}.nav-link.active>span,.nav-link.active>small{color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:35px 12px 0}.sidebar-local{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.6px;color:#a9ba9e}.sidebar-bottom>p{font-size:10px;line-height:2;color:var(--soft);margin-top:17px}.sidebar-version{display:block;font-size:7px;letter-spacing:.8px;color:#57704f;padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.studio-body{min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;gap:20px}.topbar-location{display:flex;align-items:center;gap:15px;font-size:11px;white-space:nowrap}.topbar-location>span{color:var(--soft)}.topbar-location i{font-style:normal;color:#53684c}.topbar-location strong{font-weight:400;color:#cad3be}.account{display:flex;align-items:center;gap:10px;min-width:0;font-size:10px}.account-avatar{background:#303b27;border:1px solid #4a573d;color:var(--accent);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px}.account-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;color:#b8c5ac}.logout-button{background:transparent;border:0;border-left:1px solid var(--line);color:var(--soft);padding:0 0 0 13px;margin-left:5px;font-size:10px}.logout-button:hover{color:var(--accent)}.menu-toggle{display:none;padding:5px;border:0;background:none;color:var(--accent);font-size:19px}.studio-main{max-width:1480px;margin:0 auto;padding:38px 40px 42px}.portal-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;margin-bottom:43px}.hero-copy>.eyebrow{color:var(--accent);letter-spacing:2.3px;font-size:8px}.hero-copy h1{font-size:clamp(30px,3.3vw,47px);line-height:1.45;letter-spacing:-1.2px;font-weight:500;margin:15px 0 14px}.hero-description{font-size:12px;line-height:1.95;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.hero-actions>.text-link{font-size:10px}.local-card{position:relative;padding:23px 25px 19px;background:linear-gradient(120deg,#222c20,#19231a);border:1px solid #3c4935;border-radius:9px;overflow:hidden;max-width:430px;justify-self:end;width:100%}.local-card:after{position:absolute;content:"";width:170px;height:170px;border:1px solid #45503835;border-radius:50%;right:-60px;top:56px;box-shadow:0 0 0 20px #45503812,0 0 0 40px #45503810;pointer-events:none}.local-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.local-card-top>.eyebrow{font-size:7px;letter-spacing:1.4px;color:#9aac8c}.outline-label{border:1px solid #657044;color:#bdc39d;font-size:9px;padding:3px 6px;border-radius:3px;white-space:nowrap}.local-card h2{font-size:22px;font-weight:500;line-height:1.6;letter-spacing:-.4px}.local-card>p:not(.local-status){color:#9fae94;font-size:11px;line-height:1.9;margin-top:11px;max-width:280px;position:relative;z-index:1}.endpoint-row{display:flex;align-items:center;gap:10px;border:1px solid #3b4a32;background:#131d16;border-radius:5px;padding:10px 12px;margin-top:19px;position:relative;z-index:1}.endpoint-icon{font-size:18px;color:var(--teal)}.endpoint-row code{font-size:12px;color:#c5d1b8}.icon-copy{margin-left:auto;font-size:9px;color:var(--accent);border:0;background:none;padding:3px}.local-status{display:flex;align-items:center;gap:7px;font-size:9px;color:#95a486;margin-top:10px;line-height:1.8}.hollow-dot{height:5px;width:5px;border:1px solid #9ca286;border-radius:50%;flex-shrink:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px}.section-heading h2{font-size:21px;line-height:1.5;font-weight:500;letter-spacing:-.5px}.section-meta{font-size:9px;color:var(--soft);white-space:nowrap;padding-bottom:3px}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.scene-card{min-width:0}.scene-preview{width:100%;position:relative;display:block;overflow:hidden;height:290px;background:#0d130f;border:1px solid #3d4934;border-radius:7px;padding:0;text-align:left}.scene-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(#0a120d66,transparent 30%,transparent 60%,#07110dd9);pointer-events:none}.scene-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 37%;transition:transform .6s ease}.scene-preview:hover img{transform:scale(1.025)}.scene-index{position:absolute;top:14px;left:14px;z-index:1;color:#f2edda;font-size:8px;letter-spacing:1.5px;text-shadow:0 1px 8px #000}.play-circle{position:absolute;z-index:1;inset:0;margin:auto;display:grid;place-items:center;width:45px;height:45px;border:1px solid #efedcd88;border-radius:50%;color:#f8edda;background:#0c161858;backdrop-filter:blur(4px);font-size:13px;padding-left:3px;transition:background .2s,transform .2s}.scene-preview:hover .play-circle{background:#e9b678dd;color:#26301f;border-color:var(--accent);transform:scale(1.07)}.preview-caption{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;display:flex;justify-content:space-between;color:#f3e9d5;font-size:10px}.scene-description{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 1px 0}.scene-description h3{font-size:14px;font-weight:500}.scene-description p{font-size:9px;line-height:1.8;color:var(--soft);margin-top:5px}.scene-badge{border:1px solid #35432e;padding:3px 6px;border-radius:3px;color:#9aad8c;font-size:8px;white-space:nowrap}.showcase-footnote{display:flex;align-items:center;gap:14px;margin-top:23px;padding:15px 17px;background:#1b241a;border:1px solid #34422e;border-radius:6px}.note-symbol{font-size:25px;color:#a0bd8d;line-height:1.3;align-self:flex-start}.showcase-footnote p{font-size:10px;line-height:1.95;color:#92a287;max-width:850px}.showcase-footnote strong{color:#c4d1b9;font-weight:500}.sample-spec{margin-left:auto;border-left:1px solid #3b4a32;padding-left:20px;color:#a7b79a;font-size:8px;letter-spacing:1px;line-height:1.8;white-space:nowrap}.workflow-section,.setup-section{margin-top:46px}.workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;border:1px solid #35412e;border-radius:8px;background:#172016}.workflow-steps li{position:relative;padding:20px 18px;border-right:1px solid #35412e;display:flex;flex-direction:column}.workflow-steps li:last-child{border:0}.step-number{font-family:Georgia,serif;font-size:29px;color:#849773;line-height:1.1;margin-bottom:18px;font-style:italic}.workflow-steps h3{font-size:12px;font-weight:500;line-height:1.7}.workflow-steps p{color:var(--soft);font-size:10px;line-height:1.9;margin:9px 0 20px}.step-check{color:#a7ba97;font-size:8px;margin-top:auto;padding-top:12px;border-top:1px solid #2d3c26}.setup-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.setup-main{border:1px solid #35432e;border-radius:8px;padding:23px;background:#172017}.setup-intro{display:flex;gap:12px;padding:0 0 20px;border-bottom:1px solid #34432e}.setup-icon{font-size:24px;color:#9fbb8c;line-height:1.2}.setup-intro p{font-size:11px;line-height:1.9;color:#9eae95}.setup-intro strong{font-weight:500;color:#c4d1bb}.dependency{display:flex;gap:15px;padding-top:20px}.dependency-number{font-family:Georgia,serif;font-size:17px;line-height:1.4;color:#6f875e;min-width:22px}.dependency>div{min-width:0}.dependency h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.8;font-weight:500;color:#d0dbc5}.mini-label{font-size:8px;color:#89a178;font-weight:400;line-height:1.5}.dependency p{font-size:10px;line-height:1.9;color:#8ea280;margin-top:6px}.dependency a{display:inline-block;font-size:10px;color:var(--accent);margin-top:7px;overflow-wrap:anywhere}.dependency a:hover{text-decoration:underline;text-underline-offset:4px}.hardware-panel{border:1px solid #485337;border-radius:8px;background:linear-gradient(145deg,#293121,#1c271a);padding:23px 25px;display:flex;flex-direction:column}.hardware-panel>.eyebrow{font-size:7px;letter-spacing:1.3px;color:#9eb18a}.hardware-panel>h3{font-size:21px;font-weight:500;line-height:1.6;letter-spacing:-.5px;margin:12px 0 20px}.hardware-highlight{display:flex;align-items:center;gap:17px;border-top:1px solid #49533a;border-bottom:1px solid #49533a;padding:17px 0}.hardware-highlight strong{font-family:"Segoe UI",sans-serif;font-size:43px;line-height:1;font-weight:300;letter-spacing:-2px;color:var(--accent);white-space:nowrap}.hardware-highlight strong span{font-size:12px;letter-spacing:0;margin-left:2px}.hardware-highlight p{font-size:9px;color:#b2c49e;line-height:1.9}.spec-list{margin:17px 0 14px;display:grid;gap:9px}.spec-list>div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.spec-list dt{color:#91a77d}.spec-list dd{margin:0;color:#bfceb0;text-align:right}.hardware-note{font-size:9px;color:#8fa47d;line-height:1.95;margin-bottom:18px}.hardware-panel .button{width:100%;margin-top:auto;font-size:10px;padding:10px}.connection-guide{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;margin-top:20px;border:1px solid #35432f;border-radius:8px;padding:23px;background:#151e16}.connection-guide .eyebrow{font-size:7px;letter-spacing:1.6px}.connection-guide h3{font-size:14px;font-weight:500;margin:7px 0 9px}.connection-guide p{font-size:10px;color:var(--soft);line-height:1.9}.config-example{border:1px solid #35452e;border-radius:5px;background:#101911;overflow:hidden}.code-toolbar{padding:8px 12px;border-bottom:1px solid #2b3a25;display:flex;justify-content:space-between;gap:10px;align-items:center}.code-toolbar span,.code-toolbar .text-link{font-size:8px}.code-toolbar span{color:#7a946b}.config-example pre{font-family:Consolas,"Microsoft YaHei",monospace;font-size:10px;color:#b0c59d;margin:0;padding:13px 12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.troubleshoot{border-bottom:1px solid #35432e;margin-top:12px}.troubleshoot summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;color:#afc19d;padding:16px 2px;list-style:none}.troubleshoot summary::-webkit-details-marker{display:none}.troubleshoot summary span{font-size:17px;font-weight:300;color:#80996e}.troubleshoot[open] summary span{transform:rotate(45deg)}.troubleshoot ol{margin:0 0 19px 16px;padding-left:15px;color:#87a176;font-size:10px;line-height:2.2}.delivery-section{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center;border:1px solid #475239;background:linear-gradient(110deg,#293121,#1e281b);border-radius:8px;padding:28px;margin-top:36px}.delivery-section .eyebrow{color:#a0b08b;font-size:8px;letter-spacing:1.6px}.delivery-section h2{font-size:22px;font-weight:500;line-height:1.6;letter-spacing:-.6px;margin:10px 0}.delivery-section>div>p{font-size:10px;line-height:1.95;color:#a5b295}.format-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.format-tags>span{font-size:8px;color:#b2c39f;border:1px solid #4c5c3e;border-radius:3px;padding:3px 7px}.delivery-action{text-align:center}.delivery-action .button{font-size:11px;white-space:nowrap}.delivery-action>p{margin-top:13px!important;color:#879d75!important;font-size:9px!important}.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 40px;border-top:1px solid var(--line);color:#617b55;font-size:8px}.footer-brand{color:#a8ba98;font-size:15px}.footer-brand>span{font-size:7px;letter-spacing:1.5px;margin-left:10px;color:#778e69}.studio-footer p{color:#809671;letter-spacing:1px}.video-dialog{max-width:min(640px,calc(100vw - 32px));width:auto;border:1px solid #526044;border-radius:9px;padding:17px;background:#142016;color:var(--text)}.video-dialog::backdrop{background:#050d09d9;backdrop-filter:blur(7px)}.video-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:12px}.video-dialog-top h2{font-size:12px;font-weight:500;line-height:1.7}.dialog-close{border:1px solid #3b4f32;background:#22331c;border-radius:4px;width:30px;height:30px;font-size:13px;color:#b8caa8}.video-dialog video{display:block;max-width:100%;width:auto;max-height:74vh;min-width:260px;border-radius:3px;background:#050a06}.video-dialog>p{font-size:8px;color:#8ba276;text-align:center;margin-top:10px}
/* Invitation administration uses the same visual language as the studio. */
.main-nav .admin-link{display:block;margin:15px 12px 0;padding:17px 0 0 32px;border-top:1px solid var(--line);font-size:11px;color:#a8b79b}.main-nav .admin-link:hover{color:var(--accent)}.admin-page{max-width:1120px;margin:0 auto;padding:46px 32px 60px}.admin-page>header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;padding-bottom:30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.admin-page>header>a{grid-column:1;justify-self:start;color:var(--accent);font-size:11px;margin-bottom:24px}.admin-page>header>a:hover{text-decoration:underline;text-underline-offset:5px}.admin-page>header>h1{grid-column:1;font-size:32px;font-weight:500;line-height:1.5;letter-spacing:-1px}.admin-page>header>p{grid-column:1;font-size:12px;color:var(--muted);line-height:1.9;margin-top:13px;max-width:750px}.admin-page>header>form{grid-column:2;grid-row:1/4;align-self:start}.admin-page>header>form>button{padding:8px 14px;border:1px solid #405039;border-radius:5px;background:#19241a;color:#aabe9b;font-size:11px}.admin-page>header>form>button:hover{background:#26331f;color:var(--text);border-color:#5b6e4c}.admin-page>section{padding:25px 28px;margin-top:23px;border:1px solid #36472e;border-radius:8px;background:#182218;min-width:0}.admin-page>section>h2{font-size:18px;font-weight:500;letter-spacing:-.3px;line-height:1.6;margin-bottom:20px}.admin-page>section>form{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.admin-page label{display:flex;flex-direction:column;gap:10px;color:#becdb0;font-size:11px;min-width:0}.admin-page input,.admin-page textarea{width:100%;min-width:0;padding:11px 12px;line-height:1.7;font-size:12px;border:1px solid #485a3c;border-radius:5px;background:#111b12;color:var(--text)}.admin-page input:focus,.admin-page textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e9b67812}.admin-page input:focus-visible,.admin-page textarea:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.admin-page>section>form>.button{min-height:44px;padding:11px 18px;font-size:11px;white-space:nowrap}.admin-page>section.notice{background:linear-gradient(110deg,#302f1e,#23291b);border-color:#74623b}.admin-page .notice h2{color:#e8c38d;font-size:17px;margin-bottom:10px;overflow-wrap:anywhere}.admin-page .notice p{color:#b6b393;font-size:11px;line-height:1.9;max-width:800px}.admin-page .notice textarea{display:block;max-width:720px;margin-top:17px;font-family:Consolas,monospace;font-size:13px;letter-spacing:.7px;resize:vertical;color:#edcf9d;border-color:#736440;background:#1b2115}.admin-page>p[role="status"]{margin:23px 0;padding:13px 17px;border-left:2px solid var(--teal);background:#a8c98c0b;color:#b9cda7;font-size:12px}.admin-page>section:has(table){overflow-x:auto;scrollbar-color:#637b50 #172216}.admin-page table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;font-size:11px}.admin-page th{padding:0 14px 13px 0;border-bottom:1px solid #435637;color:#7f9b6d;font-size:9px;letter-spacing:.6px;font-weight:500;white-space:nowrap}.admin-page td{padding:17px 14px 17px 0;border-bottom:1px solid #2f4226;color:#b8cba5;line-height:1.8;overflow-wrap:anywhere}.admin-page th:first-child,.admin-page td:first-child{width:30%;max-width:270px}.admin-page td:first-child{color:#e0e6d2;font-weight:500}.admin-page th:last-child,.admin-page td:last-child{padding-right:0;text-align:right}.admin-page tbody tr:last-child td{border-bottom:0;padding-bottom:3px}.admin-page td form{display:inline-block}.admin-page td .button.secondary{padding:7px 10px;font-size:9px;font-weight:400;color:#d8b99b;border-color:#695c40;background:#312b1e;white-space:nowrap}.admin-page td .button.secondary:hover{color:#f0cfad;border-color:#a18c60;background:#3f3521}
@media(max-width:800px){.admin-page{padding:32px 24px 45px}.admin-page>header>h1{font-size:28px}.admin-page>header>p{font-size:11px}.admin-page>section{padding:23px}.admin-page>section>form{grid-template-columns:1fr 1fr;gap:18px}.admin-page>section>form>.button{grid-column:1/3;justify-self:start;min-height:40px}.admin-page .notice textarea{font-size:12px}}
@media(max-width:500px){.admin-page{padding:26px 18px 35px}.admin-page>header{column-gap:12px;padding-bottom:24px;margin-bottom:23px}.admin-page>header>a{font-size:10px;margin-bottom:24px}.admin-page>header>h1{grid-column:1/3;font-size:26px}.admin-page>header>p{grid-column:1/3;font-size:10px;line-height:1.9;margin-top:10px}.admin-page>header>form{grid-row:1;align-self:start}.admin-page>header>form>button{font-size:9px;padding:6px 9px}.admin-page>section{padding:19px 17px;margin-top:18px}.admin-page>section>h2{font-size:16px;margin-bottom:17px}.admin-page>section>form{grid-template-columns:1fr;gap:17px}.admin-page>section>form>.button{grid-column:1;justify-self:stretch;width:100%;margin-top:3px}.admin-page label{font-size:10px;gap:8px}.admin-page input{font-size:13px;padding:11px}.admin-page .notice h2{font-size:15px}.admin-page .notice p{font-size:10px}.admin-page .notice textarea{font-size:11px;letter-spacing:0}.admin-page>p[role="status"]{font-size:10px}.admin-page table{min-width:560px;font-size:10px}.admin-page th{font-size:8px}.admin-page td{padding-top:14px;padding-bottom:14px}}
@media(min-width:1500px){.scene-preview{height:360px}.portal-hero{margin-bottom:48px}.desktop-break{display:none}.hero-copy h1{max-width:600px}.login-story{padding-left:14%}.story-footer{left:14%}.story-copy{margin-top:100px}}
@media(max-width:1150px){.studio-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.sidebar>.brand{font-size:22px}.studio-main{padding:30px 27px 35px}.topbar{padding:0 27px}.portal-hero{gap:23px;grid-template-columns:1.1fr 1fr}.local-card{padding:19px}.local-card-top{align-items:flex-start}.local-card-top>.eyebrow{max-width:100px}.local-card h2{font-size:19px}.hero-actions{gap:13px}.hero-actions>.text-link{font-size:9px}.scene-preview{height:250px}.showcase-grid{gap:14px}.scene-badge{display:none}.workflow-steps li{padding:18px 12px}.workflow-steps h3{font-size:11px}.workflow-steps p{font-size:9px}.step-check{font-size:7px}.setup-grid{grid-template-columns:1.4fr 1fr;gap:16px}.setup-main{padding:19px}.hardware-panel{padding:20px}.connection-guide{grid-template-columns:1fr 1fr;gap:18px;padding:20px}.delivery-section{grid-template-columns:1.4fr 1fr;gap:20px;padding:23px}.delivery-section h2{font-size:19px}.delivery-action .button{font-size:10px;padding:12px}.studio-footer{padding-left:27px;padding-right:27px}.login-form-side{padding-left:9%;padding-right:9%}.login-story{padding-left:10%;padding-right:10%}.storyboard-art{margin-top:38px}.frame-back{left:-10px;width:210px}.frame-front{right:-10px;width:165px}.story-copy h1{font-size:46px}.login-form-wrap h2{font-size:23px}}
@media(max-width:900px){.studio-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:65px;bottom:0;height:calc(100svh - 65px);width:230px;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 30px #0004}.sidebar.open{transform:translateX(0)}.sidebar>.brand{margin-bottom:40px}.menu-toggle{display:block}.topbar{height:65px;padding:0 24px;position:sticky;top:0;background:#111815f5;z-index:25;backdrop-filter:blur(10px)}.studio-main{padding:31px 24px}.portal-hero{gap:28px;margin-bottom:35px}.hero-copy h1{font-size:36px}.scene-preview{height:300px}.workflow-steps p{font-size:10px}.setup-grid{grid-template-columns:1.5fr 1fr}.section-heading h2{font-size:20px}.studio-footer{padding:20px 24px}.login-shell{grid-template-columns:48% 52%}.login-story{padding:36px 10%;min-height:740px}.login-form-side{padding:40px 10% 24px}.story-copy{margin-top:78px}.story-copy h1{font-size:40px}.story-copy .eyebrow{font-size:7px;letter-spacing:1px}.story-description{font-size:11px}.storyboard-art{height:228px;margin-top:45px}.frame-back{width:185px;height:150px;left:-9px;top:40px}.frame-front{width:148px;height:198px;top:5px;right:-15px}.frame-front svg{height:151px}.frame-front>span{font-size:6px;letter-spacing:.7px}.art-caption{left:-2px;font-size:6px;letter-spacing:1px}.story-footer{font-size:8px;letter-spacing:1px}.login-form-wrap h2{font-size:23px;letter-spacing:-1px}.login-form-wrap>.eyebrow{font-size:7px;letter-spacing:1px}}
@media(max-width:650px){.login-shell{display:block;min-height:100svh}.login-story{min-height:0;padding:26px 26px 30px;border-right:0;border-bottom:1px solid var(--line)}.login-story>.brand{font-size:22px}.brand-mark{font-size:43px}.story-copy{margin-top:35px}.story-copy h1{font-size:34px;line-height:1.4;margin:13px 0}.story-copy h1 br{display:none}.story-description{font-size:11px;line-height:1.9;max-width:270px}.story-copy .eyebrow{font-size:7px;letter-spacing:1.7px}.storyboard-art,.story-footer{display:none}.login-form-side{padding:24px 26px 22px;min-height:540px}.invite-pill{align-self:flex-start;font-size:7px;letter-spacing:.9px;padding:5px 8px}.login-form-wrap{padding:30px 0 40px;max-width:none}.login-form-wrap>.eyebrow{font-size:7px;letter-spacing:1.4px}.login-form-wrap h2{font-size:25px;margin-top:11px}.login-intro{margin-top:10px;font-size:11px}.login-form{margin-top:25px}.login-local-note{margin-top:26px;padding-top:20px}.login-footer{font-size:7px}.studio-main{padding:27px 18px 30px}.topbar{padding:0 18px}.topbar-location{gap:10px;font-size:10px}.topbar-location>span,.topbar-location>i{display:none}.account{gap:7px}.account-name{max-width:110px;font-size:9px}.account-avatar{width:24px;height:24px;font-size:11px}.logout-button{font-size:9px}.portal-hero{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.hero-copy h1{font-size:35px;line-height:1.4;margin-top:14px}.desktop-break{display:none}.hero-copy>.eyebrow{font-size:7px}.hero-description{font-size:11px}.hero-actions{gap:16px;margin-top:20px}.hero-actions .button{font-size:11px;padding:12px 15px}.local-card{max-width:none;justify-self:stretch;padding:19px}.local-card-top{align-items:center;margin-bottom:10px}.local-card-top>.eyebrow{max-width:none;font-size:7px}.local-card h2{font-size:18px;line-height:1.5}.local-card h2 br{display:none}.local-card>p:not(.local-status){max-width:none;font-size:10px;margin-top:9px}.endpoint-row{margin-top:14px;padding:8px 10px}.local-status{font-size:8px}.section-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:17px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:7px}.section-heading h2{font-size:19px}.section-meta{font-size:8px}.showcase-grid{gap:10px}.scene-preview{height:205px;border-radius:5px}.scene-preview img{object-position:center 34%}.scene-index{top:9px;left:8px;font-size:6px;letter-spacing:.3px}.play-circle{width:32px;height:32px;font-size:10px}.preview-caption{font-size:7px;left:8px;right:8px;bottom:9px}.preview-caption>span{display:none}.scene-description{padding-top:10px}.scene-description h3{font-size:12px}.scene-description p{font-size:8px;line-height:1.8;margin-top:4px}.showcase-footnote{margin-top:17px;padding:12px;gap:10px;align-items:flex-start}.showcase-footnote p{font-size:9px;line-height:1.9}.note-symbol{font-size:21px}.sample-spec{display:none}.workflow-section,.setup-section{margin-top:34px}.workflow-steps{grid-template-columns:1fr}.workflow-steps li{display:grid;grid-template-columns:33px 1fr auto;gap:3px 13px;border-right:0;border-bottom:1px solid #35412e;padding:17px}.workflow-steps .step-number{grid-row:1/3;margin:0;font-size:25px}.workflow-steps h3{font-size:12px}.workflow-steps p{grid-column:2/4;margin:5px 0 0;font-size:10px}.step-check{border:0;padding:0;font-size:7px;align-self:center;margin:0}.setup-grid{grid-template-columns:1fr;gap:16px}.setup-main{padding:18px}.setup-intro p{font-size:10px}.dependency{gap:12px;padding-top:19px}.dependency-number{font-size:16px;min-width:20px}.dependency h3{font-size:11px;gap:8px}.dependency p{font-size:9px}.dependency a{font-size:9px}.hardware-panel{padding:20px}.hardware-panel>h3{font-size:20px;margin-bottom:16px}.hardware-panel>h3 br{display:none}.hardware-highlight{justify-content:flex-start;gap:27px;padding:15px 0}.hardware-highlight strong{font-size:40px}.hardware-highlight p{font-size:10px}.spec-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:16px 0}.spec-list>div{font-size:9px}.hardware-note{margin-bottom:16px}.connection-guide{grid-template-columns:1fr;gap:18px;padding:18px;margin-top:16px}.connection-guide h3{font-size:13px}.connection-guide p{font-size:9px}.config-example pre{font-size:10px}.troubleshoot summary{font-size:10px;line-height:1.8}.troubleshoot ol{font-size:9px;line-height:2}.delivery-section{grid-template-columns:1fr;gap:24px;padding:21px;margin-top:27px}.delivery-section h2{font-size:21px;line-height:1.6;max-width:290px}.delivery-section>div>p{font-size:10px}.delivery-action{text-align:left;display:flex;flex-direction:column;align-items:flex-start}.delivery-action .button{font-size:11px;padding:12px 16px}.delivery-action>p{font-size:9px!important;line-height:1.8}.delivery-action>p br{display:none}.studio-footer{padding:20px 18px;gap:12px;flex-wrap:wrap}.studio-footer>p{font-size:7px}.studio-footer>span{display:none}.footer-brand{font-size:13px}.footer-brand>span{font-size:6px;margin-left:7px;letter-spacing:1px}.video-dialog{padding:12px}.video-dialog video{max-height:70vh;min-width:230px}}
@media(max-width:380px){.hero-copy h1{font-size:30px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.scene-preview{height:174px}.scene-index{font-size:5px}.preview-caption{font-size:6px}.scene-description p{font-size:7px}.step-check{display:none}.workflow-steps p{grid-column:2/4}.spec-list{grid-template-columns:1fr}.story-copy h1{font-size:29px}.login-form-wrap h2{font-size:23px}}
/* Dedicated handoff destination: visible entry, local files, and import sequence. */
.handoff-main{max-width:1260px;padding-top:42px}.handoff-heading .eyebrow{color:var(--accent);font-size:8px}.handoff-heading h1{font-size:36px;font-weight:500;line-height:1.4;margin:12px 0}.handoff-heading>p:last-child{color:var(--muted);font-size:12px}.handoff-entry{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;margin-top:28px;padding:30px;border:1px solid #485337;border-radius:9px;background:linear-gradient(120deg,#273121,#19231a)}.handoff-entry h2{font-weight:500;font-size:24px;line-height:1.5;margin:14px 0 10px}.handoff-entry p{font-size:12px;color:var(--muted);line-height:1.95;max-width:570px}.handoff-entry strong{font-weight:500;color:var(--text)}.handoff-entry .button.primary{margin-top:22px}.handoff-entry .handoff-status{font-size:10px;color:#a8ba98;margin-top:13px;min-height:38px}.handoff-address{border-left:1px solid #46533b;padding-left:30px;align-self:center;min-width:0}.handoff-address code{display:block;overflow-wrap:anywhere;font-size:13px;color:#d4dfc8;margin:12px 0 16px}.handoff-address .button{font-size:10px;padding:8px 12px}.handoff-address>p:last-child{font-size:10px;margin-top:18px}.handoff-instructions{margin-top:34px}.handoff-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;border:1px solid #35412e;border-radius:8px;background:#172016}.handoff-steps li{padding:24px;border-right:1px solid #35412e}.handoff-steps li:last-child{border:0}.handoff-steps .step-number{display:block;margin-bottom:14px}.handoff-steps h3{font-weight:500;font-size:15px;line-height:1.6;margin-bottom:10px}.handoff-steps p{font-size:11px;line-height:1.95;color:var(--muted)}.handoff-steps strong{font-weight:500;color:#d0dbc5}.handoff-audio{display:flex;gap:14px;margin-top:16px;padding:17px 20px;background:#202719;border:1px solid #49543a;border-radius:6px}.handoff-audio p{font-size:11px;line-height:1.95;color:#aabc99}.handoff-audio strong{color:#d4d7ba;font-weight:500}.handoff-back{margin-top:24px}.handoff-main .troubleshoot summary{font-size:12px}.handoff-main .troubleshoot ol{font-size:11px}
@media(max-width:900px){.handoff-entry{gap:24px;padding:24px}.handoff-address{padding-left:22px}.handoff-steps li{padding:20px}}
@media(max-width:650px){.handoff-heading h1{font-size:30px}.handoff-entry{grid-template-columns:1fr;gap:22px;padding:20px}.handoff-entry h2{font-size:21px}.handoff-entry p{font-size:11px}.handoff-address{padding:20px 0 0;border-left:0;border-top:1px solid #46533b}.handoff-entry .handoff-status{min-height:0}.handoff-steps{grid-template-columns:1fr}.handoff-steps li{border-right:0;border-bottom:1px solid #35412e;padding:20px}.handoff-steps .step-number{font-size:23px;margin-bottom:10px}.handoff-steps h3{font-size:14px}.handoff-audio{padding:15px;gap:10px}.handoff-main .troubleshoot summary{font-size:11px}.handoff-main .troubleshoot ol{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}