/* Qoutas: midnight, starlight, and a little everyday magic. */
:root{color-scheme:dark;--ink:#f2edf9;--muted:#b2a7c4;--line:#ffffff17;--accent:#c7a3f5;--green:#a987df;--paper:#201a2e;--q-midnight:#171329;--q-panel:#211b30;--q-card:#2b233b;--q-lilac:#c5a0ff;--q-pink:#f2a8ca;--q-gold:#e9c68e;background:var(--q-midnight);color:var(--ink)}
body{background:var(--q-midnight)}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--q-gold);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #c5a0ff;outline-offset:2px}input,select,textarea{color-scheme:dark;accent-color:#c5a0ff}input::placeholder,textarea::placeholder{color:#968aa8;opacity:1}::selection{background:#b88cea66;color:#fff}
/* Welcome page. The account form and live scene remain separate at every width. */
.app.signed-out{visibility:hidden}
.qoutas-welcome{position:fixed;inset:0;z-index:10;display:block;overflow:auto;overscroll-behavior:contain;padding:0;pointer-events:auto;background:radial-gradient(ellipse at 85% 28%,#49315b46,transparent 47%),radial-gradient(ellipse at 3% 75%,#54304727,transparent 45%),#171329;color:#f7f0ff;scrollbar-width:thin;scrollbar-color:#655277 #171329}
.qoutas-welcome:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle,#d7b8ff 1px,transparent 1.5px),radial-gradient(circle,#f4dba5 .8px,transparent 1.2px);background-size:193px 217px,271px 283px;background-position:58px 119px,139px 47px}
.welcome-header,.welcome-layout,.welcome-footer{position:relative;width:min(1536px,100%);margin-inline:auto}
.welcome-header{min-height:106px;padding:25px 4%;display:flex;align-items:center;gap:30px}.welcome-wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f8f1ff;font-weight:750;font-size:34px;letter-spacing:-1.8px;line-height:1}.welcome-wordmark svg{width:43px;height:43px;fill:none;stroke:#eacb9d;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.welcome-wordmark span{padding-bottom:5px}
.welcome-descriptor{display:flex;align-items:center;gap:10px;padding-left:26px;border-left:1px solid #baa0d530;font-size:11px;color:#bdb0cc;letter-spacing:.4px}.welcome-descriptor i{font-size:9px;color:#ccac78;font-style:normal}.welcome-header-link{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:11px;text-decoration:none;color:#d4c4e6;border-bottom:1px solid #ad8bd15c;padding:10px 0;transition:color .18s,border-color .18s}.welcome-header-link span{font-size:19px;color:#e8c793}.welcome-header-link:hover{color:#fff;border-color:#eacb9d}
.welcome-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px 42px;padding:15px 4% 34px}.welcome-intro{position:relative;z-index:2;padding-top:3px}.welcome-kicker{display:flex;align-items:center;gap:8px;color:#d8b7ef;font-size:9px;font-weight:650;letter-spacing:2.1px}.welcome-kicker i{color:#f0cc8c;font-style:normal;font-size:20px;font-weight:400}.welcome-story h1{position:relative;font-size:51px;font-weight:650;line-height:1.07;letter-spacing:-2.7px;margin:18px 0 17px;color:#fff7ff}.welcome-story h1 em{font-family:Georgia,'Times New Roman',serif;color:#d2abfa;font-size:1.17em;font-weight:400;letter-spacing:-3px;line-height:.9}.title-spark{position:absolute;width:36px;height:36px;bottom:10px;right:4px;fill:#f1cf97;transform:rotate(12deg)}.welcome-story>p{font-size:12px;line-height:1.85;color:#bdb0ce;max-width:335px;margin:0 0 23px}
.qoutas-welcome .auth-card{width:100%;max-width:none;padding:22px 23px 18px;background:linear-gradient(145deg,#30233fef,#211b30f7 60%);border:1px solid #b397ce35;border-radius:20px;box-shadow:0 18px 55px #08071132,inset 0 1px 0 #ffffff09;backdrop-filter:blur(18px);color:#f4eafc}.auth-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:19px}.auth-card-gem{display:grid;place-items:center;flex:none;width:34px;height:38px;color:#e2bc85;background:#e1b77c0e;border:1px solid #c9a27230;border-radius:12px;font-size:22px}.auth-card-heading strong{display:block;font-size:12px;font-weight:600;letter-spacing:.1px}.auth-card-heading small{display:block;font-size:10px;color:#b1a2c1;margin-top:4px}
.qoutas-welcome .auth-tabs{display:flex;padding:4px;margin:0 0 17px;border:1px solid #ffffff0a;border-radius:11px;background:#15112266;gap:4px}.qoutas-welcome .auth-tabs button{flex:1;padding:9px 5px;border:0;border-radius:8px;color:#b7a6c8;font-size:11px;transition:background .2s,color .2s}.qoutas-welcome .auth-tabs button.active{background:#5d427d;color:#fdf7ff;box-shadow:0 2px 8px #09051320}.qoutas-welcome .auth-tabs button:not(.active):hover{background:#ffffff09;color:#fff}
.qoutas-welcome #auth-form{display:grid;gap:12px;scroll-margin-top:24px}.qoutas-welcome #auth-form>label{font-size:10px;font-weight:500;color:#d3c6df;letter-spacing:.1px;margin:0;display:block}.qoutas-welcome input{display:block;width:100%;margin-top:7px;border:1px solid #bfa0dc28;border-radius:9px;background:#181323a6;color:#f9f0ff;font-size:12px;padding:11px 12px;min-height:41px;transition:border-color .2s}.qoutas-welcome input:hover{border-color:#bfa0dc59}.qoutas-welcome input:focus{border-color:#bda0e5;outline:2px solid #b18bd52e;outline-offset:2px}.qoutas-welcome input:-webkit-autofill{-webkit-text-fill-color:#f9f0ff;-webkit-box-shadow:0 0 0 100px #292039 inset;caret-color:#fff}.qoutas-welcome .password-field{position:relative;margin-top:7px}.qoutas-welcome .password-field input{margin-top:0;padding-right:42px}.qoutas-welcome #toggle-password{color:#a696b8;right:9px;top:50%;transform:translateY(-50%);height:30px;width:30px}.qoutas-welcome #toggle-password:hover{color:#fff}
.qoutas-welcome .form-error{font-size:11px;line-height:1.55;margin:0;color:#ffc0c8}.qoutas-welcome .form-error:empty{display:none}.qoutas-welcome .primary-button{min-height:44px;border-radius:10px;margin:2px 0 0;padding:12px 15px;color:#25152e;background:linear-gradient(110deg,#d5b5ff,#edb0d3);box-shadow:0 5px 17px #be8be51a;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:space-between;transition:filter .2s,box-shadow .2s}.qoutas-welcome .primary-button:hover{filter:brightness(1.07);box-shadow:0 5px 25px #be8be531}.qoutas-welcome .primary-button>span{font-size:19px;font-weight:400}.qoutas-welcome .auth-local{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #bea7cf18;text-align:left;color:#c6b5d6;font-size:9px;line-height:1.4}.qoutas-welcome .auth-local>span:first-child{color:#c7afda;flex:none}.qoutas-welcome .auth-local svg{height:13px;width:13px}.qoutas-welcome .auth-local small{display:block;margin-top:3px;font-size:8px;color:#9f90b3}
.welcome-showcase{position:relative;margin:0;min-width:0;min-height:650px;align-self:stretch;isolation:isolate;border:1px solid #b297d02b;border-radius:31px;background:radial-gradient(ellipse at 50% 35%,#59407258,transparent 66%),linear-gradient(145deg,#2b213f,#1b172b 70%);overflow:hidden;box-shadow:0 25px 65px #0b071833,inset 0 1px 0 #ffffff0b}.welcome-showcase:after{content:'';position:absolute;inset:9px;border:1px solid #ddc1ff0d;border-radius:23px;pointer-events:none;z-index:3}.welcome-scene{position:absolute;inset:45px 0 27px;z-index:1;overflow:hidden;border-radius:26px}.welcome-scene canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.welcome-scene-status{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:max-content;max-width:85%;padding:12px 18px;border:1px solid #c7a4e13b;border-radius:16px;background:#211930d9;color:#d8c7e9;font-size:12px;line-height:1.6;text-align:center;pointer-events:none;z-index:2;backdrop-filter:blur(10px)}.welcome-scene[data-status=ready] .welcome-scene-status{opacity:0;transition:opacity .4s;visibility:hidden}
.showcase-heading{position:absolute;inset:25px 27px auto;z-index:3;display:flex;align-items:center;gap:11px;pointer-events:none}.showcase-guild{height:39px;width:39px;display:grid;place-items:center;border:1px solid #e3bf863c;border-radius:13px;color:#edc486;font-size:29px;background:#251a2f78}.showcase-heading>div>span{display:block;font-size:8px;letter-spacing:2.3px;color:#d6b88e;font-weight:650}.showcase-heading strong{display:block;font-size:12px;font-weight:500;color:#ded0ee;margin-top:5px}.showcase-live{margin-left:auto;display:flex;align-items:center;gap:6px;align-self:flex-start;font-size:7px;letter-spacing:1.3px;color:#c1aed4;border:1px solid #c1a6de26;background:#281d38a1;border-radius:20px;padding:7px 10px;white-space:nowrap}.showcase-live i{height:4px;width:4px;border-radius:50%;background:#e7c187;box-shadow:0 0 7px #e7c18799}
.showcase-caption{position:absolute;inset:auto 29px 26px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.showcase-caption>div{display:flex;align-items:center;gap:11px;color:#ecdef9;font-size:13px;font-weight:500}.showcase-caption-star{font-size:27px;font-weight:400;color:#e6bd83}.showcase-caption small{display:block;font-size:9px;font-weight:400;color:#b8a4cc;margin-top:5px}.showcase-gesture,.showcase-motion{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #c1a6de26;border-radius:20px;background:#241a31ba;color:#bdabcf;font-size:8px;white-space:nowrap}.showcase-gesture svg{height:15px;width:15px;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.showcase-motion{pointer-events:auto;font:inherit;font-size:8px}.showcase-motion:hover{background:#513364;color:#f8ebff}.showcase-motion[aria-pressed=true]{border-color:#d9b8ef6b;color:#f0d7ff}.showcase-caption .showcase-controls{display:flex;gap:7px}
.showcase-orbit{position:absolute;border:1px solid #bc97e310;border-radius:50%;pointer-events:none}.orbit-one{width:90%;height:90%;top:-19%;right:-12%;transform:rotate(-25deg)}.orbit-two{width:85%;height:80%;top:3%;right:1%;transform:rotate(30deg)}.showcase-float-star{position:absolute;z-index:3;pointer-events:none;color:#e9bce8;opacity:.8;text-shadow:0 0 20px #d394f866}.star-one{font-size:22px;top:27%;right:7%}.star-two{font-size:35px;bottom:21%;left:4%;color:#e9c58e}
.welcome-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:25px 0 1px;border-top:1px solid #b59bcc1f}.welcome-features>div{display:flex;align-items:center;gap:13px;padding-left:5px}.welcome-features>div+div{padding-left:26px;border-left:1px solid #b59bcc1a}.feature-glyph{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #c9a7e32b;border-radius:14px;background:#b28be60a;color:#c7a6e7;transform:rotate(-4deg)}.feature-glyph svg{height:26px;width:26px;stroke:currentColor;stroke-width:1.25;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:rotate(4deg)}.welcome-features>div:nth-child(2) .feature-glyph{color:#e3c18c;border-color:#e3c18c30;background:#e3c18c08}.welcome-features>div:nth-child(3) .feature-glyph{color:#e5b0ca;border-color:#e5b0ca30;background:#e5b0ca08}.welcome-features p{margin:0}.welcome-features strong{font-size:12px;font-weight:550;color:#e5d8f2}.welcome-features small{display:block;font-size:10px;color:#a99aba;margin-top:7px;line-height:1.5}
.welcome-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4% 26px;color:#8f7ea3;font-size:9px;line-height:1.7}.welcome-footer>span:first-child{font-size:7px;letter-spacing:1.2px}.welcome-footer i{font-style:normal;color:#c0a16e;margin:0 9px}.welcome-footer a{color:#bca9ce;text-underline-offset:3px;text-decoration-color:#bca9ce60}.welcome-footer a:hover{color:#f2d4a0}
/* Midnight chrome around the independently lit 3D room. */
.rail{background:linear-gradient(180deg,#21192f,#161222);color:#ab98c2;border-right:1px solid #bba4d019}.brand-mark svg{stroke:#edc78f;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.nav-button.active{background:linear-gradient(135deg,#a378d42b,#b980bc16);color:#e2c7ff;box-shadow:inset 0 0 0 1px #d2afff25}.nav-button:hover{color:#f6eaff;background:#baa1d718}.rail-dot{background:#d2abf3;box-shadow:0 0 10px #c79ae944}.topbar{background:#1c1729;border-bottom-color:#baa5cf1d}.wordmark{font-size:29px;letter-spacing:-1.5px;color:#f6ecff}.wordmark-dot{font-size:18px;color:#e8c68e;margin-left:7px}.brand-caption{color:#b3a2c7;font-size:9px;letter-spacing:1.4px;margin-left:22px}.connection{color:#b0a1c2}.connection i,.status-light{background:#c1a0e3}.connection.offline{color:#f3ba99}.connection.offline i{background:#f3ba99}.profile-button{color:#e4d7f2}.profile-button>span:first-child{background:#513b68;color:#edd7ff;border:1px solid #c39ae337}.wallet-pill{background:#c9a66d12;border-color:#c9a66d42;color:#e8c78d}.wallet-pill:hover{background:#c9a66d22}.statusbar{background:#171321;color:#a895bb;border-top-color:#bba5d01a}.statusbar .footer-star{color:#d4b17d}
.side-panel{background:#211b2e;border-left-color:#bda4d71d}.panel-header,.participants,.chat-footer{border-color:var(--line)}.panel-kicker,.eyebrow{color:#ba9ed3}.panel-header h2,.panel-title-row h2{color:#f3eafa}.count-badge{color:#c8b1dd;background:#362842;border:1px solid #c4a1dd24}.participant{background:#30263d;color:#d0bedf}.participant-icon{background:#594069;color:#e5c9f4}.participant-name{color:#d7c6e7}.chat-messages{scrollbar-color:#695476 transparent}.chat-empty,.chat-empty p,.chat-start{color:#ad9abd}.empty-orbit{color:#b48ccf}.chat-empty h3{color:#e3d0f1}.message-meta{color:#a796b9}.message-meta strong{color:#dcc7ec}.message p{background:#30253d;border-color:#b99bd124;color:#e3d5ee}.message.own p{background:#48315d;color:#f7e6ff}.message.own .message-meta strong{color:#d2b1f1}.chat-footer{background:#1c1728}.chat-input-row{background:#2c2339;border-color:#b79fc92b}.chat-input-row input{color:#f3e7fd;background:transparent}.send-button{background:#8e68b6;color:#fff}.send-button:hover{background:#a67bcf}.chat-footer small{color:#a794b6}
.room-heading{padding:13px 16px 14px;border:1px solid #dcc3ef2b;border-radius:16px;background:#1d1829c9;backdrop-filter:blur(12px);max-width:calc(100% - 110px);box-shadow:0 6px 24px #100b251a}.room-heading .eyebrow{color:#d3b4eb}.room-heading h1{color:#fff3ff;font-size:25px;margin:7px 0}.room-subline{color:#d0bddc}.people-pill{background:#b68ace26;color:#ead7f8}.camera-tools,.movement-hint,.action-button{background:#21182de0;border-color:#c5a7dc32;color:#efdefd;box-shadow:0 4px 20px #170b3020}.camera-tools .icon-button:hover,.action-button:hover{background:#604276d9}.tool-divider{background:#c6a2e12b}.movement-hint small{color:#bda6d1}.glow-dot{background:#d7b985;outline-color:#d7b985}.world-credit{color:#f5e5ff;text-shadow:0 1px 6px #1c1131}.world-credit>span{color:#eed6f9}.move-menu{background:#261d34;border-color:#b79ad033;box-shadow:0 12px 40px #100a2480;color:#dec9ef}.move-menu button{color:#ddc9ef}.move-menu button:hover,.move-menu button.selected{background:#4a335e;color:#fff0ff}.toast{background:#4d3565;color:#f6e9ff;border:1px solid #ba93d458;box-shadow:0 8px 30px #09061566}.scene-error{background:#281f37e8;color:#e7c9e7;border:1px solid #ba93d440}
/* Collections and tools retain neutral stages for inspecting skin and clothing. */
.character-dialog,.creator-dialog,.shop-dialog{background:#211a2e;color:#f0e7f8;border:1px solid #c1a3d83d;box-shadow:0 30px 120px #08041180}.character-dialog::backdrop,.creator-dialog::backdrop,.shop-dialog::backdrop{background:#100b20ae;backdrop-filter:blur(9px)}.studio-header,.creator-header,.shop-header,.studio-footer,.creator-footer,.shop-footer{background:#211a2e;border-color:var(--line)}.studio-header .icon-button,.creator-header .icon-button,.shop-header .icon-button{background:#3a2b49;color:#d9c2ea}.studio-header h2,.creator-header h2,.shop-header h2{color:#f0e5fa}.studio-count,.shop-header small,.creator-section-kicker,.shop-tools small{color:#b6a1c9}
label,legend{color:#d0bddf}input,select,textarea,.studio-identity input,.shop-tools input,.shop-tools select,.room-design-label select,.placement-fields input{background:#181321;border:1px solid #b899cf36;color:#f4e9fd}.studio-identity label,.studio-identity legend,.fine-controls legend,.shop-tools label,.placement-fields label{color:#c1acd1}.primary-button,.clothing-import-button{background:linear-gradient(110deg,#a787d9,#cca0dd);border-color:#cda7ed;color:#21132e;font-weight:600}.primary-button:hover,.clothing-import-button:hover{background:linear-gradient(110deg,#bd9ce9,#e0b1e8);color:#21132e}.secondary-button,.studio-cancel,.creator-tool,.creator-small-button,.creator-text-button,.creator-download-link{color:#d6bce9;background:#372843;border-color:#b795cf42}.secondary-button:hover,.studio-cancel:hover,.creator-tool:hover,.creator-small-button:hover{color:#fff;background:#50345f}
.muted,.panel-note,.collection-note,.studio-category-heading p,.option-copy small,.studio-save-note>small,.creator-save-note small,.creator-subtle,.creator-file-note,.creator-empty,.shop-detail p,.shop-detail>small,.shop-item-preview small,.shop-footer,.room-editor-help{color:#b3a0c4}.studio-save-note>span,.creator-save-note>span,.shop-footer p{color:#ddc7ee}.form-error{color:#ffb8c7}.studio-groups,.studio-categories,.creator-tabs,.shop-sections,.home-tabs,.wardrobe-category-tabs{background:#20182c;border-color:var(--line)}.studio-group,.studio-category,.creator-tabs button,.shop-sections button,.home-tabs button,.wardrobe-category-tabs button{background:#2d223b;border-color:#bd9ad331;color:#baa4ce}.studio-group.selected,.creator-tabs button.selected,.creator-tabs button[aria-selected=true],.shop-sections button[aria-pressed=true],.home-tabs button[aria-pressed=true],.wardrobe-category-tabs button[aria-pressed=true]{background:#68488a;color:#fbebff;border-color:#b993dd55;box-shadow:none}.studio-group:not(.selected):hover,.studio-category:hover{background:#453055;color:#ebd5ff}.studio-category.selected{background:#4b325e;border-color:#bf95df88;color:#e8cfff}.studio-identity .choice,.choice{background:#2c2139;border-color:#b89ccc37;color:#bfa9d0}.studio-identity .choice.selected,.choice.selected{background:#503663;border-color:#bc93df88;color:#f1d8ff}
.studio-scroll,.creator-scroll,.shop-grid,.panel-scroll{scrollbar-color:#6b527e transparent}.studio-category-heading .count-badge{background:#382a44;color:#c6aed9}.customization-option,.outfit-card,.room-card,.shop-card,.furniture-add,.placed-item,.creator-material-card,.creator-preset-card,.creator-head-option{background:#2a2037;border-color:#b79acf30;color:#ecdef6}.customization-option:hover,.outfit-card:hover,.shop-card:hover{border-color:#c0a1d780}.customization-option.selected,.shop-card.selected,.placed-item.selected,.creator-head-option.selected{border-color:#c69aec;box-shadow:0 0 0 1px #c69aec;background:#382643}.customization-art,.customization-option.selected .customization-art,.shop-art{background:radial-gradient(ellipse at 50% 35%,#e4dde9,#c8bbd2);color:#53415e}.option-copy strong,.outfit-info h3{color:#eedffb}.option-check{background:#2e203b9c;border-color:#d2b5e669}.selected .option-check{background:#9c76bd;border-color:#cda7e8;color:#fff}.option-price{color:#d9bbf4}.shop-locked .option-price{color:#e4c185}.owned-label{background:#31213ebf;color:#f1ddff}.outfit-info small{color:#b9a1cd}.remove-choice{border-color:#bea2d03d;color:#bda8ce}.remove-choice.selected{border-color:#b88ed888;background:#382542;color:#ebceff}.fine-controls{border-color:var(--line)}.swatch{border-color:#211a2e;outline-color:#aa8fb854}.swatch.selected{outline-color:#dfb5ff}
.foundation-note,.creator-notice,.creator-portable-note,.creator-control-group,.creator-mesh-intro,.creator-upload-zone,.clothing-import-form,.clothing-import-report{background:#32243f;border-color:#b492d038;color:#ccb4dd}.foundation-note p{color:#c5b0d5}.studio-collection,.wardrobe-studio-entry,.featured-look-card,.creator-featured-look{background:linear-gradient(120deg,#38263e,#30223e);border-color:#b88ec13d}.studio-collection>div,.wardrobe-studio-entry strong,.featured-look-copy,.featured-look-copy strong{color:#f0ddfa}.studio-collection small,.studio-collection>b,.wardrobe-studio-entry small,.wardrobe-studio-entry>b,.featured-look-description{color:#bea4ce}.studio-collection:hover{background:#442c50;border-color:#cfb2dc66}.studio-collection>span,.featured-look-kicker{color:#e9c18f}.wardrobe-studio-entry>span{background:#5c3c674d;color:#e5bdf5}.wardrobe-current-look{color:#ae98c2}.wardrobe-current-look strong{color:#dbbbee}.mixed-look-tag{background:#372542;border-color:#b88bd33c}.featured-look-action,.creator-featured-look button{color:#efd8fb}
.creator-control-group h3,.creator-range-title,.creator-material-heading,.creator-preset-card strong,.creator-list-heading,.creator-panel-heading h3{color:#e8d5f5}.creator-range-ends,.creator-range-title output,.creator-material-heading small,.creator-preset-card small{color:#b79bca}.creator-range input{accent-color:#be94e3}.creator-control-group,.creator-material-card,.creator-preset-card,.creator-head-option{border-color:#bc98d02e}.creator-download-link,.creator-text-button{color:#dfb9fc}.creator-upload-zone{border-color:#bb93d368}.creator-upload-zone strong{color:#e2c8f3}.creator-empty{background:#2b2036;border-color:#b38ac735}.creator-file-symbol,.creator-mesh-art{color:#cbb0e0;background:#44314f}.creator-preset-form input,.creator-base-picker select{background:#191222;color:#f2e6ff;border-color:#b190c73d}.creator-portrait-looks,.creator-feature-grid{border-color:#b99acf26}.creator-brow-color{color:#cdb1df}.creator-portrait-card{background:#2b2037;border-color:#b798ce40;color:#ebd9f7}
.shop-card-bottom{border-color:var(--line);color:#d4bcdd}.shop-card-bottom button{background:#513563;color:#f3ddff}.shop-inspector{background:#241b31;border-color:var(--line)}.shop-detail{background:#2b2038}.shop-detail>span{color:#bda2d0}.shop-detail>strong{color:#e6c58c}.shop-footer{color:#b29bc4}.shop-preview-tools{background:#271b36ce;color:#e7d1f9}.room-builder,.pose-join{border-color:var(--line)}.furniture-add>span{background:#463052;color:#dbb4ec}.furniture-add small,.placed-item span,.pose-join p{color:#bba0cb}.placement-actions button,.pose-join button{background:#443050;border-color:#a981bf4f;color:#e5caf4}.room-card h3{color:#eddaf9}.room-card p,.room-card small{color:#b9a0cb}.theme-option{background:#2c2039;border-color:#b28bc839}.theme-option.selected{border-color:#bf93e6;background:#452c56}.theme-option span,.theme-option strong{color:#dfc9ee}.cosplay-active,.cosplay-empty{background:#32223f;border-color:#b68bd544;color:#dfc9f1}.cosplay-active p,.cosplay-empty p,.cosplay-credits{color:#bba4ce}.cosplay-credits a{color:#d5b2ee}.cosplay-model-placeholder{color:#a88dbd}
.clothing-heading>span,.clothing-heading p,.clothing-import-fields label,.clothing-preview-note,.clothing-limit-note,.clothing-selection-empty,.clothing-selection-total span,.clothing-selection details,.clothing-status,.clothing-library-heading span,.clothing-library-heading button,.clothing-pack>header small,.clothing-pack>header span,.clothing-garment small{color:#bca3ce}.clothing-import-fields input,.clothing-import-fields select{background:#191221;border-color:#b08cc336;color:#f2e1ff}.clothing-source-buttons button,.clothing-outfits button{background:#382640;border-color:#b68aca5c;color:#e7c9f9}.clothing-source-buttons button:hover,.clothing-outfits button:hover{background:#503159}.clothing-source-buttons small,.clothing-outfits small,.clothing-report-heading span,.clothing-import-report p,.clothing-import-report details{color:#c0a5d0}.clothing-pack{background:#291e34;border-color:#aa83bd38}.clothing-pack>header{background:#34213f}.clothing-garment button{color:#dab4f1}.clothing-selection ul{background:#1c1327}.clothing-selection li{border-color:#b899d01a}.clothing-error{color:#ffd2d8;background:#74324840}.clothing-studio progress{accent-color:#bb8dde}
.character-preview-wrap,.creator-preview-wrap,.shop-model{background:radial-gradient(ellipse at 50% 35%,#ddd9e1,#b8aebf 74%,#aaa0b4);border-color:#bda4cf35}.preview-label,.creator-preview-label{color:#5f466d}.preview-bottom strong,.creator-preview-bottom strong{color:#3c294c}.preview-bottom>span,.creator-preview-bottom>span{color:#604871}.preview-bottom small,.creator-preview-bottom small{color:#6c5878}.preview-view-switch,.creator-view-switch{background:#f3eaf8be;border-color:#ffffff80}.preview-view-switch button,.creator-view-switch button{color:#705c7d}.preview-view-switch button.selected,.creator-view-switch button.selected{background:#79558b;color:#fff}.preview-view-switch button:hover:not(.selected),.creator-view-switch button:hover:not(.selected){background:#d9c7e2}.live-preview-label i{background:#8a60a8}.character-preview-wrap.portrait-lighting .preview-label,.creator-preview-wrap.portrait-lighting .creator-preview-label{color:#d8c5ec}.portrait-lighting .preview-bottom strong,.portrait-lighting .creator-preview-bottom strong{color:#f3e3ff}.portrait-lighting .preview-bottom>span,.portrait-lighting .creator-preview-bottom>span,.portrait-lighting .preview-bottom small,.portrait-lighting .creator-preview-bottom small{color:#c5aed7}
.preview-label,.creator-preview-label,.preview-bottom>span,.creator-preview-bottom>span,.preview-bottom small,.creator-preview-bottom small{color:#473252}
.participant-name small,.message-meta time{color:#ad97bf}.outfit-card.selected{border-color:#c49be3;box-shadow:0 0 0 1px #c49be3}.outfit-card .owned-label{background:#31213edb;color:#f1ddff}.outfit-info span{color:#cfaae8}.theme-option .check{color:#cfabe9}
.creator-header .eyebrow{color:#bfa0d7}.creator-header h2>span{color:#e4bc8a}.creator-panel-heading p,.creator-material-heading p,.creator-portable-note p,.creator-featured-look span span{color:#bda5cf}.creator-material-heading h4,.creator-portable-note strong,.creator-featured-look{color:#ead8f7}.creator-base-picker,.creator-preset-form{background:#30233d;border-color:#bc99d233}.creator-base-picker>span,.creator-preset-form label{color:#c8acd9}.creator-dialog select,.creator-dialog input[type=text],.creator-feature-grid select{background:#191222;border-color:#af89c43d;color:#efddfc}.creator-feature-grid label{color:#d1b8e3}.creator-tabs button:hover:not(.selected),.creator-preset-card:hover,.creator-featured-look:hover{background:#432d54;border-color:#ba92d177;color:#f1d9ff}.creator-preset-card b{color:#dab5ee}.creator-preset-form button{background:#9472b5;border-color:#b998d3;color:#fff2ff}.creator-preset-form button:hover{background:#aa85cd;color:#fff}.creator-preset-form input::placeholder{color:#a48bb7}.creator-range-title output{background:#402a50;color:#d8b9eb}.creator-range input[type=range]{background:#685071;accent-color:#bd8edc}.creator-range input[type=range]::-webkit-slider-thumb{background:#c19ae3;border-color:#eee0ff;box-shadow:0 0 0 1px #89649f}.creator-range input[type=range]::-moz-range-thumb{background:#c19ae3;border-color:#eee0ff;box-shadow:0 0 0 1px #89649f}.creator-lighting-switch{background:#f3e8f8db;border-color:#a28bb56b}.creator-lighting-switch button{color:#6b527b}.creator-lighting-switch button.selected{background:#79558b;color:#fff}.portrait-lighting .creator-lighting-switch{background:#281c36e8;border-color:#b99dc346}.portrait-lighting .creator-lighting-switch button{color:#c2a9d6}.portrait-lighting .creator-lighting-switch button.selected{background:#e9d4f6;color:#362044}
@media(min-width:1600px){.welcome-layout{grid-template-columns:385px minmax(0,1fr);gap:32px 56px}.welcome-story h1{font-size:56px}.welcome-story>p{font-size:13px;max-width:350px}.welcome-showcase{min-height:690px}.qoutas-welcome .auth-card{padding:24px 26px 20px}.qoutas-welcome input{min-height:43px}.welcome-header{padding-top:32px;padding-bottom:30px}}
@media(max-width:1190px) and (min-width:901px){.welcome-header{padding-inline:3%}.welcome-layout{grid-template-columns:330px minmax(0,1fr);column-gap:25px;padding-inline:3%}.welcome-story h1{font-size:47px}.title-spark{right:0;width:30px}.welcome-showcase{min-height:650px}.showcase-heading{inset:24px 19px auto;gap:8px}.showcase-heading strong{font-size:10px}.showcase-heading>div>span{font-size:7px;letter-spacing:1.6px}.showcase-live{font-size:6px;padding:7px}.showcase-guild{height:34px;width:34px}.showcase-caption{inset:auto 21px 26px}.showcase-caption>div{font-size:11px}.showcase-caption small{font-size:8px}.showcase-gesture,.showcase-motion{font-size:7px;padding:7px}.welcome-features small{font-size:9px}.welcome-footer{padding-inline:3%}}
@media(max-width:900px){.welcome-header{min-height:88px;padding:23px 5%;gap:20px}.welcome-wordmark{font-size:31px}.welcome-wordmark svg{height:39px;width:39px}.welcome-descriptor{font-size:10px;gap:7px;padding-left:20px}.welcome-header-link{font-size:10px}.welcome-layout{display:flex;flex-direction:column;padding:15px 5% 30px;gap:25px}.welcome-intro{display:contents}.welcome-story{order:0;text-align:center;max-width:600px;margin-inline:auto}.welcome-kicker{justify-content:center;font-size:9px}.welcome-story h1{font-size:54px;line-height:1.03;margin:15px 0 19px}.welcome-story h1 br{display:none}.welcome-story h1 em{white-space:nowrap}.title-spark{position:static;width:27px;height:27px;margin-left:9px;vertical-align:middle}.welcome-story>p{max-width:450px;font-size:12px;margin:0 auto 2px}.welcome-showcase{order:1;width:100%;min-height:0;height:500px;align-self:auto}.qoutas-welcome .auth-card{order:2;width:min(460px,100%);margin-inline:auto;padding:26px 30px 22px}.auth-card-heading strong{font-size:14px}.auth-card-heading small{font-size:11px}.qoutas-welcome #auth-form>label{font-size:11px}.qoutas-welcome input{font-size:13px;min-height:45px}.qoutas-welcome .primary-button{font-size:13px;min-height:46px}.qoutas-welcome .auth-tabs button{font-size:12px}.qoutas-welcome .auth-local{font-size:10px}.qoutas-welcome .auth-local small{font-size:9px}.welcome-features{order:3;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;padding-top:25px}.welcome-features>div{flex-direction:column;text-align:center;gap:12px;padding-inline:5px}.welcome-features>div+div{padding-left:12px}.welcome-features strong{font-size:11px}.welcome-features small{font-size:9px}.welcome-footer{padding:0 5% 25px;font-size:8px}.welcome-footer>span:first-child{font-size:6px;letter-spacing:.7px}}
@media(max-width:600px){.welcome-header{padding:20px 5% 17px;gap:14px;flex-wrap:wrap;min-height:82px}.welcome-wordmark{font-size:30px;gap:8px}.welcome-wordmark svg{height:37px;width:37px}.welcome-descriptor{margin-left:auto;padding-left:0;border:0;font-size:9px;gap:6px;letter-spacing:0}.welcome-header-link{display:none}.welcome-layout{padding-top:9px;gap:24px}.welcome-kicker{font-size:7px;letter-spacing:1.8px}.welcome-story h1{font-size:44px;letter-spacing:-2px;line-height:1.08;margin:12px 0 15px}.welcome-story>p{max-width:345px;font-size:11px;line-height:1.8}.title-spark{width:23px;height:23px}.welcome-showcase{height:460px;border-radius:24px}.welcome-showcase:after{border-radius:17px;inset:7px}.welcome-scene{inset:52px -5% 37px;width:110%;border-radius:0}.showcase-heading{inset:20px 18px auto;gap:8px}.showcase-guild{width:31px;height:34px;font-size:25px;border-radius:10px}.showcase-heading>div>span{font-size:6px;letter-spacing:1.6px}.showcase-heading strong{font-size:9px;margin-top:4px}.showcase-live{font-size:5px;letter-spacing:.8px;padding:6px;gap:4px}.showcase-caption{inset:auto 19px 22px;gap:8px;flex-wrap:wrap}.showcase-caption>div{font-size:10px;gap:7px}.showcase-caption-star{font-size:22px}.showcase-caption small{font-size:7px}.showcase-gesture,.showcase-motion{font-size:6px;padding:7px;gap:4px}.showcase-gesture svg{width:12px;height:12px}.star-one{font-size:16px;right:7%;top:28%}.star-two{font-size:26px;left:6%;bottom:24%}.qoutas-welcome .auth-card{padding:23px 23px 20px}.welcome-features{gap:13px;padding-top:25px}.welcome-features>div+div{padding-left:13px}.feature-glyph{width:37px;height:37px;border-radius:12px}.feature-glyph svg{height:23px;width:23px}.welcome-features strong{font-size:9px;line-height:1.5;display:block}.welcome-features small{font-size:8px;line-height:1.6;margin-top:5px}.welcome-footer{flex-direction:column;gap:10px;text-align:center;padding-bottom:24px}.welcome-footer>span:first-child{font-size:7px;letter-spacing:1px}.welcome-footer>span:last-child{font-size:9px}.room-heading{left:14px;top:16px;padding:10px 12px;max-width:calc(100% - 69px)}.room-heading h1{font-size:20px}.room-heading .eyebrow{font-size:6px;letter-spacing:1.4px}.room-subline{font-size:8px}.room-heading .tiny-orbit{font-size:14px}.topbar .wordmark{font-size:24px}.wordmark-dot{font-size:14px;margin-left:4px}.camera-tools{right:10px;top:17px}.studio-header,.creator-header,.shop-header{border-bottom-color:#bb9ed42b}}
@media(max-width:365px){.welcome-descriptor{font-size:8px;gap:4px}.welcome-wordmark{font-size:27px}.welcome-wordmark svg{width:32px;height:32px}.welcome-story h1{font-size:39px}.welcome-showcase{height:420px}.showcase-heading strong{font-size:8px}.showcase-live{display:none}.showcase-gesture{font-size:5px}.showcase-caption small{font-size:6px}.qoutas-welcome .auth-card{padding:21px 19px}.auth-card-heading strong{font-size:12px}}
/* First character choice: a complete cosplay, or a character of your own. */
.studio-name-help{display:block;margin-top:6px;color:#b39bc5;font-size:9px;font-weight:400;line-height:1.4}
.studio-identity:has(fieldset[hidden]){grid-template-columns:minmax(0,1fr)}
.studio-paths{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;padding:15px 23px;border-bottom:1px solid #c3a0dc1d;flex:none;background:linear-gradient(110deg,#281c35,#20182b)}
.studio-path-cosplays{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px;text-align:left;padding:14px 13px;min-height:67px;border:1px solid #c7a0f18a;border-radius:12px;background:linear-gradient(120deg,#6e428b,#49305f 64%,#67406c);color:#fff1ff;box-shadow:0 0 19px #bb70dd20,inset 0 1px 0 #f5d4ff2b;transition:box-shadow .2s,border-color .2s,background .2s}
.studio-path-cosplays:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 36%,#f5d9ff14 48%,transparent 62%);transform:translateX(-35%);transition:transform .65s;pointer-events:none}
.studio-path-cosplays:hover:before,.studio-path-cosplays:focus-visible:before{transform:translateX(35%)}
.studio-path-cosplays:hover{border-color:#e2b7ff;box-shadow:0 0 24px #c17ce537,inset 0 1px 0 #f5d4ff38}
.studio-path-cosplays.selected,.studio-path-cosplays[aria-pressed=true]{border-color:#e1b6fd;box-shadow:0 0 0 1px #b184cf30,0 0 21px #b76fdf25,inset 0 1px 0 #f5d4ff36}
.studio-path-star{font-size:26px;line-height:1;color:#ffdc9b;text-shadow:0 0 16px #eac09655;flex:none}.studio-path-cosplays strong{display:block;font-size:12px;font-weight:650;letter-spacing:.1px}.studio-path-cosplays small{display:block;font-size:9px;line-height:1.5;color:#e3c8f0;margin-top:5px}.studio-path-arrow{margin-left:auto;color:#f0d0ff;font-size:20px;font-weight:400;flex:none}
.studio-path-customize{display:flex;align-items:center;justify-content:center;gap:8px;text-align:left;padding:13px 12px;border:1px solid #ad8dc636;border-radius:12px;background:#2c2139;color:#cbb5dd;font-size:11px;line-height:1.5;transition:background .2s,border-color .2s}.studio-path-customize svg{width:18px;height:18px;flex:none}.studio-path-customize:hover{background:#422d52;border-color:#b997d06b;color:#f2dfff}.studio-path-customize.selected,.studio-path-customize[aria-pressed=true]{background:#48315e;border-color:#be95e2;color:#f3dfff}
.studio-cosplay-picker{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 23px 25px;scrollbar-width:thin;scrollbar-color:#76558d transparent;background:radial-gradient(ellipse at 100% 0,#58386622,transparent 55%),#211a2e}
.studio-cosplay-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.studio-cosplay-heading h3{font-size:22px;line-height:1.2;font-weight:550;letter-spacing:-.5px;color:#f2e4fb;margin:0 0 7px}.studio-cosplay-heading p,.studio-cosplay-intro{font-size:11px;line-height:1.7;color:#bca6cc;margin:0;max-width:430px}.studio-cosplay-heading>.count-badge{flex:none;white-space:nowrap;margin-top:3px}.studio-cosplay-intro{margin-bottom:18px}
.studio-cosplay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.studio-cosplay-card{position:relative;display:flex;flex-direction:column;min-width:0;text-align:left;padding:0;border:1px solid #a682bc40;border-radius:14px;background:#30213d;color:#f2e3fc;overflow:hidden;box-shadow:0 4px 15px #0e07161a;transition:border-color .2s,box-shadow .2s,transform .2s}
.studio-cosplay-card:hover{border-color:#c39ae5b3;box-shadow:0 6px 24px #a26ac21c;transform:translateY(-2px)}.studio-cosplay-card.selected,.studio-cosplay-card[aria-pressed=true]{border-color:#d4a8f5;box-shadow:0 0 0 1px #d4a8f5,0 5px 23px #b976d926;background:#432c52}
.studio-cosplay-thumb{display:block;position:relative;width:100%;aspect-ratio:1.13;overflow:hidden;object-fit:contain;background:radial-gradient(ellipse at 50% 40%,#3c2b4f,#211a30);border-bottom:1px solid #d2b2e519;flex:none}.studio-cosplay-thumb img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.studio-cosplay-card:hover .studio-cosplay-thumb img{transform:scale(1.035)}
.studio-cosplay-copy{display:block;padding:11px 11px 9px;min-width:0;flex:1}.studio-cosplay-copy strong{display:block;font-size:12px;font-weight:650;letter-spacing:.1px;line-height:1.3;color:#f5e7fc}.studio-cosplay-copy small{display:block;color:#bfa5d1;font-size:9px;line-height:1.55;margin-top:5px}.studio-cosplay-price{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-style:normal;font-size:9px;font-weight:600;line-height:1.2;padding:6px 8px;border:1px solid #d7b78840;border-radius:20px;color:#eecb90;background:#d7b7880c;margin:0 11px 12px}.studio-cosplay-copy .studio-cosplay-price{margin:9px 0 0}.studio-cosplay-price.free,.studio-cosplay-price.owned{border-color:#c5a2e53b;color:#dfbaf7;background:#be8de20e}
.studio-cosplay-check{position:absolute;z-index:2;top:9px;right:9px;display:grid;place-items:center;height:23px;width:23px;border:1px solid #e0bcf555;border-radius:50%;background:#21152eaa;color:transparent;font-size:12px;line-height:1;pointer-events:none}.studio-cosplay-card.selected .studio-cosplay-check,.studio-cosplay-card[aria-pressed=true] .studio-cosplay-check{background:#b88bd8;border-color:#eed6ff;color:#251233;box-shadow:0 2px 8px #10081844}.studio-cosplay-check svg{height:13px;width:13px}
.studio-cosplay-note{font-size:10px;line-height:1.7;color:#bea6ce;border:1px solid #ad8ac22a;border-radius:10px;background:#30213c;padding:11px 13px;margin:18px 0 0}.studio-cosplay-note a{color:#dbb5f4;text-underline-offset:3px}.studio-cosplay-note strong{color:#e7ccf8;font-weight:550}
@media(max-width:960px){.studio-paths{padding:13px 17px;gap:8px}.studio-path-cosplays{padding:12px 10px;gap:8px}.studio-path-cosplays strong{font-size:11px}.studio-path-cosplays small{font-size:8px}.studio-path-star{font-size:23px}.studio-path-customize{font-size:10px;padding:11px 9px}.studio-cosplay-picker{padding:19px 17px 23px}.studio-cosplay-grid{gap:10px}.studio-cosplay-copy{padding:10px 9px 8px}.studio-cosplay-copy strong{font-size:11px}.studio-cosplay-copy small{font-size:8px}}
@media(max-width:700px){.studio-name-help{font-size:8px;margin-top:5px}.studio-paths{padding:10px 13px;gap:7px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.studio-path-cosplays{padding:10px;min-height:58px;border-radius:10px;gap:8px}.studio-path-cosplays strong{font-size:10px}.studio-path-cosplays small{font-size:8px;margin-top:4px}.studio-path-arrow{font-size:16px}.studio-path-star{font-size:21px}.studio-path-customize{font-size:9px;gap:5px;padding:9px;border-radius:10px}.studio-path-customize svg{width:15px;height:15px}.studio-cosplay-picker{padding:17px 13px 20px}.studio-cosplay-heading{gap:10px;margin-bottom:14px}.studio-cosplay-heading h3{font-size:19px}.studio-cosplay-heading p,.studio-cosplay-intro{font-size:10px;line-height:1.6}.studio-cosplay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.studio-cosplay-thumb{aspect-ratio:1.2}.studio-cosplay-copy{padding:10px}.studio-cosplay-copy strong{font-size:12px}.studio-cosplay-copy small{font-size:9px}.studio-cosplay-price{font-size:9px;margin-left:10px;margin-bottom:11px}.studio-cosplay-note{font-size:9px;padding:10px 12px;margin-top:15px}}
@media(max-width:390px){.studio-paths{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.studio-path-cosplays{gap:6px;padding:9px}.studio-path-cosplays strong{font-size:9px}.studio-path-cosplays small{font-size:7px}.studio-path-customize{font-size:8px}.studio-path-customize svg{width:12px;height:12px}.studio-path-star{font-size:18px}.studio-path-arrow{font-size:14px}}
@media(prefers-reduced-motion:reduce){.qoutas-welcome *,.studio-paths *,.studio-cosplay-picker *{transition:none!important}.studio-cosplay-card:hover,.studio-cosplay-card:hover .studio-cosplay-thumb img{transform:none}.studio-path-cosplays:before{display:none}}
@media(max-height:540px){
  .character-layout{display:grid;grid-template-columns:36% minmax(0,1fr)}
  .character-preview-wrap{height:auto;width:100%;min-height:0;flex:none}
  .character-options{overflow-y:auto;overscroll-behavior:contain}
  .studio-cosplay-picker,.character-options .studio-scroll{flex:none;overflow:visible;min-height:auto}
  .studio-identity{grid-template-columns:minmax(0,1fr);gap:9px;padding:10px 13px}
  .preview-view-switch{left:10px;right:10px;top:34px;justify-content:center}
  .preview-view-switch button{font-size:8px;padding:5px}
  .studio-footer{padding:9px 13px}
  .studio-save-note>small{display:none}
}