/* Shared reference rhythm, with theme variables inherited from GFTHAI. */
#nav .menu-root-line{min-height:36px}#nav .menu-root-line>.menu-arrow{width:18px;padding:0 5px}#nav .menu-root-line>.menu-top{padding:6px 5px}#nav .menu-root-line:hover,#nav .is-open>.menu-root-line{background:#eca263;color:#222}#nav .menu-root-line:hover a,#nav .menu-root-line:hover button,#nav .is-open>.menu-root-line a,#nav .is-open>.menu-root-line button{color:#222}#nav a:focus-visible,#nav button:focus-visible{outline:2px solid #f7ba85;outline-offset:-2px}
.resource-page{--rs-panel:#292929;--rs-card:#222;--rs-border:#484039;--rs-accent:#eca263;--rs-muted:#aaa;--rs-text:#eee;color:var(--rs-text)}[data-theme=light] .resource-page{--rs-panel:#f8f5f1;--rs-card:#fff;--rs-border:#dfd5ca;--rs-muted:#65605a;--rs-text:#292929}.resource-page button,.resource-page input,.resource-page select{font:inherit}.resource-page button{cursor:pointer}.resource-page button:disabled{cursor:default;opacity:.45}.resource-page input,.resource-page select{background:var(--rs-card);color:var(--rs-text);border:1px solid var(--rs-border);border-radius:5px;padding:9px 12px;min-width:0}.resource-page h1{font-size:28px}.resource-help{color:var(--rs-muted);font-size:13px}.resource-title{text-align:center;padding:24px;border:1px solid #6d4935;background:linear-gradient(110deg,#3b2e29,#222);font:italic 40px Georgia,serif!important;color:#eca263;border-radius:7px;margin:0 0 10px}.talent-workbench{background:var(--rs-card);padding:12px;border-radius:6px}.resource-classes{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;background:#3b2d28;border:1px solid #654738;padding:10px;border-radius:6px}.resource-classes a{width:44px;height:44px;display:grid;place-items:center;background:#222;border:2px solid transparent;border-radius:5px}.resource-classes img{width:32px;height:32px;image-rendering:pixelated}.resource-classes a.selected,.resource-classes a:hover{border-color:#eca263;background:#503d31;box-shadow:0 0 10px #eca26344}.talent-workbench>.resource-help{text-align:center}.talent-columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(215px,.66fr) minmax(260px,1fr);gap:12px}.talent-bank,.talent-equipped{border:1px solid var(--rs-border);border-radius:6px;background:var(--rs-panel);padding:10px}.talent-bank header,.talent-equipped header{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--rs-border);padding:2px 0 10px;font-size:12px;text-transform:uppercase}.talent-ranks{display:flex;gap:3px}.resource-small{background:var(--rs-card);color:var(--rs-muted);border:1px solid var(--rs-border);border-radius:4px;font-size:12px!important;padding:4px 7px}.resource-small:hover,.resource-small.selected{border-color:var(--rs-accent);color:var(--rs-accent);background:#4a362b}.talent-row{padding:10px;margin-top:7px;background:#36342c}.talent-row:nth-of-type(2){background:#2a3236}.talent-row:nth-of-type(3){background:#30353b}.talent-row:nth-of-type(4){background:#3a3426}.talent-row h3{font-size:11px;color:#b9b5a9;margin:0 0 9px;text-transform:uppercase}.talent-row>div{display:flex;flex-wrap:wrap;gap:10px}.talent-card{width:48px;height:48px;padding:2px;background:#171717;border:2px solid #554a3b;position:relative;border-radius:2px}.talent-card img{width:100%;height:100%;object-fit:contain}.talent-card small{position:absolute;bottom:0;right:2px;text-shadow:1px 1px #000;color:#fff;font-size:10px}.talent-card.selected,.talent-card:hover{border-color:#ffb875;box-shadow:0 0 9px #eca26355}.ancestral header b{color:#e1c173}#talent-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#222;padding:15px;margin:70px 0 20px}.talent-slot{aspect-ratio:1;border:2px solid #665644;background:#39392c;padding:3px;display:grid;place-items:center}.talent-slot:nth-child(3n+1){background:#3e4b38}.talent-slot:nth-child(3n){background:#3d4436}.talent-slot img{width:100%;height:100%;object-fit:contain}.talent-slot>span{font-size:30px;color:#79745e}.talent-slot.selected{border-color:#eca263}.talent-center{display:flex;flex-direction:column;justify-content:center;text-align:center;color:#d5b783}.talent-center b{font-size:24px}.talent-center small{font-size:10px}.talent-equipped>#share-talents{width:100%}#selected-talent-details{font-size:12px;margin-top:15px}#selected-talent-details>div{border-top:1px solid var(--rs-border);padding:9px 0}#selected-talent-details a{color:var(--rs-accent)}#selected-talent-details p{white-space:pre-line;color:var(--rs-muted);margin:4px 0}.resource-section-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.resource-section-head h2{font-size:20px}.resource-section-head h2 span{color:#eca263}.resource-section-head a{font-size:12px;color:#eca263}.talent-combos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.talent-combo{text-align:left;color:var(--rs-text);background:var(--rs-panel);border:1px solid var(--rs-border);border-radius:5px;padding:12px;display:flex;gap:10px}.talent-combo:hover,.talent-combo.active{border-color:#eca263}.talent-combo.active{box-shadow:inset 0 0 0 1px #eca263;background:#44372a}.talent-combo strong{color:#eca263;font-size:14px}.talent-combo small{display:block;color:var(--rs-muted);font-size:10px}.talent-combo p{white-space:pre-line;font-size:12px;line-height:1.6;margin:7px 0}.combo-icons{display:flex;flex-direction:column;gap:4px}.combo-icons img{width:28px;height:28px}.resource-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-hub>a{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:7px 12px;background:var(--rs-panel);border:1px solid var(--rs-border);padding:22px;border-radius:6px}.resource-hub>a:hover{border-color:#eca263;background:#46362b}.resource-hub img{width:36px;height:36px;grid-row:span 2}.resource-hub span{font-size:12px;color:var(--rs-muted)}.resource-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}.resource-filters>input{flex:2;min-width:210px}.resource-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--rs-muted);flex:1;min-width:110px}.resource-filters input[type=number]{width:90px}.chain-workspace{display:grid;grid-template-columns:270px minmax(300px,1fr) 250px;gap:12px;height:680px;background:var(--rs-card);color:var(--rs-text)}.chain-sidebar,.chain-diagram,.chain-detail{border:1px solid var(--rs-border);background:var(--rs-panel);border-radius:5px;min-width:0;overflow:hidden}.chain-sidebar{display:flex;flex-direction:column}.chain-sidebar header,.chain-diagram header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px;border-bottom:1px solid var(--rs-border);font-size:12px}.chain-sidebar header select{padding:4px;font-size:11px;width:110px}#chain-list{overflow:auto}.chain-list-entry{display:block;background:none;color:var(--rs-text);width:100%;border:0;border-bottom:1px solid var(--rs-border);padding:12px;text-align:left}.chain-list-entry:hover{background:#46382b}.chain-list-entry strong{display:block;font-size:13px}.chain-list-entry span,.chain-list-entry small{display:block;font-size:11px;margin-top:6px;color:var(--rs-muted)}.chain-list-entry b{color:#eca263;margin:0 5px}.chain-diagram{display:flex;flex-direction:column}.chain-diagram header>div{display:flex;gap:4px;flex-shrink:0}#chain-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chain-viewport{flex:1;position:relative;overflow:hidden;touch-action:none;background-image:radial-gradient(#8883 1px,transparent 1px);background-size:18px 18px;cursor:grab}#chain-canvas{position:absolute;left:0;top:0;transform-origin:0 0}.chain-lines{position:absolute;left:0;top:0;overflow:visible;color:#ab8058}.chain-lines>path{fill:none;stroke:#ab8058;stroke-width:1.7}.quest-node{position:absolute;width:240px;height:76px;text-align:left;padding:9px;background:#303438;border:1px solid #60676a;border-radius:5px;color:#eee;overflow:hidden}.quest-node strong{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quest-node small,.quest-node span{display:block;font-size:10px;margin-top:4px;color:#aaa}.quest-node.selected{border:2px solid #eca263;background:#4a3a2e}.quest-node.dimmed{opacity:.35}.chain-detail{padding:15px;overflow:auto}.chain-detail h2{font-size:18px}.chain-detail p{font-size:13px;line-height:1.7;white-space:pre-line}.chain-detail .primary-button{font-size:12px;display:block;text-align:center}.chain-diagram>.resource-help{padding:8px 12px;margin:0}.chain-empty{width:350px;padding:30px;color:var(--rs-muted)}.daily-workspace{display:grid;grid-template-columns:320px 1fr;gap:20px}.daily-workspace>aside,.daily-workspace>section{background:var(--rs-panel);padding:15px;border:1px solid var(--rs-border);border-radius:5px}#daily-search{width:100%}#daily-list{max-height:680px;overflow:auto;margin-top:10px}#daily-list button{display:flex;width:100%;gap:10px;padding:10px;text-align:left;background:none;color:var(--rs-text);border:0;border-bottom:1px solid var(--rs-border)}#daily-list button:hover{background:#46382b}#daily-list small{display:block;color:var(--rs-muted)}#daily-detail>p{white-space:pre-line}.daily-links>a{display:flex;align-items:center;gap:10px;padding:10px}.daily-links>a:hover{background:#46382b}
@media(min-width:1450px){#nav .menu-top-label{display:inline}}@media(max-width:1100px){.talent-combos{grid-template-columns:repeat(2,1fr)}.chain-workspace{grid-template-columns:230px 1fr}.chain-detail{grid-column:1/-1;max-height:250px}.chain-workspace{height:auto}.chain-diagram{height:600px}.chain-sidebar{max-height:600px}.talent-columns{grid-template-columns:1fr 210px 1fr}.talent-row>div{gap:5px}.talent-card{width:41px;height:41px}.talent-bank header{flex-wrap:wrap}}@media(max-width:760px){.resource-hub{grid-template-columns:1fr 1fr}.talent-columns{grid-template-columns:1fr 1fr}.talent-equipped{grid-row:2;grid-column:1/-1}#talent-slots{width:240px;margin:15px auto}.talent-combos{grid-template-columns:1fr}.chain-workspace{grid-template-columns:1fr}.chain-sidebar{max-height:250px}.chain-detail{grid-column:auto}.chain-diagram{height:500px}.daily-workspace{grid-template-columns:1fr}.resource-title{font-size:30px!important}.resource-classes a{width:36px;height:36px}.resource-classes img{width:27px;height:27px}#nav .menu-root-line{width:100%}#nav .menu-root-line>.menu-top{flex:1;justify-content:flex-start}#nav .menu-root-line>.menu-arrow{width:44px}.resource-section-head{align-items:start;gap:8px}}
.dress-layout{display:grid;grid-template-columns:minmax(320px,42%) minmax(0,1fr);gap:24px}.dress-left,.dress-catalog{border:1px solid var(--border,#394356);border-radius:7px;padding:18px;background:var(--panel,#202735)}.dress-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px}.dress-actions label{display:flex;align-items:center;gap:5px}.dress-left .gf-model-viewer{height:460px}.dress-left h2{font-size:15px}.dress-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dress-slot{border:1px solid var(--border,#394356);background:transparent;color:var(--text,#e1e5ef);border-radius:6px;padding:8px;cursor:pointer}.dress-slot span{font-size:11px}.dress-slot div{height:45px;display:flex;align-items:center;justify-content:center;font-size:25px;color:#8e8e9f}.dress-slot img{width:38px;height:38px}.dress-slot.selected{border-color:#e3a25a}.dress-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border,#394356);padding-bottom:14px;margin-bottom:16px}.dress-tabs button{background:transparent;border:0;color:var(--muted,#aeb9ce);padding:8px 12px;cursor:pointer}.dress-tabs button.selected{color:#ecae69;border-bottom:2px solid #ecae69}.dress-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.dress-filters input,.dress-filters select{min-width:0;padding:9px;background:var(--bg,#151c29);color:var(--text,#e1e5ef);border:1px solid var(--border,#394356);border-radius:5px}.dress-count{padding:15px 0;font-size:12px;color:var(--muted,#aeb9ce)}.dress-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dress-item{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid transparent;border-radius:5px;padding:10px;background:transparent;color:inherit;cursor:pointer}.dress-item:hover{background:#e5ae6510}.dress-item.selected{border-color:#e8b16b;background:#e5ae6518}.dress-item span{font-size:12px;line-height:1.6}.dress-item small{display:block;color:var(--muted,#aeb9ce);font-size:10px}.dress-pages{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:22px;font-size:12px}@media(max-width:850px){.dress-layout{grid-template-columns:1fr}.dress-left .gf-model-viewer{height:360px}}@media(max-width:500px){.dress-filters{grid-template-columns:1fr 1fr}.dress-filters input{grid-column:1/-1}.dress-items{grid-template-columns:1fr}}

/* Dress Room: reference proportions, controls, item cards and equipment slots. */
.dress-reference{max-width:1200px;margin:0 auto;background:var(--sidebar);padding:12px;border-radius:4px;font-family:Arial,Tahoma,sans-serif}
.dress-reference .resource-title{margin:0 0 10px;padding:20px;font-family:Georgia,serif;font-size:44px;font-weight:400;font-style:italic;line-height:1.2;text-align:center;color:#dfa36d;background:linear-gradient(115deg,#443127,#242424);border:1px solid #674b39;border-radius:7px}
.dress-reference .dress-layout{grid-template-columns:minmax(320px,45%) minmax(0,1fr);gap:12px;align-items:start}
.dress-reference .dress-left,.dress-reference .dress-catalog{padding:10px;background:#292929;border:1px solid #45403a;border-radius:6px;box-shadow:0 2px 5px #0003}
.dress-reference .dress-actions{display:flex;flex-wrap:nowrap;gap:6px;margin:0 0 9px;font-size:12px}
.dress-genders{display:flex;margin-right:auto;white-space:nowrap}
.dress-genders button,.dress-reference .resource-small{padding:7px 9px;border:1px solid #44403c;background:#292929;border-radius:4px;color:#aaa;font-size:12px;line-height:1.3}
.dress-genders button:first-child{border-radius:4px 0 0 4px}.dress-genders button:last-child{border-radius:0 4px 4px 0}
.dress-genders button[aria-pressed=true]{background:#eaa069;color:#242424;font-weight:700;border-color:#eaa069}
.dress-reference .resource-small:disabled{opacity:.35}
.dress-reference .dress-left .gf-model-viewer{height:435px;border-radius:4px;background:radial-gradient(ellipse at 50% 50%,#737b91 0%,#343b56 40%,#101426 75%,#050814 100%)}
.dress-reference .model-canvas{inset:0 0 42px}
.dress-reference .model-toolbar{top:8px;right:8px;gap:3px}
.dress-reference .model-toolbar button{padding:4px 7px;background:#161a25dd;border-color:#303644;color:#ccc}
.dress-reference .model-controls{bottom:8px;left:7px;right:7px;gap:4px}
.dress-reference .model-controls select{max-width:35%;padding:4px;font-size:11px}.dress-reference .model-controls button{padding:4px 6px}.dress-reference .model-count{font-size:10px;white-space:nowrap}
.dress-reference h3{margin:10px 0 5px;font-size:13px;text-transform:uppercase;color:#dda26e;border-bottom:1px dashed #5d4c3f;padding-bottom:5px}
.dress-reference .dress-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.dress-reference .dress-slot{display:flex;align-items:center;text-align:left;gap:7px;min-height:46px;border:1px dashed #49443d;padding:5px;background:#242424;border-radius:4px;min-width:0}
.dress-reference .dress-slot-icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:#666;font-size:20px;flex-shrink:0}
.dress-reference .dress-slot .item-icon,.dress-reference .dress-slot img{width:30px;height:30px;padding:0;background:none;border:0}
.dress-slot-text{display:block;min-width:0}.dress-slot-text b{display:block;font-size:11px;color:#bbb;font-weight:400}.dress-slot-text small{display:block;font-size:10px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.dress-reference .dress-slot.selected{border-color:#c58a55}.dress-reference .dress-slot.selected small{color:#e2b481}
.dress-reference .dress-tabs{display:flex;flex-wrap:wrap;gap:0;padding:0 0 9px;margin-bottom:8px;border-color:#514337}
.dress-reference .dress-tabs button{padding:8px 9px;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent;color:#aaa}
.dress-reference .dress-tabs button[aria-selected=true]{color:#eea56b;border-color:#eea56b}
.dress-types{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px;min-height:29px}
.dress-types button{display:flex;align-items:center;justify-content:center;border:1px solid #4b4037;background:#292929;color:#c7a286;min-width:29px;height:29px;border-radius:18px;padding:2px 7px;font-size:17px}
.dress-types button:first-child{font-size:11px}.dress-types button.selected{border-color:#cb8e58;background:#69462f;color:#ffbd87}
.dress-types img{width:21px;height:21px;object-fit:contain}
.dress-colors{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 8px}
.dress-color{display:flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #414141;border-radius:16px;background:#272727;font-size:11px;line-height:17px}
.dress-color i{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.dress-color[aria-pressed=true]{border-color:currentColor;background:#444}
.dress-search-box{display:flex;align-items:center;gap:8px;border:1px solid #4b4036;border-radius:5px;padding:6px 9px;color:#aaa;height:39px}.dress-search-box>span:first-child{font-size:24px}
.dress-search-box input{width:100%;border:0;background:none;padding:0;outline:none;font-size:13px}.dress-search-box .dress-count{padding:0;font-size:11px;white-space:nowrap}
.dress-help{font-size:11px;line-height:1.5;color:#999;margin:7px 0}
.dress-reference .dress-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.dress-reference .dress-item{background:#222;border:1px solid #333;border-radius:4px;padding:6px;gap:7px;min-height:49px;width:100%;overflow:hidden}
.dress-reference .dress-item>.item-icon{width:34px;height:34px;background:none;padding:0;border:0;border-radius:0;flex-shrink:0}
.dress-reference .dress-item>span{font-size:12px;line-height:1.35;min-width:0}.dress-reference .dress-item small{font-size:10px;color:#aaa;margin-top:2px}
.dress-reference .dress-item:hover{background:#3b3027;border-color:#76553b}.dress-reference .dress-item.selected{background:#463324;border-color:#d69b67}
.dress-items[aria-busy=true]{opacity:.5;pointer-events:none}.dress-empty{grid-column:1/-1;color:#aaa;font-size:13px;padding:25px;text-align:center}
.dress-reference .dress-pages{gap:5px;margin:14px 0 3px}.dress-pages button{padding:3px 10px;min-width:30px;height:30px;background:#292929;color:#aaa;border:1px solid #4b4036;border-radius:4px;font-size:12px}.dress-pages button[aria-current=page]{background:#d89560;color:#222;border-color:#d89560}
#dress-message{font-size:12px;color:#e6b581;margin:9px 0 0;overflow-wrap:anywhere}#dress-message:empty{display:none}
body.light .dress-reference .dress-left,body.light .dress-reference .dress-catalog{background:#f4efe9;color:#333}body.light .dress-reference .dress-item,body.light .dress-reference .dress-slot{background:#fff}body.light .dress-slot-text b{color:#554c42}body.light .dress-reference .dress-search-box input{color:#333}
@media(max-width:850px){.dress-reference .dress-layout{grid-template-columns:1fr}.dress-reference .dress-left .gf-model-viewer{height:430px}.dress-reference{padding:8px}.dress-reference .dress-catalog{order:1}}
@media(max-width:480px){.dress-reference .resource-title{font-size:34px;padding:15px}.dress-reference .dress-actions{gap:4px}.dress-genders button,.dress-reference .resource-small{font-size:10px;padding:7px 6px}.dress-reference .dress-items{grid-template-columns:repeat(2,minmax(0,1fr))}.dress-reference .dress-item{padding:4px;gap:5px}.dress-reference .dress-item>span{font-size:10px}.dress-reference .dress-item>.item-icon{width:28px;height:28px}.dress-reference .dress-tabs button{font-size:12px;padding:7px}.dress-reference .dress-left .gf-model-viewer{height:380px}}

@font-face{font-family:Tangerine;src:url(./fonts/tangerine-700.ttf) format("truetype");font-weight:700;font-display:swap}.dress-reference .resource-title{font-family:Tangerine,cursive;font-size:56px;font-weight:700;font-style:normal;padding:16px}

body:has(.dress-reference) .primary-nav{flex-wrap:nowrap}body:has(.dress-reference) .nav-link>span{display:none}body:has(.dress-reference) .top-search{min-width:200px}
.dress-reference .gf-model-viewer:not(:fullscreen):not(.model-expanded) .model-controls{display:none}.dress-reference .gf-model-viewer:not(:fullscreen):not(.model-expanded) .model-toolbar [data-action=reset],.dress-reference .gf-model-viewer:not(:fullscreen):not(.model-expanded) .model-toolbar [data-action=full]{display:none}
.dress-fullscreen{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:20px!important;border-color:#b88959!important;background:#171a26!important;color:#e3b580!important;font-size:11px;padding:5px 10px!important}
.dress-reference .gf-model-viewer:is(:fullscreen,.model-expanded){height:100vh}.dress-reference .gf-model-viewer:is(:fullscreen,.model-expanded) .dress-fullscreen{display:none}.dress-loading .model-canvas{opacity:.35}.dress-loading:after{content:'กำลังเตรียมตัวละคร…';position:absolute;top:45%;left:0;right:0;text-align:center;color:#eee;font-size:13px;pointer-events:none}

/* Scope reference layout to the dress room without altering other Codex pages. */
.dress-reference .resource-title{font:700 56px/1.1 Tangerine,cursive!important;height:96px;display:flex;align-items:center;justify-content:center;padding:16px}
body:has(.dress-reference) main{max-width:1134px;margin-inline:auto;padding-inline:15px}
body:has(.dress-reference) .menu-top-label{display:none}
body:has(.dress-reference) .menu-top{padding:9px 10px}
body:has(.dress-reference) .menu-symbol{font-size:21px}
body:has(.dress-reference) .primary-nav{gap:10px}
body:has(.dress-reference) .top-search{min-width:160px;flex:1}
.dress-reference .dress-tabs button{font-size:16px;padding:9px 8px}
.dress-reference .dress-tabs{flex-wrap:wrap}
@media(max-width:850px){body:has(.dress-reference) main{padding-inline:10px}.dress-reference .dress-tabs button{font-size:13px}.dress-reference .resource-title{font-size:46px!important}}

/* Dress room catalogue and equipment slots, matched to the reference proportions. */
.dress-reference .dress-left .gf-model-viewer{background:#414141}
.dress-reference .gf-model-viewer:not(:fullscreen):not(.model-expanded) .model-canvas{inset:0}
.dress-reference .dress-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.dress-reference .dress-slot{padding:4px;gap:7px;min-height:44px}
.dress-reference .dress-slot-icon{width:34px;height:34px;border-radius:3px;background:#423229}
.dress-reference .dress-slot-text b{font-size:10px;line-height:1.2}
.dress-reference .dress-slot-text small{font-size:12px;font-style:italic;color:#aaa}
.dress-reference .dress-item>span{font-size:13px}
.dress-reference .quality-1{color:#eee}.dress-reference .quality-2{color:#83e629}.dress-reference .quality-3{color:#20b8f4}.dress-reference .quality-4{color:#ef7c27}.dress-reference .quality-5{color:#f0df00}.dress-reference .quality-6{color:#ea12e9}.dress-reference .quality-7{color:#f51a26}
.dress-reference .dress-item small{color:#aaa;font-size:11px}
.dress-reference .model-toolbar button{background:#222d;border-color:#444;border-radius:6px}
.dress-reference .model-toolbar button[aria-pressed=true]{color:#edaa78;border-color:#9a6a47}
.dress-reference .dress-fullscreen{background:#282828!important;color:#ddd!important}
.dress-reference .dress-pages{position:sticky;bottom:8px;background:#292929f5;padding:8px;border:1px solid #49413a;border-radius:5px;z-index:2}
@media(max-width:420px){.dress-reference .dress-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.dress-reference .dress-item>span{font-size:11px}}

.dress-reference .gf-model-viewer.model-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh!important;border-radius:0;background:#414141}
.dress-reference .model-expanded .model-canvas{inset:0 0 58px}
.dress-reference .model-expanded .model-controls{bottom:14px;justify-content:center;background:#222e;border:1px solid #66503d;border-radius:8px;padding:10px}
.dress-reference .model-expanded .model-controls select{max-width:55%;font-size:14px}
.dress-reference .model-expanded .model-toolbar button{min-width:36px;min-height:36px;font-size:20px}

/* Keep the last completed outfit visible while the next choice loads. */
.dress-loading .model-canvas{opacity:1}

.dress-ready.dress-loading:after{top:auto;bottom:45px;left:10px;right:auto;border-radius:6px;background:#222d;padding:5px 9px;font-size:12px}