*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}.studio-welcome>*{min-width:0}.welcome-art{min-width:0}.nx-generated-logo{background:transparent!important;overflow:visible!important;width:46px!important;height:46px!important}.nx-generated-logo img{position:static!important;width:46px!important;height:46px!important;clip-path:none!important;object-fit:contain;filter:drop-shadow(0 3px 6px #0057ff25);transition:transform .25s ease,filter .25s ease}.wordmark:hover .nx-generated-logo img{transform:rotate(-5deg) scale(1.08);filter:drop-shadow(0 5px 10px #0057ff55)}
button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #558aff;box-shadow:0 0 0 6px #0057ff18}button:not(:disabled){cursor:pointer}button:disabled{cursor:wait;opacity:.65}.studio-nav-primary .nav-item:hover{color:#0057ff;background:#ffffff;box-shadow:0 5px 15px #0057ff14;transform:translateY(-2px)}.nav-item .nav-soft-icon{transition:transform .2s ease}.nav-item:hover .nav-soft-icon{transform:scale(1.13)}.office-controls button,.office-map-tools button,.office-emoji-bar button,.team-handoff button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.office-controls button:hover,.office-map-tools button:hover,.team-handoff button:hover{background:#e8f0ff;border-color:#80a8ff;color:#0057ff;transform:translateY(-2px);box-shadow:0 6px 14px #0057ff20}.office-emoji-bar button:hover{transform:translateY(-3px) scale(1.14);box-shadow:0 4px 12px #0057ff28;background:white}.hero-action:hover,.hero-action:focus-visible,button.primary:hover{box-shadow:0 8px 24px #0057ff42;transform:translateY(-3px)}.project-tile:hover,.brand-world:hover{box-shadow:0 12px 35px #0057ff14;border-color:#a4bfff}.office-person:hover b{background:#0057ff!important;color:white!important;border-color:#0057ff!important}.office-person:hover .loft-sprite{filter:drop-shadow(0 0 5px #0057ff70)}.office-person b{pointer-events:none}.loft-room-tag:hover{box-shadow:0 5px 16px #0057ff30;transform:translate(-50%,-50%) scale(1.08)}.studio-header .top-actions{flex-wrap:wrap;justify-content:flex-end}.profile-toggle:hover{box-shadow:0 0 0 5px #0057ff18}.brand-wizard-body input,.brand-wizard-body textarea,.brand-wizard-body select{max-width:100%}html[data-theme=dark] .studio-nav-primary .nav-item:hover{background:#243551;color:#94bcff}html[data-theme=dark] .office-controls button:hover,html[data-theme=dark] .office-map-tools button:hover,html[data-theme=dark] .team-handoff button:hover{background:#203654;color:#b7d2ff}.office-world-loft{overscroll-behavior:contain}.loft-background{image-rendering:auto}.office-view-tools button{min-width:32px;min-height:32px}.office-toast{white-space:normal;max-width:min(90%,360px);text-align:center;pointer-events:none}.office-popup .office-world.office-world-loft{height:clamp(240px,calc(100dvh - 355px),920px)}
@media(max-width:1100px){.studio-header{padding-left:20px!important;padding-right:20px!important;gap:15px!important}.nx-logo-type{font-size:22px!important}.top-actions{gap:6px}.studio-welcome{gap:20px;padding-left:0;padding-right:0}.welcome-copy h1{font-size:30px!important}.project-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.studio-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px!important}.studio-header #nav{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;min-width:0}.studio-header .top-actions{grid-column:2;grid-row:1}.studio-header .wordmark{grid-column:1;grid-row:1}.studio-nav-primary{max-width:100%}.studio-welcome{display:flex!important;flex-direction:column;gap:20px;padding:15px 0}.studio-welcome .welcome-art{order:-1;width:100%;max-width:none!important}.studio-welcome .welcome-copy{width:100%}.office-reminder-panel{min-height:230px}.office-team-portrait{max-width:480px}.studio-heading{flex-wrap:wrap;align-items:flex-start;gap:14px}.studio-heading h1{font-size:30px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header .nx-logo-type small{font-size:7px!important;letter-spacing:1px!important}.theme-text{display:none}.nx-generated-logo,.nx-generated-logo img{width:40px!important;height:40px!important}.personnel-open{font-size:11px}}
@media(max-width:540px){.studio-header{padding:12px!important;gap:10px!important}.shell,#main{min-width:0}.shell{padding:0 12px!important}.nx-logo-type{font-size:20px!important}.top-actions{gap:4px!important}.top-actions button{min-width:32px;min-height:32px}.personnel-open{padding:5px 7px;font-size:10px}.studio-nav-primary .nav-item{padding:10px 9px!important;font-size:12px;gap:4px}.studio-more summary{padding:8px 6px}.studio-nav-primary{padding:4px!important}.studio-header #nav{gap:3px!important}.nx-logo-type small{display:none!important}.studio-heading h1,.welcome-copy h1{font-size:29px!important;letter-spacing:-1px}.project-gallery{grid-template-columns:1fr;gap:16px}.request-filter-bar{max-width:100%;overflow-x:auto}.office-controls button{font-size:11px;padding:9px;min-height:38px}.office-emoji-bar button{width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;font-size:21px}.office-emoji-bar{gap:6px;flex-wrap:wrap}.office-map-tools{padding:7px;gap:5px}.office-map-tools button{min-height:34px;min-width:34px}.office-map-tools small{display:none}.office-world-loft .office-person b{font-size:8px;line-height:12px;padding:2px 4px}.office-world-loft .office-emotion{font-size:20px;top:-38px}.loft-room-tag{font-size:9px;padding:3px 5px}.nx-office{padding:12px 10px 0!important;border-radius:20px!important}.desk-scene-top{font-size:11px;margin-right:105px!important;min-height:37px}.desk-together .presence-caption{display:none}.office-view-tools{top:10px!important;right:10px!important;gap:3px}.office-view-tools button{width:29px;min-width:29px;min-height:29px;height:29px}.office-view-tools svg{width:14px;height:14px}.office-hint,.desk-scene-caption{font-size:10px}.office-popup{width:calc(100vw - 12px)!important;max-width:none!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;margin:auto!important;border-radius:18px!important}.office-popup-body{max-height:calc(100dvh - 83px)!important;overflow:auto!important;padding:6px!important}.office-popup-head{padding:12px!important}.office-popup .office-world.office-world-loft{height:clamp(200px,calc(100dvh - 390px),600px)!important;min-height:200px}.office-popup-head strong{font-size:17px}.office-popup-head small{font-size:10px}.avatar-3d-dialog{width:calc(100vw - 20px);padding:18px;max-height:calc(100dvh - 20px)}.avatar-editor-grid{grid-template-columns:1fr;gap:16px}.avatar-options{gap:12px}.avatar-options label{font-size:13px}#team-chat-panel{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 110px)!important;right:0!important}#team-chat-widget{right:12px!important;bottom:12px!important}.team-chat-launch{font-size:12px;padding:12px 15px}.team-chat-compose textarea{font-size:16px}.team-chat-online{flex-wrap:wrap}#profile-character-panel{right:12px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 110px);overflow:auto}.brand-wizard{width:100%;max-width:100%}.brand-wizard-body{padding:18px!important}.brand-wizard-head{padding:18px!important}.brand-wizard-footer{padding:12px!important;flex-wrap:wrap;gap:8px}.brand-wizard-stepper{overflow-x:auto;max-width:100%}.brand-wizard-footer button{min-height:40px}.studio-mini-link{flex-wrap:wrap;gap:10px}.studio-heading select{width:100%;max-width:100%}textarea,input,select{max-width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wordmark:hover .nx-generated-logo img,.office-emoji-bar button:hover,.nav-item:hover{transform:none!important}}

.nx-generated-logo{position:relative;overflow:hidden!important;border-radius:12px}.nx-generated-logo img{position:absolute!important;width:64px!important;height:64px!important;left:-9px!important;top:-9px!important}.wordmark:hover .nx-generated-logo img{transform:scale(1.05)}@media(max-width:850px){.nx-generated-logo img{width:56px!important;height:56px!important;left:-8px!important;top:-8px!important}}

.office-world-loft.loft-overview .office-person b,.office-world-loft.loft-overview .loft-room-tag{display:none!important}@media(max-width:540px){#team-chat-panel{width:calc(100vw - 40px)!important}#profile-character-panel{max-width:calc(100vw - 40px)!important}.office-popup{width:calc(100% - 16px)!important}.office-popup .office-world.office-world-loft:not(.loft-pan-mode){height:calc((100vw - 60px)/1.5)!important;min-height:190px!important}.office-popup .office-world.office-world-loft.loft-pan-mode{height:clamp(260px,calc(100dvh - 370px),480px)!important;min-height:260px!important}.office-popup-body{scrollbar-gutter:stable}}
@media(max-width:540px){.office-emoji-bar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.office-emoji-bar button{width:100%;height:36px}.office-emoji-bar small{grid-column:1/-1}}@media(max-width:360px){.personnel-open{font-size:0!important;width:30px;padding:5px!important}.personnel-open:before{content:"👥";font-size:14px}.nx-logo-type{font-size:17px!important}.studio-header{gap:8px!important}}.new-brand-world:hover,.category-choice:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0057ff22;border-color:#7da5ff}
@media(max-width:360px){.nx-logo-type{font-size:16px!important;white-space:nowrap}}

/* Compact personal cards retain their content and notification polling while closed. */
.office-fold{display:block;flex:none;min-height:0!important;padding:0;overflow:hidden}
.office-fold-heading{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:17px 15px;min-height:54px;box-sizing:border-box;user-select:none}
.office-fold-heading::-webkit-details-marker{display:none}
.office-fold-heading strong{flex:1;font-size:14px;font-weight:650;line-height:1.35}
.office-fold-count{font-size:11px;font-weight:600;color:#0057ff;background:#e9f0ff;border-radius:20px;padding:4px 8px;white-space:nowrap}
.office-fold-chevron{width:7px;height:7px;border-right:1.8px solid #5f7da8;border-bottom:1.8px solid #5f7da8;transform:rotate(45deg);margin:0 3px 4px;transition:transform .2s}
.office-fold[open] .office-fold-chevron{transform:rotate(225deg);margin-bottom:-3px}
.office-fold-heading:hover{background:#0057ff07}
.office-fold-heading:focus-visible{outline:2px solid #0057ff;outline-offset:-4px;border-radius:16px}
.office-fold-body{padding:0 15px 15px;border-top:1px solid #dce7fa;margin:0 15px}
.office-fold-body{padding-left:0;padding-right:0;padding-top:12px}
.office-private-note{display:block;font-size:11px;color:#6d82a1;margin-bottom:8px}
.office-fold .office-reminder-form{margin-top:12px;padding-top:0}
.office-all-requests{display:block;margin-top:12px;padding:7px 0;border:0;background:transparent;color:#0057ff;font:inherit;font-size:12px;cursor:pointer}
html[data-theme=dark] .office-fold-count{background:#172f55;color:#91baff}
html[data-theme=dark] .office-fold-body{border-color:#30425d}
html[data-theme=dark] .office-fold-heading:hover{background:#91baff0b}
html[data-theme=dark] .office-private-note{color:#9baec9}
@media(prefers-reduced-motion:reduce){.office-fold-chevron{transition:none}}

.office-recent-panel{margin-top:22px;border:1px solid #e0e9f7;border-radius:18px;background:linear-gradient(145deg,#eef4ff 0%,#fff 55%,#fffaf0 100%)}
.office-recent-list.project-gallery{display:flex;flex-direction:column;gap:8px;margin:0}
.office-recent-list .project-tile{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;margin:0;padding:8px;border:1px solid #e2eaf8;border-radius:12px;text-align:left;box-shadow:none;min-width:0;background:#ffffffb8!important}
.office-recent-list .project-art{width:64px;height:64px;min-height:0;aspect-ratio:1;padding:4px;border-radius:9px;box-shadow:none;margin:0}
.office-recent-list .project-art img{width:100%;height:100%;object-fit:contain}
.office-recent-list .project-caption{padding:0;min-width:0}
.office-recent-list .project-meta{gap:5px;flex-wrap:wrap;margin:0 0 5px}
.office-recent-list .project-brand{font-size:10px;line-height:1.3}
.office-recent-list .project-meta .tag{font-size:9px;padding:2px 5px;line-height:1.3}
.office-recent-list .project-caption>strong{font-size:13px;font-weight:650;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.office-recent-list :is(.art-caption,.project-category,.project-bottom){display:none}
.office-recent-list .placeholder-poster{padding:3px;min-height:0;height:100%;border-radius:6px}
.office-recent-list .placeholder-poster>span{font-size:24px;margin:0}
.office-recent-list .placeholder-poster>strong,.office-recent-list .placeholder-poster>i{display:none}
.office-recent-empty{font-size:12px;line-height:1.6;color:#7387a5;margin:0}
html[data-theme=dark] .office-recent-panel{border-color:#30425d;background:linear-gradient(145deg,#182336,#171d28 60%,#242121)}
html[data-theme=dark] .office-recent-list .project-tile{background:#19263c!important;border-color:#30425d}
html[data-theme=dark] .office-recent-empty{color:#9baec9}

.welcome-copy .office-team-portrait{margin-top:0;margin-bottom:18px}

.welcome-copy .hero-action + .office-team-portrait{margin-top:20px;margin-bottom:0}

.loft-sprite[data-earring=stud] .loft-sprite-image:after,.loft-sprite[data-earring=hoop] .loft-sprite-image:after{content:'';position:absolute;left:66%;top:32%;width:3%;height:3%;border-radius:50%;background:#ffcf58;box-shadow:0 0 2px #593c17;pointer-events:none}
.loft-sprite[data-earring=hoop] .loft-sprite-image:after{height:5%;background:transparent;border:2px solid #ffcf58;box-sizing:border-box}
.avatar-options .avatar-tattoo{grid-column:1/-1}
.avatar-options .avatar-status{font-size:12px;line-height:1.5}
.loft-character-preview .loft-preview-character{z-index:1}

.loft-character-preview .loft-sprite-image{clip-path:inset(6% 0 0 0)}
.loft-sprite[data-earring=stud] .loft-sprite-image:after,.loft-sprite[data-earring=hoop] .loft-sprite-image:after{left:65%;top:48%}
.loft-sprite.loft-tattoo:before{left:43%;top:72%;font-size:8px}
.loft-sprite[data-hat=cap]:after{top:17%}
.loft-sprite[data-hat=beanie]:after{top:22%;left:38%;width:30%;height:12%}