/* Complete project surfaces and a saved, optional dark theme. */
.project-tile{background:#fff;border:1px solid #e3ebf7;box-shadow:0 10px 30px #234a820b;padding:12px;border-radius:25px;height:100%;display:flex;flex-direction:column}.project-tile:hover{background:#fff;box-shadow:0 14px 34px #0057ff15}.project-art{border:0;border-radius:17px;flex:none;box-shadow:none}.project-caption{padding:17px 8px 6px;display:flex;flex-direction:column;flex:1}.project-caption>strong{margin-bottom:12px}.project-caption>div{margin-top:auto}.project-owner{display:block;margin-bottom:13px;font-size:11px;color:#697f9d}.request-code{font-size:10px;color:#8a9db6;margin-bottom:8px;display:block}.collection-description{color:#637894;font-size:14px;margin-top:-20px;margin-bottom:26px}.collection-filters{flex-wrap:wrap;row-gap:5px}.collection-filters button{white-space:nowrap}.collection-filters button small{font-size:10px;margin-left:5px;color:#7c95bc}.collection-tools .search{flex-shrink:0}.collection-tools{align-items:start}.category-choice{background:#fff;border:1px solid #e1eaf7;padding:10px;border-radius:27px}.category-choice.small{padding:8px}.template-stage .artboard{background:#f6f9ff;border:1px solid #edf2fc}.studio-mini-link{background:#fff;border:1px solid #e6edf8;border-radius:20px;padding:17px 22px}.studio-more{z-index:10}.theme-toggle{display:flex;align-items:center;gap:7px;padding:8px 10px;color:#456897;border:1px solid #e2eaf7;border-radius:30px;background:#fff;font-size:12px;font-weight:400}.theme-toggle svg{height:17px;width:17px;stroke:currentColor;fill:none;stroke-width:1.7}.theme-toggle:hover{background:#edf4ff}.theme-text{white-space:nowrap}
.creative-scene{position:relative;width:100%;max-width:500px;aspect-ratio:1.5;isolation:isolate}.creative-scene>svg{display:block;width:100%;height:100%;overflow:visible}.creative-scene:before{content:'';position:absolute;inset:5% 10%;background:radial-gradient(ellipse,#9fc6ff55,transparent 65%);filter:blur(15px);z-index:-1}.scene-orb{transform-box:fill-box;transform-origin:center;animation:orb-bob 7s ease-in-out infinite}.scene-ribbon{transform-box:fill-box;transform-origin:center;animation:ribbon-sway 10s ease-in-out infinite}.scene-tools{transform-box:fill-box;transform-origin:center;animation:tool-bob 6s ease-in-out infinite}.scene-tools.late{animation-delay:-3s}.scene-spark{transform-box:fill-box;transform-origin:center;animation:spark-breathe 5s ease-in-out infinite}.scene-connector{stroke-dasharray:5 8;animation:connector-flow 20s linear infinite}.scene-sticker{position:absolute;border:1px solid #dce8fb;background:#fffffff0;box-shadow:0 8px 25px #1e58b51a;border-radius:40px;padding:9px 14px;font-size:11px;color:#3e6aaf}.scene-sticker.one{left:0;bottom:20%;transform:rotate(-7deg)}.scene-sticker.two{right:1%;top:13%;transform:rotate(6deg)}.welcome-art{transform:none}
@keyframes orb-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ribbon-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes tool-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(5px) rotate(2deg)}}@keyframes spark-breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes connector-flow{to{stroke-dashoffset:-180}}
html[data-theme=dark]{color-scheme:dark;--bg:#0c1424;--ink:#eef3ff;--muted:#a5b5cc;--line:#2a3850;--green:#4d8dff;--lime:#203556;--dark:#070d18;--gradient:linear-gradient(110deg,#2977ff,#0057ff)}
html[data-theme=dark] body{background:radial-gradient(ellipse at 90% 0%,#142b50 0,transparent 50%),#0c1424;color:#e8effd}
html[data-theme=dark] :is(h1,h2,h3,.work-title h1,.shelf-title h2,.studio-heading h1,.stage-form h2,.canvas-toolbar h2,.studio-wizard h2,.brand-world-caption h2){color:#eef3ff}
html[data-theme=dark] .studio-header{background:#0d1728eb;border-color:#24334b}html[data-theme=dark] .studio-header .wordmark{color:#f0f5ff}html[data-theme=dark] .studio-header :is(.brand-symbol,.icon-button){color:#75a8ff}html[data-theme=dark] .studio-header .wordmark small{color:#91a4c2}
html[data-theme=dark] :is(.studio-nav-primary,.collection-filters,.journey-tabs){background:#17243a}html[data-theme=dark] :is(.studio-header .nav-item,.collection-filters button,.journey-tabs button){color:#acbedb}html[data-theme=dark] :is(.studio-header .nav-item.active,.collection-filters button.active,.journey-tabs button.selected){background:#263c5d;color:#9bc0ff;box-shadow:none}html[data-theme=dark] .journey-tabs button>span{background:#263750;color:#aac1e6}html[data-theme=dark] .journey-tabs button.selected>span{background:#1765ee;color:#fff}
html[data-theme=dark] :is(.project-tile,.stage-surface,.brand-world,.category-choice,.studio-mini-link,.card,dialog,.studio-more>div,.context-menu button,.system-state>div){background:#132035;border-color:#2a3a54;box-shadow:0 12px 32px #00000018}html[data-theme=dark] .project-tile:hover{background:#182944;box-shadow:0 15px 35px #00000030}html[data-theme=dark] :is(.project-art,.brand-world-art,.visual-mood,.reference-canvas,.preview-small){background:linear-gradient(135deg,#1c2d49,#17263e)}html[data-theme=dark] :is(.artboard,.template-stage .artboard){background:radial-gradient(ellipse,#223656,#18263d);border-color:#2b3a55}html[data-theme=dark] :is(.artboard-reference,.mood-poster){background:#21324c}html[data-theme=dark] .project-art .art-caption{background:#15243cf2;color:#bdd3f5}
html[data-theme=dark] :is(.welcome-copy p,.stage-intro,.collection-description,.stage-form label,.studio-wizard label,.project-owner,.project-caption>span,.quiet-details>p,.quiet-details li,.new-summary>section p,.sparse-text,.agent-row p,.person small,.brand-world-caption>small,.canvas-bottom>span,.micro-hint,.art-caption,.request-code){color:#a9bad4}html[data-theme=dark] :is(.project-caption>strong,.new-summary>section h3,.asset-tile>strong){color:#e1ebfa}html[data-theme=dark] :is(.welcome-copy h1 span,.text-button,.quiet-details summary,.studio-mini-link button,.brand-world-caption>b,.studio-more summary){color:#77aaff}
html[data-theme=dark] :is(input,textarea,select,.stage-form input,.stage-form textarea,.studio-wizard input,.studio-wizard textarea,.studio-wizard select,.collection-tools .search){background:#0e192b;border-color:#314363;color:#e2ecff}html[data-theme=dark] :is(.primary,.primary:hover){background:#1765ee;border-color:#1765ee;color:white}html[data-theme=dark] .primary:hover{background:#2976ff}html[data-theme=dark] :is(.stage-actions>button:not(.primary),.canvas-bottom button:not(.primary),.theme-toggle,.blank-canvas>button){background:#1b2d49;border-color:#34486a;color:#a2c4ff}html[data-theme=dark] .theme-toggle:hover{background:#283e5d}
html[data-theme=dark] :is(.category-choice>button,.brand-picker>button,.new-brand-world,.asset-tile,.format-tile,.new-summary,.review-pills span,.character-chip,.size-chips span,.code,.upload-box,.bubble,.job-card,.compact-job .job-card){background:#1b2c47;border-color:#304561;color:#aecbfa}html[data-theme=dark] :is(.category-choice>button.chosen,.brand-picker>button.chosen){background:#1c375d;border-color:#5b9aff;color:#95beff}html[data-theme=dark] :is(.wizard-footer,.tile-arrow,.studio-header .avatar){background:#1d3152;color:#95bdff;border-color:#2f4568}html[data-theme=dark] .quiet-details{border-color:#2a3b56}html[data-theme=dark] .scene-sticker{background:#192d4ee8;border-color:#315281;color:#b4d0ff}html[data-theme=dark] .creative-scene:before{background:radial-gradient(ellipse,#0057ff44,transparent 65%)}html[data-theme=dark] .scene-shadow{opacity:.1}html[data-theme=dark] .scene-plane{fill:#1c3154;stroke:#3a5a87}html[data-theme=dark] .tag.purple{background:#1d3b6e;color:#9bc4ff}html[data-theme=dark] .tag.blue{background:#223954;color:#a4cbf6}html[data-theme=dark] .tag.amber{background:#443920;color:#f3d496}html[data-theme=dark] .tag.green{background:#1d3e38;color:#a3dec6}html[data-theme=dark] .soft-callout{background:#352d29;border-color:#4a3b31;color:#e2b9a0}html[data-theme=dark] .bubble.user{background:#1b3358}html[data-theme=dark] :is(.bubble strong,.bubble details summary,.job-card p,.file-list){color:#a4c6fb}
@media(max-width:800px){.collection-tools{flex-wrap:wrap}.collection-tools .search{max-width:none;width:100%}.theme-text{display:none}.theme-toggle{padding:8px}.studio-header .top-actions{gap:8px}.project-caption>strong{font-size:14px}}
@media(max-width:540px){.project-tile{padding:9px;border-radius:21px}.project-art{height:170px;border-radius:14px}.project-caption{padding:13px 4px 5px}.project-owner{font-size:10px;margin-bottom:10px}.request-code{font-size:9px}.collection-filters button{font-size:11px;padding:8px 10px}.collection-filters button small{font-size:9px}.collection-description{font-size:12px;margin-top:-17px}.creative-scene{width:310px;max-width:100%;margin-top:10px}.scene-sticker{font-size:9px;padding:8px 11px}.studio-mini-link{padding:15px}.category-choice{padding:7px;border-radius:23px}}
@media(prefers-reduced-motion:reduce){.scene-orb,.scene-ribbon,.scene-tools,.scene-spark,.scene-connector{animation:none!important}}

/* Clear filters and a compact, readable card hierarchy. */
.collection-filters{background:transparent;padding:0;border-radius:0;gap:8px;box-shadow:none;display:flex;justify-content:flex-start}
.collection-filters button{display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #d6e1f1;border-radius:13px;padding:12px 16px;font-size:14px;font-weight:600;color:#445570;min-height:46px;box-shadow:0 2px 4px #18355b04}
.collection-filters button small{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:7px;background:#edf2fa;color:#536782;font-size:12px;font-weight:600;margin:0}
.collection-filters button:hover{border-color:#8cb4ff;background:#f6f9ff}
.collection-filters button.active{background:#0057ff;color:#fff;border-color:#0057ff;box-shadow:0 5px 14px #0057ff22}
.collection-filters button.active small{background:#ffffff26;color:#fff}
.project-caption{padding:18px 8px 4px;gap:0}
.project-caption .project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.project-brand{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.3px;color:#56667e;overflow-wrap:anywhere}
.project-meta .tag{flex:none;font-size:11px;font-weight:600;padding:5px 9px}
.project-caption>strong{font-size:18px;line-height:1.45;font-weight:600;letter-spacing:-.25px;color:#182b46;margin:0 0 6px;overflow-wrap:anywhere}
.project-caption>.project-category{font-size:13px;color:#66758a;line-height:1.5;margin:0 0 18px}
.project-caption .project-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e9eef6;padding-top:12px;margin-top:auto}
.project-assignee{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#52627a}
.assignee-dot{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#edf3ff;color:#42618d;font-size:11px;font-weight:600}
.project-bottom .tile-arrow{width:28px;height:28px}
html[data-theme=dark] .collection-filters{background:transparent}
html[data-theme=dark] .collection-filters button{background:#16243a;border-color:#384b69;color:#ccd9ee}
html[data-theme=dark] .collection-filters button small{background:#2a3c58;color:#c1d6f8}
html[data-theme=dark] .collection-filters button.active{background:#1765ee;border-color:#448aff;color:#fff}
html[data-theme=dark] .collection-filters button.active small{background:#ffffff26;color:#fff}
html[data-theme=dark] .project-brand{color:#b5c6df}
html[data-theme=dark] .project-caption>strong{color:#eff5ff}
html[data-theme=dark] .project-caption>.project-category,html[data-theme=dark] .project-assignee{color:#acbed8}
html[data-theme=dark] .project-bottom{border-color:#2c3d57}
html[data-theme=dark] .assignee-dot{background:#243b5e;color:#b5d2ff}
@media(max-width:540px){.collection-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}.collection-filters button{font-size:12px;padding:10px 8px;gap:6px}.collection-filters button small{font-size:11px;min-width:21px;height:21px}.project-gallery{grid-template-columns:1fr;gap:18px}.project-art{height:240px}.project-caption{padding:17px 8px 6px}.project-caption>strong{font-size:18px}.project-caption>.project-category{font-size:13px}.project-brand{font-size:12px}.project-assignee{font-size:12px}}
html[data-theme=dark] .collection-tools .collection-filters button.active{background:#1765ee;border-color:#448aff;color:#fff;box-shadow:0 4px 14px #0002}

.studio-heading h1,.work-title h1,.welcome-copy h1{font-weight:600}.project-caption>strong{font-weight:700}.shelf-title h2,.canvas-toolbar h2,.brand-world-caption h2,.stage-form h2,.studio-wizard h2{font-weight:600}.empty-start{grid-column:1/-1;text-align:center;padding:50px 24px;min-height:0}.empty-start h2{font-size:26px;font-weight:600;margin-bottom:10px}.empty-start p{color:var(--muted);margin-bottom:24px}

/* Brand creation uses the same blue studio language. */
dialog:has(.brand-wizard-head){width:min(860px,calc(100vw - 32px));max-height:92vh;background:#fff;border:1px solid #e1e8f3;border-radius:28px;color:#24344b}
dialog::backdrop{background:#17264066;backdrop-filter:blur(6px)}
.brand-wizard-head{background:#fff;padding:28px 32px 20px;border-bottom:1px solid #e8eef7}.brand-wizard-head h2{font-size:27px;line-height:1.3;font-weight:600;margin-bottom:23px;padding-right:25px;color:#192c47}.brand-wizard-head .eyebrow{color:#60799e}.brand-wizard-head .modal-close{background:#f1f5fc;border:0;color:#496480;width:35px;height:35px;border-radius:50%;padding:0;min-height:0}
.brand-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.brand-stepper>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#718096;background:#f4f6fa;border-radius:11px;padding:10px 8px}.brand-stepper b{display:flex;align-items:center;justify-content:center;width:23px;height:23px;background:#e7ecf4;border-radius:7px;flex:none;font-size:11px}.brand-stepper .active{background:#eaf1ff;color:#0057ff}.brand-stepper .active b{background:#0057ff;color:#fff}.brand-stepper .done{background:#f1f6ff;color:#5073a7}.brand-stepper .done b{color:#0057ff;background:#dfeaff}
.brand-wizard-body{padding:26px 32px;background:#fff;min-height:280px}.brand-wizard-body label{color:#415570;font-weight:500;font-size:14px;line-height:1.5}.brand-wizard-body :is(input,textarea,select){background:#f9fbfe;border:1px solid #d7e2f1;color:#24344b;font-size:14px;border-radius:11px;padding:12px}.brand-wizard-body :is(input,textarea,select):focus{outline:2px solid #0057ff33;border-color:#0057ff}.brand-wizard-body label small{color:#738298;font-size:12px;font-weight:400}.brand-wizard-body .field-grid{gap:19px}.brand-wizard-body .upload-box{background:#f7faff;border:1px dashed #b7cbea;border-radius:15px;color:#355077;padding:19px}.brand-wizard-footer{background:#f8faff;border-top:1px solid #e5edf8;padding:18px 32px}.brand-wizard-footer button:not(.primary){background:#fff;border:1px solid #dce5f2;color:#47617f}.brand-wizard-footer button:first-child{background:transparent}.brand-wizard-body .notice{background:#eff5ff;border-color:#cddfff;color:#456389}.brand-wizard-body .dimension-row{background:#f7faff;border:1px solid #e4ecf8;border-radius:13px;padding:12px;margin-bottom:12px}.brand-wizard-body .file-list{color:#5b6e89}
.brand-import-intro{text-align:center;margin:0 auto 21px;max-width:460px}.import-symbol{display:flex;margin:0 auto 12px;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(140deg,#4292ff,#0057ff);font-size:38px;color:#fff}.brand-import-intro h3{font-size:22px;font-weight:600;margin-bottom:8px;color:#263f62}.brand-import-intro p,.import-hint{color:#6b7d96;font-size:14px;line-height:1.7}.brand-wizard-body .import-drop{display:block;text-align:center;border:1.5px dashed #9cbcf0;background:#f3f7ff;padding:22px;border-radius:18px;color:#0057ff;font-size:17px;font-weight:600;cursor:pointer}.import-drop input{display:block;margin:12px auto;width:100%;max-width:360px;font-weight:400;font-size:12px}.import-drop small{display:block}.import-hint{margin-top:20px;font-size:12px}.import-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:17px}.import-thumb{position:relative;border:1px solid #dce6f4;border-radius:13px;overflow:hidden;padding:7px;background:#f8faff}.import-thumb img{height:95px;width:100%;object-fit:contain;border-radius:7px}.import-thumb strong,.import-thumb>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#526580;padding:4px}.import-thumb>span{font-size:10px;padding-top:0}.import-thumb button{position:absolute;right:7px;top:7px;border:0;padding:0;width:24px;height:24px;background:#fff;border-radius:50%;color:#35577f}.import-progress{display:flex;align-items:center;gap:10px;background:#eaf2ff;padding:14px;border-radius:12px;color:#0057ff;font-size:14px}.import-progress>span{width:16px;height:16px;border:2px solid #bdd4ff;border-top-color:#0057ff;border-radius:50%;animation:import-spin 1s linear infinite}@keyframes import-spin{to{transform:rotate(360deg)}}
.discovery-result{padding:17px 19px;border:1px solid #c9ddff;border-radius:15px;background:#f1f6ff;margin-bottom:24px;color:#44628b;font-size:13px;line-height:1.6}.discovery-result>strong{color:#0057ff;font-size:14px}.discovery-result p{margin:6px 0}.discovery-result summary{cursor:pointer;margin-top:8px}.discovery-result ul{padding-left:20px}.palette-editor{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 10px}.palette-chip{display:flex;align-items:center;gap:7px;font-size:12px;color:#4c6482;padding:6px 9px;background:#f0f5fd;border-radius:10px}.brand-wizard-body .palette-chip input{width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}.wizard-notes{border-top:1px solid #e4ecf7;padding-top:17px;margin-top:20px;color:#587293;font-size:13px}.wizard-notes summary{cursor:pointer;margin-bottom:10px}.import-mapping{margin-top:23px}.import-mapping h3{font-weight:600;font-size:16px;margin-bottom:12px}.import-mapping>label{display:flex;align-items:center;gap:12px;padding:9px;background:#f7faff;border:1px solid #e0eafa;border-radius:12px;margin-bottom:9px}.import-mapping img{width:55px;height:55px;object-fit:contain}.import-mapping>label>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.import-mapping small{display:block}.import-mapping select{width:auto;max-width:170px;font-size:12px}
html[data-theme=dark] :is(dialog:has(.brand-wizard-head),.brand-wizard-head,.brand-wizard-body){background:#132035;border-color:#2c3e59}html[data-theme=dark] :is(.brand-wizard-head h2,.brand-import-intro h3){color:#e2edff}html[data-theme=dark] .brand-stepper>span{background:#1c2b42;color:#98abc7}html[data-theme=dark] .brand-stepper b{background:#2b3d58}html[data-theme=dark] .brand-stepper .active{background:#203f6a;color:#b2d0ff}html[data-theme=dark] .brand-stepper .active b{background:#1765ee;color:white}html[data-theme=dark] .brand-stepper .done{background:#1d3353;color:#a4c4f1}html[data-theme=dark] .brand-wizard-body label{color:#becde3}html[data-theme=dark] .brand-wizard-body :is(input,textarea,select){background:#0e192b;border-color:#334862;color:#e0ebfc}html[data-theme=dark] .brand-wizard-footer{background:#101c2e;border-color:#2a3c56}html[data-theme=dark] .brand-wizard-footer button:not(.primary){background:#1b2c45;border-color:#354866;color:#b6cbee}html[data-theme=dark] .brand-wizard-body :is(.import-drop,.upload-box,.dimension-row,.import-thumb,.discovery-result,.import-progress,.palette-chip,.import-mapping>label,.notice){background:#192e4d;border-color:#3b5d8c;color:#b6d2fa}html[data-theme=dark] :is(.brand-import-intro p,.import-hint,.brand-wizard-body label small,.import-thumb strong,.import-thumb>span){color:#a5b9d6}html[data-theme=dark] .discovery-result>strong{color:#9fc4ff}
@media(max-width:540px){.brand-wizard-head{padding:22px 18px 16px}.brand-wizard-head h2{font-size:23px}.brand-wizard-body{padding:22px 18px}.brand-stepper{gap:4px}.brand-stepper>span{font-size:9px;flex-direction:column;text-align:center;padding:8px 2px;gap:5px}.brand-wizard-footer{padding:15px;gap:10px;flex-wrap:wrap}.brand-wizard-footer .actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.brand-wizard-footer button{font-size:12px;padding:10px 13px}.import-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.import-mapping>label{flex-wrap:wrap}.import-mapping select{max-width:none;width:100%}}

.studio-header #sound{width:36px;height:36px;padding:8px;border-radius:50%;background:#eff5ff;color:#0057ff}.studio-header #sound svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.studio-header #sound:not(.sound-enabled){color:#8391a7;background:#f2f4f8}
.si-conversation{margin:24px 0;background:white;border:1px solid #e0e9f7;border-radius:24px;padding:24px;box-shadow:0 12px 30px #0057ff06}.si-conversation>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.si-conversation>header>div{display:flex;align-items:center;gap:11px}.si-conversation h2{font-size:20px;font-weight:600;margin:0 0 3px;color:#233959}.si-conversation header span:not(.si-avatar){font-size:12px;color:#6c7f9b}.si-avatar{height:40px;width:40px;border-radius:13px;background:linear-gradient(140deg,#57a0ff,#0057ff);color:white;display:flex;align-items:center;justify-content:center;font-size:27px}.si-ai-tag{padding:5px 10px;background:#eaf2ff;border:1px solid #c8dcff;border-radius:8px;color:#0057ff!important;font-weight:600}.si-log{max-height:450px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px}.si-message{max-width:92%;padding:15px 18px;border-radius:17px;background:#f0f5fd;align-self:flex-start;color:#365070;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.si-message strong{font-size:12px;color:#0057ff;display:block;margin-bottom:5px}.si-message>div{white-space:pre-wrap}.si-message pre{white-space:pre-wrap;font-size:11px}.si-message.from-person{align-self:flex-end;background:#0057ff;color:white}.si-message.from-person strong{color:#c8e0ff}.si-message.from-person summary{color:#d4e5ff}.si-empty{font-size:14px;line-height:1.7;color:#70829c;padding:18px;background:#f8faff;border-radius:14px}.si-state{margin:16px 0}.si-loading{display:flex;gap:13px;padding:16px;background:#edf4ff;border:1px solid #d5e5ff;border-radius:14px;color:#3d618f}.si-loading strong{font-size:14px;color:#0057ff}.si-loading p{font-size:13px;margin:5px 0;line-height:1.6}.si-loading small{font-size:11px;color:#7189ac}.si-typing{display:flex;align-items:center;gap:4px;padding:5px}.si-typing i{display:block;width:6px;height:6px;border-radius:50%;background:#0057ff;animation:si-bounce 1.25s ease-in-out infinite}.si-typing i:nth-child(2){animation-delay:.15s}.si-typing i:nth-child(3){animation-delay:.3s}@keyframes si-bounce{0%,70%,100%{transform:translateY(0);opacity:.4}35%{transform:translateY(-5px);opacity:1}}.si-ready{display:flex;align-items:center;gap:7px;font-size:12px;color:#648080}.si-ready i{background:#40ae89;width:6px;height:6px;border-radius:50%}#agent-chat-form label{font-size:12px;color:#536d92;margin-bottom:7px}#agent-chat-form>div{display:flex;gap:10px;align-items:stretch}#agent-chat-form textarea{resize:vertical;flex:1;min-width:0;background:#f8faff;border:1px solid #d9e4f3;font-size:14px;border-radius:14px;line-height:1.5}#agent-chat-form button{align-self:center;flex:none}#agent-chat-form>small{display:block;color:#7b8da7;font-size:11px;margin-top:8px}.feedback-fold form{display:grid;gap:12px;padding-top:15px}.feedback-fold label{font-size:13px;color:var(--muted)}.feedback-fold>small{font-size:11px;color:var(--muted)}.si-conversation .quiet-details p{font-size:12px;line-height:1.7;color:var(--muted)}.si-conversation .quiet-details a{font-size:12px;color:#0057ff}
html[data-theme=dark] .si-conversation{background:#132035;border-color:#2f405d}html[data-theme=dark] .si-conversation h2{color:#e4efff}html[data-theme=dark] :is(.si-empty,.si-message,.si-loading){background:#1c2f4d;border-color:#304d74;color:#b6cbe8}html[data-theme=dark] .si-message.from-person{background:#1765ee;color:white}html[data-theme=dark] :is(.si-loading strong,.si-message strong,.si-conversation .quiet-details a){color:#91bcff}html[data-theme=dark] #agent-chat-form textarea{background:#0e192b;border-color:#354865;color:#e0eaff}html[data-theme=dark] .si-conversation header span:not(.si-avatar){color:#afc3df}html[data-theme=dark] .studio-header #sound{background:#1c355b;color:#9ec6ff}
@media(max-width:540px){.si-conversation{padding:18px 14px}.si-conversation h2{font-size:17px}.si-conversation header span:not(.si-avatar){font-size:10px}.si-message{font-size:13px;max-width:96%;padding:12px}.si-loading{padding:12px;gap:8px}#agent-chat-form>div{flex-direction:column}#agent-chat-form button{align-self:flex-end}.si-log{max-height:380px}}

.studio-header .avatar.mini{font-size:20px}

/* Friendly studio accents and the shared head-only 3D avatar atlas. */
.designer-face{display:inline-block;flex:none;width:var(--face-size,32px);height:var(--face-size,32px);background-image:url('assets/designer-heads-v1.png');background-repeat:no-repeat;background-size:500% 200%;vertical-align:middle;line-height:1;border-radius:0}
.face-0{background-position:0 0}.face-1{background-position:25% 0}.face-2{background-position:50% 0}.face-3{background-position:75% 0}.face-4{background-position:100% 0}.face-5{background-position:0 100%}.face-6{background-position:25% 100%}.face-7{background-position:50% 100%}.face-8{background-position:75% 100%}.face-9{background-position:100% 100%}
.profile-characters .designer-face{--face-size:76px}.profile-characters button>span{font-size:0!important;line-height:1!important}.profile-characters button{background:linear-gradient(155deg,#fdf8f1,#f2f6ff)!important;padding:13px 5px!important}.profile-characters button[aria-pressed=true]{background:linear-gradient(155deg,#fff0dc,#eaf2ff)!important}.studio-header .profile-toggle .designer-face{--face-size:32px}.team-chat-online .designer-face{--face-size:25px}.team-chat-message-avatar .designer-face{--face-size:32px}
.warm-icon{display:inline-flex;flex:none;width:40px;height:40px;align-items:center;justify-content:center;filter:drop-shadow(0 3px 3px #27487c13)}.warm-icon svg{display:block;width:100%;height:100%}.warm-heading{display:flex;align-items:center;gap:12px}.studio-heading .warm-heading{font-size:35px;line-height:1.25}.shelf-title .warm-heading{gap:10px}.shelf-title .warm-icon{width:32px;height:32px}.brand-wizard-head .warm-icon{width:35px;height:35px}.empty-start>.warm-icon{width:60px;height:60px;margin-bottom:15px}.welcome-greeting{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#7f684f;background:#fff3df;border:1px solid #f7e5c9;max-width:max-content;padding:5px 13px 5px 6px;border-radius:30px;margin:17px 0}.welcome-greeting .warm-icon{width:29px;height:29px}.studio-welcome{gap:38px;padding-top:20px;padding-bottom:28px}.welcome-art{max-width:580px}.creative-desk-scene{background:linear-gradient(140deg,#fffcf5,#f6f9ff 70%);border:1px solid #e2eaf4;border-radius:30px;padding:18px 19px 0;box-shadow:0 16px 45px #2755860b;position:relative;overflow:hidden;width:100%}.desk-scene-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.desk-scene-top>span:first-child{display:flex;align-items:center;gap:8px;font-size:13px;color:#657c99;font-weight:500}.desk-scene-top .warm-icon{width:28px;height:28px}.desk-together{display:flex;gap:0}.desk-together .designer-face{--face-size:34px}.desk-together .designer-face+span{margin-left:-5px}.creative-desk-scene>img{width:100%;height:auto;display:block;object-fit:contain;margin:6px 0 0}.desk-scene-caption{display:flex;align-items:center;gap:7px;padding:12px 0 16px;font-size:12px;color:#607b9f;border-top:1px solid #e5ecf7;position:relative;z-index:1}.desk-scene-caption>span:last-child{margin-left:auto;font-size:11px;color:#8697ae}.desk-live-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#80b4ff;box-shadow:0 0 0 4px #e4efff}
html[data-theme=dark] .creative-desk-scene{background:linear-gradient(135deg,#253148,#15273f);border-color:#344764}html[data-theme=dark] .desk-scene-caption{border-color:#31445e;color:#bacfea}html[data-theme=dark] .desk-scene-top>span:first-child{color:#c0cee3}html[data-theme=dark] .welcome-greeting{background:#3b332e;border-color:#574434;color:#efcfad}html[data-theme=dark] .profile-characters button{background:linear-gradient(150deg,#283750,#182a43)!important}html[data-theme=dark] .profile-characters button[aria-pressed=true]{background:linear-gradient(150deg,#3a4662,#203d66)!important}
@media(max-width:540px){.studio-heading .warm-heading{font-size:28px;gap:10px}.warm-icon{width:33px;height:33px}.studio-welcome{padding:0 3px 20px;gap:22px}.welcome-art{max-width:100%;margin-top:0}.creative-desk-scene{padding:13px 14px 0;border-radius:23px}.desk-scene-top>span:first-child{font-size:11px}.desk-scene-caption{font-size:10px;padding-bottom:14px}.desk-scene-caption>span:last-child{font-size:9px}.welcome-greeting{font-size:12px}.profile-characters .designer-face{--face-size:66px}.shelf-title .warm-heading{font-size:19px;gap:8px}}

.nx-office{padding:16px 18px 0;background:linear-gradient(135deg,#fffaf2,#f1f6ff)!important}.office-world{position:relative;aspect-ratio:1.4;margin:12px -4px 0;overflow:hidden}.office-world>svg{width:100%;height:100%;display:block}.office-person{position:absolute;width:52px;height:70px;transform:translate(-50%,-50%);padding:0;border:0;background:none;cursor:pointer;isolation:isolate}.office-person:before{content:'';position:absolute;left:13px;top:35px;width:26px;height:26px;border-radius:10px 10px 5px 5px;background:linear-gradient(145deg,#0057ff,#8db5ff);box-shadow:0 4px 7px #23376620;z-index:-1}.office-person .designer-face{--face-size:46px;position:absolute;left:3px;top:0;animation:office-idle 7s ease-in-out infinite}.office-person b{position:absolute;top:61px;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:20px;background:#fff;color:#274264;font-size:10px;white-space:nowrap;box-shadow:0 2px 8px #17365120}.office-person b:before{content:'';display:inline-block;width:5px;height:5px;background:#37de86;border-radius:50%;margin-right:4px}.office-toast{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:16px;background:white;color:#235084;box-shadow:0 5px 20px #193b6620;font-size:12px;white-space:nowrap}.office-ai-corner{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #dde6f6;padding:10px 0}.office-ai-corner>span{font-size:11px;color:#7084a0}.office-ai-corner button{display:flex;align-items:center;gap:4px;padding:5px;border:0;background:transparent;color:#365b91;font-size:11px;cursor:pointer}.office-ai-corner img{width:28px;height:28px;border-radius:50%}.office-ai-corner small{font-size:8px;color:#0057ff}.nx-office .desk-scene-caption{font-size:10px}.office-person:hover .designer-face{transform:translateY(-4px)}@keyframes office-idle{50%{transform:rotate(3deg)}}html[data-theme=dark] .nx-office{background:linear-gradient(135deg,#181b23,#10141e)!important}html[data-theme=dark] .office-ai-corner{border-color:#303744}html[data-theme=dark] .office-ai-corner button{color:#a6c5fc}@media(prefers-reduced-motion:reduce){.office-person .designer-face{animation:none}}

.office-view-tools{display:flex;gap:6px;justify-content:flex-end;margin-bottom:8px}.office-view-tools button{width:28px;height:28px;border:1px solid #dce5f5;background:#fff;color:#0057ff;border-radius:8px;cursor:pointer}.office-controls{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.office-controls button{border:1px solid #dce6f5;border-radius:9px;background:#fff;color:#375b89;padding:7px;font-size:10px;cursor:pointer}.office-hint{font-size:10px;color:#8395ae;margin:6px 0}.office-expanded{position:fixed!important;inset:100px 8% 40px!important;width:auto!important;z-index:80;overflow:auto!important;box-shadow:0 0 0 100vmax #101c3655!important}.office-expanded .office-world{width:min(760px,100%);margin:auto}.office-fullscreen{inset:12px!important;z-index:95}.office-compact .office-world{max-height:210px}.office-coffee{position:absolute;right:-7px;top:36px;font-size:19px}.office-walking:before{animation:office-step .4s infinite}.office-walking .designer-face{animation:office-step .4s infinite}@keyframes office-step{50%{transform:translateY(-3px)}}.personnel-open{border:1px solid #dce5f5;border-radius:20px;padding:8px 12px;background:white;color:#42618e;cursor:pointer;font-size:12px}.personnel-backdrop{position:fixed;inset:0;z-index:150;background:#111b3a70;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.personnel-panel{width:min(520px,100%);max-height:90dvh;overflow:auto;background:#fff;border:1px solid #e0e9f6;border-radius:24px;padding:25px;color:#233856;box-shadow:0 20px 80px #091b3944}.personnel-panel header{display:flex;justify-content:space-between;align-items:center}.personnel-panel h2{font-size:24px;font-weight:650}.personnel-panel header button{border:0;border-radius:50%;width:32px;height:32px;background:#edf3ff;color:#526d96}.personnel-panel label{display:block;margin:13px 0;font-size:13px}.personnel-panel input,.personnel-panel select{display:block;width:100%;margin-top:5px;border:1px solid #dbe5f5;border-radius:10px;padding:10px;background:#fff;color:#233856}.personnel-panel form>button{padding:12px;border:0;border-radius:12px;background:#0057ff;color:white;width:100%;cursor:pointer}.personnel-list>div{padding:10px;background:#f3f7ff;border-radius:12px;margin:6px 0}.personnel-list span{display:block;font-size:11px;color:#6d83a1}.personnel-hours{display:flex;gap:12px}.personnel-hours>label{flex:1}.personnel-panel .personnel-shift{display:flex;gap:7px;align-items:center}.personnel-shift input{width:auto;margin:0}.personnel-error{color:#b34c60;font-size:12px}html[data-theme=dark] .personnel-panel{background:#12151c;color:#dce7fa}html[data-theme=dark] .personnel-panel input,html[data-theme=dark] .personnel-panel select,html[data-theme=dark] .personnel-list>div{background:#1c2431;color:#dce7fa;border-color:#354052}@media(prefers-reduced-motion:reduce){.office-walking:before,.office-walking .designer-face{animation:none}}@media(max-width:600px){.office-expanded{inset:80px 10px 15px!important}.personnel-open{font-size:10px;padding:7px}}

.office-coffee-object{position:absolute;left:12%;top:39%;padding:5px;border:1px solid #e5cbb5;border-radius:8px;background:#fff7e8;box-shadow:0 3px 4px #13345b12;cursor:pointer;font-size:22px;z-index:1}

.office-compact .office-world{width:min(294px,100%);max-height:none;margin:auto}

.studio-welcome{display:block!important}.studio-welcome .welcome-copy{max-width:none}.studio-welcome .welcome-copy h1{font-size:34px;line-height:1.2;margin:12px 0}.studio-welcome .welcome-copy h1 br{display:none}.studio-welcome .welcome-copy p{margin:8px 0}.studio-welcome .welcome-greeting{display:none}.studio-welcome .welcome-art{max-width:none!important;width:100%;margin-top:24px}.nx-office{padding:20px 24px 0;background:#f4f7fc!important;border-radius:24px}.office-world{width:100%;max-width:960px;margin:0 auto;aspect-ratio:1.4}.office-person{width:56px;height:78px}.office-person:before{display:none}.office-pixel-character{width:48px;height:68px;image-rendering:pixelated;display:block;filter:drop-shadow(0 3px 1px #1f355b22)}.office-person b{top:72px;background:#fff;font-size:11px}.office-walking .office-pixel-character{animation:office-step .4s steps(2) infinite}.office-emotion{position:absolute;left:50%;bottom:83px;transform:translateX(-50%);font-size:24px;background:white;border:2px solid #dce8ff;padding:5px;border-radius:9px;box-shadow:0 4px 10px #20386022;pointer-events:none}.office-emotion:after{content:'';position:absolute;bottom:-6px;left:18px;width:8px;height:8px;background:white;border-right:2px solid #dce8ff;border-bottom:2px solid #dce8ff;transform:rotate(45deg)}.office-emoji-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0}.office-emoji-bar button{font-size:20px;border:1px solid #dce7f7;background:white;border-radius:10px;width:36px;height:36px;cursor:pointer}.office-emoji-bar small{font-size:11px;color:#7b8da5;margin-left:6px}.office-controls button{font-size:12px;padding:9px 12px}.office-ai-corner{display:none}.office-view-tools{position:absolute;right:24px;top:17px;z-index:1}.desk-scene-top{padding-right:115px}.office-expanded .office-world{max-width:960px}html[data-theme=dark] .nx-office{background:#151a24!important}@media(max-width:600px){.nx-office{padding:12px}.office-world{min-height:0}.office-person{transform:translate(-50%,-50%) scale(.75)}.studio-welcome .welcome-copy h1{font-size:27px}.office-controls button{font-size:10px;padding:7px}.office-emoji-bar small{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){.office-walking .office-pixel-character{animation:none}}

.office-ai-person b:before{background:#0057ff;box-shadow:none}.office-toast{z-index:900}

.office-world{max-width:860px}.office-expanded .office-world{max-width:960px}
.studio-welcome .welcome-copy h1>span{margin-left:8px}

/* Dock the office on the right; the copy leaves space for its wider room. */
.studio-welcome{display:grid!important;grid-template-columns:minmax(230px,.7fr) minmax(0,1.8fr);align-items:center;gap:28px}.studio-welcome .welcome-copy{padding:0 8px 0 0}.studio-welcome .welcome-copy h1{font-size:30px;line-height:1.22;max-width:280px}.studio-welcome .welcome-copy h1 br{display:block}.studio-welcome .welcome-copy h1>span{margin-left:0}.studio-welcome .welcome-copy p{font-size:14px;max-width:260px;line-height:1.6}.studio-welcome .welcome-art{margin-top:0;min-width:0}.nx-office{padding:15px 16px 0}.desk-scene-top{padding-right:0;gap:8px;min-height:36px;margin-right:126px}.office-view-tools{right:16px;top:15px;margin:0;gap:5px;display:flex;align-items:center}.nx-office .office-view-tools button,.nx-office .office-emoji-bar button,.office-popup-head button{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0!important;margin:0;line-height:1;box-sizing:border-box;vertical-align:middle;min-height:0}.nx-office .office-view-tools button{width:34px;height:34px;border-radius:9px}.office-view-tools svg,.office-popup-head svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nx-office .office-emoji-bar button{width:34px;height:34px;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:19px;border-radius:9px}.office-emoji-bar{gap:5px;margin:8px 0}.office-emoji-bar small{font-size:10px}.office-controls{gap:5px}.office-controls button{font-size:10px;padding:7px 8px!important;line-height:1.35}.office-hint{font-size:10px;line-height:1.5}.office-world{width:100%;max-width:860px}.office-placeholder{display:block;min-height:480px;border:1px dashed #d9e4f5;border-radius:24px;background:#f5f8ff}.office-popup{position:fixed;inset:0!important;margin:auto!important;width:min(1160px,calc(100vw - 32px))!important;height:auto;max-width:none!important;max-height:calc(100dvh - 32px)!important;padding:0!important;border:1px solid #dbe6f7;border-radius:24px;background:#f7faff;color:#243c61;box-shadow:0 20px 90px #0b1b4c55;overflow:hidden;transform:none!important}.office-popup::backdrop{background:#0b173e70;backdrop-filter:blur(5px)}.office-popup-full{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}.office-popup-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #dfe8f6;background:#fff}.office-popup-head strong{display:block;font-size:19px;font-weight:650}.office-popup-head small{display:block;margin-top:3px;font-size:12px;color:#8295ae}.office-popup-head button{width:36px;height:36px;border-radius:50%;border:1px solid #dce7f7;background:#f2f6ff;color:#395c92;cursor:pointer}.office-popup-body{max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:14px}.office-popup .nx-office{border:0;box-shadow:none;width:100%;border-radius:16px;margin:0}.office-popup .office-world{width:min(100%,1000px,max(200px,calc((100dvh - 340px)*1.4)))!important;max-width:none!important;margin:auto}.office-popup .desk-scene-caption{padding-bottom:10px}html[data-theme=dark] .office-popup,html[data-theme=dark] .office-popup-head{background:#141a24;color:#d8e7ff;border-color:#303e55}html[data-theme=dark] .office-popup-head button{background:#202b3c;color:#afcbff;border-color:#3c4b65}@media(max-width:950px){.studio-welcome{grid-template-columns:minmax(180px,.6fr) minmax(0,1.6fr);gap:18px}.studio-welcome .welcome-copy h1{font-size:26px}.desk-scene-top{margin-right:116px}.desk-together .presence-caption{display:none}}@media(max-width:680px){.studio-welcome{display:block!important}.studio-welcome .welcome-copy h1{max-width:none}.studio-welcome .welcome-art{margin-top:18px}.office-popup{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:18px}.office-popup-body{padding:5px}.office-popup-head{padding:12px 14px}.office-placeholder{min-height:300px}.office-emoji-bar small{width:100%}}

.studio-welcome{align-items:start}.studio-welcome .welcome-copy{padding-top:16px}.studio-welcome .welcome-copy h1{font-size:28px;margin:12px 0 16px}.office-task-panel,.office-reminder-panel{margin-top:22px;padding:14px;border:1px solid #e0e9f7;border-radius:18px;background:#fff}.office-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.office-panel-title strong{font-size:14px;font-weight:650}.office-panel-title button{font-size:11px;border:0;background:transparent;color:#0057ff;padding:3px;cursor:pointer}.office-panel-title small{font-size:10px;color:#8c9db4}.office-active-list>button{display:block;width:100%;border:0;border-radius:11px;background:#f3f7ff;text-align:left;padding:10px;margin-top:7px;cursor:pointer}.office-active-list strong{display:block;font-size:13px;font-weight:550;color:#34577c}.office-active-list small{display:block;font-size:10px;color:#7d90aa;margin-top:5px}.office-active-list p,.office-reminders>p{font-size:12px;line-height:1.6;color:#8a9aaf;margin:0}.office-reminder-form{display:flex;flex-direction:column;gap:7px;margin-top:12px}.office-reminder-form input{width:100%;min-width:0;padding:9px;border:1px solid #e0e8f5;border-radius:9px;background:#f8faff;color:#36547a;font:inherit;font-size:12px;box-sizing:border-box}.office-reminder-form>button{padding:8px;border:0;border-radius:9px;background:#edf3ff;color:#0057ff;font-size:12px;cursor:pointer}.office-reminder-form small{font-size:10px;color:#7b93b2}.office-reminder-item{display:flex;gap:7px;align-items:center;margin:6px 0;padding:8px;background:#f5f8ff;border-radius:10px}.office-reminder-item>div{flex:1;min-width:0}.office-reminder-item strong{font-size:12px;display:block;font-weight:550;overflow-wrap:anywhere}.office-reminder-item small{display:block;font-size:10px;color:#8597b0;margin-top:3px}.office-reminder-item button{border:0;border-radius:50%;width:25px;height:25px;background:#e5eeff;color:#0057ff;cursor:pointer}.office-reminder-item.due{background:#fff3d8}.office-speech{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);width:max-content;max-width:180px;padding:9px 12px;border:1px solid #d7e5fb;border-radius:13px;background:white;box-shadow:0 5px 18px #20375e26;color:#284a77;font-size:12px;line-height:1.45;font-weight:400;white-space:normal;pointer-events:none;z-index:2}.office-speech:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 5px);width:8px;height:8px;transform:rotate(45deg);background:white;border-bottom:1px solid #d7e5fb;border-right:1px solid #d7e5fb}.office-speaking{z-index:950!important}.office-speaking .office-emotion{display:none!important}.office-seated .office-pixel-character{height:57px;margin-top:11px}.office-seated{filter:none}.office-person[hidden],.office-speech[hidden],.office-emotion[hidden]{display:none!important}html[data-theme=dark] :is(.office-task-panel,.office-reminder-panel){background:#171d29;border-color:#303b4e}html[data-theme=dark] :is(.office-active-list>button,.office-reminder-item,.office-reminder-form input){background:#202a3b;color:#d3e4ff;border-color:#3b4a65}html[data-theme=dark] .office-active-list strong{color:#bad2f8}

.office-world{aspect-ratio:10/7;overflow:auto;scrollbar-width:thin;scrollbar-color:#c4d5ef transparent;touch-action:pan-x pan-y}.office-map-layer{position:relative;width:100%;aspect-ratio:10/7;min-height:0;flex:none;transition:width .18s ease}.office-map-layer>svg{display:block;width:100%;height:100%;image-rendering:pixelated}.office-map-hotspots{position:absolute;inset:0;pointer-events:none}.office-map-hotspots button{pointer-events:auto}.office-coffee-object{left:21%;top:35%;font-size:18px}.office-map-tools{display:flex;align-items:center;gap:6px;margin:10px 0 8px;padding:7px 9px;background:#edf3fc;border-radius:10px;color:#547398;font-size:11px;flex-wrap:wrap}.office-map-tools button{border:1px solid #d4e2f6;background:white;border-radius:7px;min-width:27px;height:27px;padding:0 7px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0057ff;font-size:13px}.office-map-tools small{margin-left:auto;font-size:9px;color:#8a9db7}.office-zoom-value{min-width:38px;text-align:center}.office-popup .office-world{width:min(100%,1050px,max(210px,calc((100dvh - 370px)*1.4286)))!important}.studio-welcome{align-items:stretch;grid-template-columns:minmax(280px,.82fr) minmax(0,1.8fr)}.studio-welcome .welcome-copy{display:flex;flex-direction:column;padding-top:0;padding-bottom:0}.studio-welcome .welcome-copy h1{font-size:34px;max-width:none;margin:16px 0}.studio-welcome .welcome-copy .hero-action{align-self:flex-start}.office-reminder-panel{flex:1;display:flex;flex-direction:column}.office-reminder-form{margin-top:auto;padding-top:12px}.office-team-portrait{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px 3px;align-items:end;padding:15px 5px 30px;isolation:isolate;margin-top:10px;border:1px solid #e0e9f7;border-radius:22px;background:linear-gradient(150deg,#e8f1ff,#fff9ed)}.portrait-person{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.portrait-person:nth-of-type(n+7){transform:translateX(20%)}.portrait-person small{font-size:8px;color:#627e9f;margin-top:3px;white-space:nowrap}.portrait-face{position:relative;width:50px;height:50px;display:block;filter:drop-shadow(0 3px 3px #284a7c1c)}.portrait-face .designer-face{--face-size:50px;position:absolute;inset:0}.portrait-blink{background-image:url('assets/designer-heads-blink-v1.png');opacity:0;animation:portrait-eye-blink 9s steps(1) infinite;animation-delay:calc(var(--person-order)*-.8s)}.portrait-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;color:#7a97bb}.portrait-backdrop{position:absolute;inset:16px;background:radial-gradient(ellipse,#bcd6ff70,transparent 70%);z-index:0}.office-popup .office-map-layer{max-width:none}.office-task-panel{margin-top:18px}.office-map-tools small{line-height:1.3}html[data-theme=dark] .office-team-portrait{background:linear-gradient(150deg,#1c2c46,#1c2029);border-color:#33445e}html[data-theme=dark] .office-map-tools{background:#202b3d;color:#b8d1f7}@keyframes portrait-eye-blink{0%,94%,98%,100%{opacity:0}95%,97%{opacity:1}}@media(max-width:950px){.studio-welcome{grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr)}.portrait-face{width:43px;height:43px}.portrait-face .designer-face{--face-size:43px}.studio-welcome .welcome-copy h1{font-size:30px}.office-map-tools small{width:100%;margin:0}}@media(max-width:680px){.office-reminder-panel{min-height:220px}.office-team-portrait{max-width:400px}.office-map-tools small{display:none}}@media(prefers-reduced-motion:reduce){.portrait-blink{animation:none}.office-map-layer{transition:none}}

.office-map-layer{margin-left:auto;margin-right:auto;user-select:none;-webkit-user-select:none}.portrait-person small{font-size:9px}

.nav-soft-icon{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.studio-nav-primary .nav-item{display:inline-flex;align-items:center;justify-content:center;gap:7px}.office-task-panel,.office-reminder-panel,.project-tile,.new-brand-world{background:linear-gradient(145deg,#eef4ff 0%,#fff 55%,#fffaf0 100%)!important}.nx-office{background:linear-gradient(145deg,#f0f5ff,#fafcff 55%,#fffaf1)!important}.team-ai-crew{background:linear-gradient(135deg,#edf3ff,#fff9f0)!important}.team-handoff{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.team-handoff button{padding:8px 6px}.team-ai-heading{margin-bottom:9px}.office-map-layer{transition:none}.office-map-layer svg text{paint-order:stroke;stroke:#f0f4f9;stroke-width:1px;font-weight:600}.office-person b{font-size:10px;padding:3px 6px}html[data-theme=dark] :is(.office-task-panel,.office-reminder-panel,.project-tile,.new-brand-world,.nx-office,.team-ai-crew){background:linear-gradient(145deg,#182336,#171d28 60%,#242121)!important}@media(max-width:600px){.studio-nav-primary .nav-item{gap:4px}.nav-soft-icon{width:13px;height:13px}}