:root{color:#17161a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"SFMono-Regular", "Cascadia Code", Consolas, monospace;--editable-font-min:0px;--page:#fff;--surface:#fff;--sidebar:#fff;--surface-soft:#f4f5f7;--surface-accent:#edf5ff;--text:#15171d;--text-secondary:#4d535e;--muted:#676d78;--subtle:#8b919c;--border:#e1e4e8;--border-soft:#eceef1;--primary:#1677f2;--primary-strong:#0865d5;--primary-soft:#eaf3ff;--primary-shadow:#1677f233;--red:#f25f57;--red-strong:#c9363e;--red-soft:#fff0ee;--yellow:#ef9f12;--yellow-soft:#fff4dc;--blue:var(--primary);--blue-soft:var(--primary-soft);--purple:#8058df;--purple-soft:#f2edff;--green:#18a66d;--green-soft:#e8f8f1;--error:#cf3128;--error-soft:#fff0ee;--focus:#0a72e842;--red-shadow:#e5484d33;--desktop-rail-width:76px;--desktop-directory-width:280px;--mobile-topbar-height:56px;--mobile-nav-height:68px;--page-title:clamp(32px, 2.8vw, 40px);--radius-card:18px;--shadow-card:0 9px 28px #1923340f;--shadow-card-hover:0 15px 38px #19233417;background:#f7f8fa;font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:var(--page);min-width:320px}body{background:var(--page);min-width:320px;color:var(--text);font:400 14px/1.65 var(--font-sans);overflow:hidden}::selection{background:color-mix(in srgb, var(--primary) 22%, transparent);color:var(--text)}*{scrollbar-color:color-mix(in srgb, var(--muted) 32%, transparent) transparent;scrollbar-width:thin}button,input,textarea,select{font:inherit}input,textarea,select{font-size:max(1em, var(--editable-font-min))}@media (any-pointer:coarse){:root{--editable-font-min:16px}}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-soft)}.icon-button:disabled{cursor:wait;opacity:.5}.primary-button,.secondary-button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 8px 18px var(--primary-shadow)}.primary-button:hover{background:var(--primary-strong)}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary-button:hover{border-color:color-mix(in srgb, var(--primary) 38%, var(--border));background:var(--primary-soft)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.58}.action-row{align-items:center;gap:8px;display:flex}.login-page,.startup-screen,.route-error-page{color:#17161a;background:#f1f2f5;place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid;overflow:auto}.login-panel,.startup-panel{background:#fff;border:1px solid #dedde3;border-radius:18px;width:min(100%,408px);padding:36px;box-shadow:0 22px 54px #211d2a14}.login-brand,.startup-mark,.brand-mark{background:var(--primary);color:#fff;width:34px;height:34px;box-shadow:0 6px 16px var(--primary-shadow);border-radius:9px;place-items:center;display:inline-grid}.login-panel h1{letter-spacing:-.02em;margin:18px 0 4px;font-size:28px;line-height:1.25}.login-page{background:#f7f8fa}.login-panel{border-color:#e4e7ec;border-radius:24px;box-shadow:0 12px 36px #17161a0d}.login-panel>p{color:#69656e;margin:0 0 28px}.login-form{display:grid}.login-form label{margin:15px 0 6px;font-size:13px;font-weight:600}.login-field{color:#79747f;background:#fff;border:1px solid #dedde3;border-radius:11px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;min-height:48px;padding:0 10px 0 13px;display:grid}.login-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus)}.login-field input{color:#17161a;background:0 0;border:0;outline:0;min-width:0;height:46px;padding:0 8px}.password-visibility{color:#69656e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;display:grid}.password-visibility:hover{background:#f6f6f8}.field-error{color:#cf3128;margin-top:5px;font-size:12px}.login-error,.dialog-error,.inline-notice{color:#a8241d;background:#fff0ee;border:1px solid #ffc0bb;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:13px}.inline-notice{margin:0 0 4px}.login-submit{background:var(--primary);color:#fff;cursor:pointer;min-height:46px;box-shadow:0 8px 18px var(--primary-shadow);border:0;border-radius:11px;margin-top:22px;font-weight:700}.login-submit:hover{background:var(--primary-strong)}.login-submit:disabled{cursor:wait;opacity:.65}.startup-panel{justify-items:center;gap:18px;padding:28px;display:grid}.route-error-page .state-panel{width:min(100%,640px)}.loading-state{min-height:140px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.loading-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.76s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:180px;padding:28px;display:grid}.state-panel-icon{background:var(--surface-soft);width:42px;height:42px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.state-panel--danger .state-panel-icon{background:var(--error-soft);color:var(--error)}.state-panel--success .state-panel-icon{color:#267443;background:#eaf8ef}.state-panel h2{margin:0 0 4px;font-size:18px;line-height:1.4}.state-panel p,.state-panel-description{max-width:560px;color:var(--muted);margin:0;font-size:13px}.diagnostic-id{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.diagnostic-id code{color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagnostic-id .icon-button{flex:none;width:28px;height:28px}.state-panel--compact{min-height:120px;padding:20px}.app-shell{grid-template-columns:var(--desktop-rail-width) minmax(0, 1fr);background:var(--page);width:100%;height:100dvh;padding:10px;transition:grid-template-columns .18s;display:grid;overflow:hidden}.app-shell.has-desktop-directory{grid-template-columns:var(--desktop-rail-width) var(--desktop-directory-width) minmax(0, 1fr)}.desktop-sidebar{z-index:20;border:1px solid var(--border);background:var(--sidebar);border-right:0;border-radius:18px 0 0 18px;flex-direction:column;min-width:0;min-height:0;padding:16px 6px 12px;display:flex;position:relative}.brand-row{justify-content:center;align-items:center;gap:4px;min-height:46px;padding:0 0 8px;display:flex}.brand-row.has-directory-toggle{justify-content:space-between}.brand-mark{width:30px;height:30px}.brand-mark--lego{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.desktop-directory-toggle{width:30px;height:30px;color:var(--muted)}.desktop-commandbar{flex-direction:column;gap:6px;min-height:0;margin:8px 0 16px;display:flex}.command-button{width:100%;min-width:0;height:64px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 0;text-decoration:none;display:flex;position:relative}.command-button:hover{background:var(--surface-soft)}.command-route.is-active{color:var(--primary-strong);font-weight:600}.command-route.is-active .themed-icon{background:0 0}.command-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:600;line-height:16px;overflow:hidden}.desktop-directory-sidebar{z-index:19;border:1px solid var(--border);background:var(--sidebar);border-right:0;flex-direction:column;min-width:0;min-height:0;padding:16px 10px 12px;display:flex;position:relative;overflow:hidden}.desktop-directory-header{justify-content:space-between;align-items:center;min-height:46px;padding:0 4px 8px 7px;display:flex}.desktop-directory-title{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.desktop-directory-sidebar>.area-workspace-panel{overflow:hidden}.directory-boundary{gap:3px;display:grid}.directory-boundary>span{min-height:40px;color:var(--text);border-radius:9px;align-items:center;padding:0 11px;font-size:13px;display:flex}.directory-boundary>span:before{content:"";border:1px solid var(--border);background:var(--surface-soft);border-radius:2px;width:7px;height:7px;margin-right:9px}.directory-boundary>span:hover{background:var(--surface-soft)}.directory-boundary small{color:var(--subtle);padding:10px 11px;font-size:11px}.sidebar-spacer{flex:1}.app-content{border:1px solid var(--border);background:var(--page);overscroll-behavior:contain;border-radius:0 18px 18px 0;min-width:0;min-height:0;position:relative;overflow:hidden auto}.app-content>*{z-index:1;position:relative}.mobile-topbar,.mobile-bottom-nav{display:none}.lego-icon{flex:0 0 var(--lego-size);width:var(--lego-size);height:var(--lego-size);isolation:isolate;border-radius:28%;place-items:center;transition:transform .14s,filter .14s;display:inline-grid;position:relative;overflow:hidden}.lego-icon>img{z-index:0;object-fit:cover;width:132%;max-width:none;height:132%;position:absolute}.lego-icon>svg{z-index:1;color:#fff;stroke-width:2.8px;filter:drop-shadow(0 1px 1px #14121047);width:42%;height:42%;position:relative}.lego-icon--yellow>svg{color:#493400;filter:none}button:hover .themed-icon>.lego-icon,a:hover .themed-icon>.lego-icon{filter:saturate(1.08)drop-shadow(0 3px 5px #2722302e);transform:translateY(-1px)rotate(-1deg)}button:active .themed-icon>.lego-icon,a:active .themed-icon>.lego-icon{transform:translateY(1px)scale(.97)}.themed-icon{flex:0 0 var(--themed-icon-size);width:var(--themed-icon-size);height:var(--themed-icon-size);color:var(--muted);border-radius:30%;place-items:center;transition:background .14s,color .14s,transform .14s;display:inline-grid;position:relative}.themed-icon>svg{stroke-width:1.95px;width:74%;height:74%}.is-active .themed-icon,.is-selected .themed-icon,[aria-selected=true] .themed-icon,[aria-pressed=true] .themed-icon,.themed-icon.is-selected{background:var(--primary-soft);color:var(--primary)}.themed-icon--primary{color:var(--primary)}.themed-icon--insight{color:var(--purple)}.themed-icon--warning{color:var(--yellow)}.themed-icon--danger{color:var(--red)}.themed-icon--success{color:var(--green)}.lego-tabs{scrollbar-width:thin;gap:18px;padding:0 2px;display:flex;overflow-x:auto}.lego-tabs button{min-width:64px;min-height:42px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:0 2px 5px;font-size:14px;display:inline-flex;position:relative}.lego-tabs button:after{content:"";background:0 0;border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0}.lego-tabs button:hover{color:var(--text)}.lego-tabs button.is-active{color:var(--primary-strong);font-weight:700}.lego-tabs button.is-active:after{background:var(--primary)}.lego-filter-control{--lego-filter-accent:var(--primary);border:1px solid color-mix(in srgb, var(--lego-filter-accent) 24%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--lego-filter-accent) 5%, var(--surface)), var(--surface));min-width:0;min-height:48px;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--lego-filter-accent) 12%, transparent), 0 2px 7px #17161a09;color:var(--text);border-radius:14px;outline:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 10px 5px 7px;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative}.lego-filter-control--yellow,.lego-filter-control--blue,.lego-filter-control--purple{--lego-filter-accent:var(--primary)}.lego-filter-control:hover{border-color:color-mix(in srgb, var(--lego-filter-accent) 50%, var(--border));box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--lego-filter-accent) 18%, transparent), 0 5px 14px #17161a0f}.lego-filter-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus), inset 0 -2px 0 color-mix(in srgb, var(--lego-filter-accent) 18%, transparent)}.lego-filter-control>input,.lego-filter-control>select{appearance:none;width:100%;min-width:0;height:38px;color:var(--text);font:inherit;font-size:max(1em, var(--editable-font-min));background:0 0;border:0;outline:0;padding:0}.lego-filter-control>select{cursor:pointer;padding-right:2px}.lego-filter-control__chevron{color:var(--muted);flex:none;transition:transform .14s}.module-page{width:min(100%,1236px);min-height:100%;margin:0 auto;padding:28px clamp(24px,4vw,56px) 48px}.module-heading{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;min-height:112px;margin:0 auto 18px;display:flex}.module-heading h1{font-size:var(--page-title);letter-spacing:-.025em;margin:0;line-height:1.15}.module-page>.state-panel{max-width:1180px;margin:0 auto}.scene-slot{isolation:isolate;background:#fff;border:1px solid #ffd0cc;border-radius:50%;flex:0 0 104px;width:104px;height:104px;display:block;position:relative;overflow:hidden;box-shadow:0 8px 20px #2d283717}.scene-slot img{object-fit:contain;max-width:none;position:absolute}.scene-slot--processing>img{object-fit:cover;width:100%;height:100%;inset:0}.scene-slot--processing{flex-basis:112px;width:112px;height:112px}.scene-slot--review .scene-prop{z-index:0;opacity:.72;width:94%;height:94%;bottom:-13%;left:-24%}.scene-slot--review .scene-character--stuart{z-index:1;width:66%;height:88%;bottom:-5%;right:-5%}.scene-slot--plan .scene-prop{z-index:0;opacity:.72;width:88%;height:88%;bottom:-12%;right:-19%}.scene-slot--plan .scene-character--kevin{z-index:1;width:63%;height:88%;bottom:-4%;right:29%}.scene-slot--plan .scene-character--bob{z-index:2;width:54%;height:74%;bottom:-4%;right:-1%}.scene-slot--capture .scene-prop{z-index:0;opacity:.66;width:92%;height:92%;bottom:-14%;right:-22%}.scene-slot--capture .scene-character--otto{z-index:1;width:65%;height:76%;bottom:-5%;left:-5%}.scene-slot--capture .scene-character--stuart{z-index:2;width:60%;height:82%;bottom:-4%;right:-5%}.dialog-layer,.drawer-layer{z-index:80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog-scrim,.drawer-scrim{cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17161a61;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.confirm-dialog,.capture-boundary,.dialog-loading{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:18px;width:min(100%,480px);padding:24px;position:relative;box-shadow:0 24px 70px #17161a33}.confirm-dialog h2,.capture-boundary h2{margin:0 42px 8px 0;font-size:21px}.confirm-dialog>p,.capture-boundary p{color:var(--muted);margin:0 0 20px}.confirm-dialog .action-row{justify-content:flex-end;margin-top:22px}.dialog-close{position:absolute;top:12px;right:12px}.capture-boundary{width:min(100%,620px)}.capture-boundary>header{grid-template-columns:minmax(0,1fr) 104px 44px;align-items:center;gap:12px;display:grid}.capture-boundary .scene-slot{width:104px;height:104px}.drawer-layer{place-items:stretch start;padding:0}.directory-drawer{z-index:1;width:min(88vw,320px);height:100%;padding:max(12px, env(safe-area-inset-top)) 14px 20px;border-right:1px solid var(--border);background:var(--surface);position:relative;box-shadow:16px 0 48px #17161a26}.directory-drawer>header{justify-content:space-between;align-items:center;min-height:50px;margin-bottom:8px;display:flex}@media (width<=1050px) and (width>=761px){:root{--desktop-directory-width:260px}}@media (prefers-reduced-motion:reduce){.app-shell{transition:none}}@media (width<=760px){:root{--page-title:30px}body{background:var(--page)}.app-shell.without-mobile-topbar{--mobile-topbar-height:env(safe-area-inset-top,0px)}.app-shell{background:var(--surface);width:100vw;height:100dvh;padding:0;display:block}.desktop-sidebar,.desktop-directory-sidebar{display:none}.mobile-topbar{z-index:40;height:var(--mobile-topbar-height);border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface) 98%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;padding:0 6px 0 10px;display:grid;position:fixed;top:0;left:0;right:0}.mobile-directory-button{width:44px;height:44px;color:var(--primary-strong);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.mobile-directory-button:hover{background:var(--primary-soft)}.mobile-top-actions{grid-column:3;grid-auto-columns:44px;grid-auto-flow:column;justify-self:end;display:grid}.mobile-top-action{color:var(--text);border-radius:12px}.app-content{inset:var(--mobile-topbar-height) 0 var(--mobile-nav-height);background:var(--page);border:0;border-radius:0;position:absolute;overflow:hidden auto}.mobile-bottom-nav{z-index:45;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:5px 6px max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface) 98%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{min-width:0;height:56px;color:var(--muted);border-radius:9px;grid-template-rows:34px 15px;align-content:center;place-items:center;gap:1px;padding:3px 0;font-size:12px;text-decoration:none;display:grid}.mobile-nav-item.is-active{color:var(--primary-strong);font-weight:600}.mobile-nav-item.is-active .themed-icon{background:0 0}.mobile-capture{cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-rows:1fr;align-content:center;place-self:end center;place-items:center;gap:1px;width:58px;height:58px;padding:0;display:grid}.mobile-capture .themed-icon{background:var(--primary);color:#fff;border-radius:50%;box-shadow:0 7px 18px #1677f233}.mobile-capture .themed-icon>svg{stroke-width:1.8px;width:29px;height:29px}.module-page{min-height:100%;padding:18px 16px 34px}.module-heading{gap:10px;min-height:82px;margin-bottom:12px}.module-heading h1{font-size:var(--page-title)}.scene-slot,.scene-slot--processing{flex-basis:72px;width:72px;height:72px}.scene-slot--processing{flex-basis:76px;width:76px;height:76px}.state-panel{grid-template-columns:38px minmax(0,1fr);min-height:220px;padding:20px 16px}.state-panel-icon{width:38px;height:38px}.state-panel-action{grid-column:1/-1}.state-panel-action .action-row{flex-wrap:wrap}.dialog-layer{padding:0 0 calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));align-items:end}.confirm-dialog,.capture-boundary,.dialog-loading{border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0;width:100%}.capture-boundary{min-height:min(100dvh,540px);padding:18px}.capture-boundary>header{grid-template-columns:minmax(0,1fr) 82px 40px}.capture-boundary .scene-slot{width:82px;height:82px}.login-page,.startup-screen,.route-error-page{background:#fff;align-items:stretch;padding:0}.login-panel,.startup-panel{width:100%;box-shadow:none;border:0;border-radius:0;align-self:center;padding:28px 22px}}@media (width<=360px){.mobile-topbar{grid-template-columns:44px minmax(0,1fr) auto;padding-left:4px}.module-page{padding-left:12px;padding-right:12px}.state-panel{gap:10px;padding:18px 12px}.capture-boundary>header{grid-template-columns:minmax(0,1fr) 70px 40px;gap:6px}.capture-boundary .scene-slot{width:70px;height:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}