:root{--bg:#090c12;--panel:#121823;--panel2:#0d131d;--panel3:#171f2d;--line:#273247;--line2:#34425c;--text:#f3f6ff;--muted:#95a3b8;--accent:#8296df;--accent2:#a7b8ff;--ok:#72d8a4;--shadow:0 18px 55px #0005}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:radial-gradient(circle at 50% -180px,#1b2540 0,#0b1019 34%,var(--bg) 62%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:1540px;margin:auto;padding:30px 28px 50px}
button,input,select{font:inherit}button{cursor:pointer}.site-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:4px 0 24px}.brand h1{font-size:31px;line-height:1.1;margin:0;letter-spacing:-.025em}.brand p{margin:8px 0 0;color:var(--muted);font-size:14px}.tools-link{color:#bdc9ec;text-decoration:none;font-size:12px;padding:8px 11px;border:1px solid #2e3a50;border-radius:10px;background:#101620}.tools-link:hover{border-color:#53658a;color:#fff}
.brand-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.controls{background:linear-gradient(180deg,#141b27,#101722);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.filter-top{display:grid;grid-template-columns:minmax(300px,2.4fr) minmax(150px,.8fr) minmax(170px,.9fr) minmax(180px,1fr) 120px;gap:12px;align-items:end}.field label,.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.075em;color:#98a7bd;display:block;margin:0 0 7px}.field input,.field select,.color-input input,.number input{width:100%;height:44px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:0 12px;outline:none}.field input:focus,.field select:focus,.color-input input:focus,.number input:focus{border-color:#6579ad;box-shadow:0 0 0 3px #52689b24}.search-wrap{position:relative}.search-wrap:before{content:'⌕';position:absolute;left:13px;top:9px;color:#8391a7;font-size:22px;line-height:1}.search-wrap input{padding-left:41px;font-size:15px}.reset-btn{width:auto;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#101722;color:#bdc8da}.reset-btn:hover{border-color:#4c5c79;color:#fff}
.filter-section{border-top:1px solid #263145;margin-top:17px;padding-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}.section-head .section-label{margin:0}.section-help{font-size:11px;color:var(--muted)}.slot-actions{display:flex;align-items:center;gap:10px}.tiny-btn{width:auto;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#0e141e;color:#b9c5d8;font-size:11px}.multi-list{display:grid;gap:10px}.slot-group{display:flex;align-items:flex-start;gap:12px}.slot-group-name{width:62px;flex:0 0 62px;padding-top:8px;color:#7f8da3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.slot-options{display:flex;flex-wrap:wrap;gap:7px}.multi-option{position:relative;cursor:pointer;margin:0}.multi-option input{position:absolute;opacity:0;pointer-events:none}.multi-option span{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #2b374b;border-radius:999px;background:#0d141e;color:#cbd4e4;font-size:12px;transition:.12s}.multi-option span small{font-size:10px;color:#7f8da3}.multi-option:hover span{border-color:#536580;background:#151e2c}.multi-option input:checked+span{border-color:#7187c4;background:#283653;color:#fff;box-shadow:inset 0 0 0 1px #8297db33}.multi-option input:checked+span small{color:#b8c7eb}.multi-empty{padding:8px 0;color:var(--muted);font-size:12px}
.filter-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.filter-details>summary::-webkit-details-marker{display:none}.filter-details>summary:after{content:'▾';flex:0 0 auto;color:var(--accent2);font-size:11px;transition:transform .14s}.filter-details:not([open])>summary:after{transform:rotate(-90deg)}.filter-details>summary .section-label{margin:0}.filter-details>summary .section-help{margin-top:4px}.filter-details-body{padding-top:9px}.filter-details-actions{display:flex;justify-content:flex-end;margin-bottom:9px}.item-filter-section{margin:0;padding:0;border:0}.item-filter-section .quick-filters{margin-top:0}
.multi-option.class-filter-locked{cursor:not-allowed;pointer-events:none}.multi-option.class-filter-locked span{opacity:.28;filter:grayscale(1);border-style:dashed}.multi-option.class-filter-locked input:checked+span{background:var(--surface-2);color:var(--muted);box-shadow:none}
.filter-top{grid-template-columns:minmax(300px,1fr);align-items:start}.quick-filters{display:grid;grid-template-columns:auto minmax(280px,.8fr) minmax(360px,1.4fr) auto;gap:14px;margin-top:14px;align-items:start}.choice-field{min-width:0}.choice-field .section-label{margin-bottom:7px}.choice-options{display:flex;flex-wrap:wrap;gap:6px}.choice-options.scrollable{max-height:76px;overflow:auto;padding-right:4px;scrollbar-width:thin}.choice-field.is-disabled{opacity:.4}.choice-field.is-disabled .multi-option{pointer-events:none}.page-options{flex-wrap:nowrap}.compact-option span{min-height:31px;padding:5px 9px;font-size:11px}.compact-option span small{font-size:9px}.similar-banner[hidden]{display:none}
.color-section{display:grid;grid-template-columns:minmax(290px,1.45fr) minmax(190px,.85fr) minmax(205px,.85fr) minmax(230px,1fr);gap:12px;align-items:end}.color-input{display:grid;grid-template-columns:48px 1fr 40px;gap:7px}.color-input input[type=color]{padding:3px;width:48px}.clear-color{height:44px;border:1px solid var(--line);background:#0d131d;color:#c7d2e4;border-radius:10px;font-size:20px}.clear-color:disabled{opacity:.34;cursor:default}.mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode button{height:44px;border:1px solid var(--line);border-radius:10px;background:#0d131d;color:#aebbd0}.mode button.active{background:#2a3856;border-color:#647ab4;color:#fff}.number{display:grid;grid-template-columns:38px 1fr 38px;gap:5px}.number button{height:44px;border:1px solid var(--line);border-radius:10px;background:#0d131d;color:#c8d2e1;font-size:18px}.hint{font-size:10px;color:#758399;margin-top:4px}.controls.color-off .color-dependent{opacity:.48}.controls.color-off .color-dependent button,.controls.color-off .color-dependent input{pointer-events:none}.color-input.inactive input{opacity:.56}
.color-section{align-items:start}.color-input{position:relative;grid-template-columns:minmax(205px,1fr) minmax(130px,.55fr) 40px;align-items:stretch}.color-picker-trigger{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:44px;min-width:0;margin:0;padding:5px 11px 5px 7px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left;vertical-align:top;transition:border-color .14s,box-shadow .14s,background .14s}.color-picker-trigger:hover{border-color:var(--line2);background:color-mix(in srgb,var(--surface-2) 84%,var(--selected))}.color-picker-trigger:has(input:focus-visible){outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.18)}.color-picker-trigger.disabled{cursor:default;opacity:.56}.color-picker-trigger input[type=color]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:.001;cursor:pointer}.color-picker-trigger input[type=color]:disabled{cursor:default}.color-picker-preview{display:block;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #ffffff55;border-radius:9px;background:linear-gradient(135deg,#2b3345 0 45%,#39445b 45% 55%,#242b3a 55%);box-shadow:inset 0 0 0 1px #0005,0 3px 9px #0007}.color-picker-preview.color-preview-empty{border-style:dashed;opacity:.74}.color-picker-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.color-picker-label{overflow:hidden;color:var(--text);font-size:12px;font-weight:750;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.color-picker-meta{overflow:hidden;color:var(--muted);font-size:9px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.color-picker-arrow{color:var(--accent2);font-size:14px}.color-hex-input{height:44px!important;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;text-transform:uppercase}.color-hex-input::placeholder{font-family:inherit;text-transform:none}.color-add-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px}.color-add-action{height:34px;border:1px solid var(--line2);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:10px;font-weight:780}.color-add-action:hover:not(:disabled){border-color:var(--accent);background:var(--selected)}.color-add-action.accent{border-style:dashed}.color-add-action:disabled{opacity:.38;cursor:default}
.results-bar{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 2px;color:var(--muted);font-size:13px}.results-bar strong{color:#dce4f4;font-weight:650}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px}.card{display:flex;flex-direction:column;background:linear-gradient(180deg,#151c28,#111722);border:1px solid #263146;border-radius:17px;overflow:hidden;cursor:pointer;box-shadow:0 6px 22px #0002;transition:transform .14s,border-color .14s,box-shadow .14s}.card:hover{transform:translateY(-3px);border-color:#516486;box-shadow:0 12px 34px #0005}.img{height:255px;background:radial-gradient(circle at 50% 42%,#222b3a,#0d121a 72%);position:relative;overflow:hidden}.img img{width:100%;height:100%;object-fit:contain;padding:5px;transition:transform .18s}.card:hover .img img{transform:scale(1.025)}.badge{position:absolute;top:10px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;backdrop-filter:blur(5px)}.kind{left:10px;background:#0a0e15cc;border:1px solid #ffffff17;color:#d8e1f0}.score{right:10px;background:#263857e8;border:1px solid #7990c653;color:#dfe8ff}.info{display:flex;flex:1;flex-direction:column;padding:13px 14px 14px}.name{font-size:15px;font-weight:780;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{color:#9cabc0;font-size:11px;margin:5px 0 0}.alias{color:#77869d;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}.swatches{display:flex;align-items:center;gap:5px;min-width:0}.sw{display:inline-block;width:19px;height:19px;border-radius:50%;border:1px solid #ffffff30;cursor:pointer;box-shadow:0 1px 2px #0008}.view-link{font-size:10px;color:#aebde6;white-space:nowrap}.mask-link{font-size:10px;color:#91a3c8;text-decoration:none;white-space:nowrap;padding:4px 7px;border:1px solid #33425b;border-radius:7px;background:#0d141e}.mask-link:hover{color:#fff;border-color:#63779e;background:#172133}.empty{grid-column:1/-1;padding:56px 22px;text-align:center;color:#8e9bb0;border:1px dashed #344057;border-radius:16px;background:#10151d80}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin:28px 0}.pager button{width:auto;min-width:40px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#111823;color:#cbd5e7}.pager button.active{background:#344567;border-color:#637ab3;color:#fff}.pager button:disabled{opacity:.35}.pager span{color:#6f7c91}
.modal{display:none;position:fixed;inset:0;z-index:20;background:#05070be8;padding:28px;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.modal.open{display:flex}.modal-inner{width:min(1180px,96vw);height:min(780px,92vh);background:#111722;border:1px solid #39445a;border-radius:20px;box-shadow:0 25px 80px #000b;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);overflow:hidden;position:relative}.modal-close{position:absolute;right:13px;top:13px;z-index:5;width:40px;height:40px;padding:0;border:1px solid #ffffff1c;border-radius:50%;font-size:23px;background:#080b10e8;color:#fff}.viewer-panel{min-width:0;position:relative;background:radial-gradient(circle at 50% 42%,#283346,#0c1018 72%);overflow:hidden}.model3d{width:100%;height:100%}.model3d canvas{max-width:100%}.model-fallback{width:100%;height:100%;object-fit:contain;padding:30px}.model-status{position:absolute;left:14px;top:14px;max-width:70%;background:#000b;border:1px solid #ffffff1a;border-radius:9px;padding:8px 10px;font-size:11px;color:#c9d3e5;pointer-events:none}.model-status.ok{color:var(--ok)}.model-status.bad{color:#ffc1c8}.viewer-hint{position:absolute;left:14px;bottom:14px;background:#000b;border-radius:9px;padding:7px 10px;color:#bbc5d7;font-size:11px;pointer-events:none}.details{padding:26px;overflow:auto;border-left:1px solid var(--line)}.details h2{margin:4px 42px 6px 0;font-size:27px;line-height:1.15}.detail-sub{color:var(--muted);font-size:12px;margin-bottom:20px}.detail-row{padding:12px 0;border-top:1px solid #293245}.detail-row b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.detail-row span,.detail-row div{font-size:13px;line-height:1.45}.modal-swatches{display:flex;gap:7px;flex-wrap:wrap}.modal-swatches .sw{width:28px;height:28px;margin:0}.source-note{color:#b5c0d3}.item-list{display:grid;gap:5px}.item-list code{font-size:11px;color:#aebddd}.tech{margin-top:12px;border-top:1px solid #293245;padding-top:10px;color:#8593a8;font-size:11px}.tech summary{cursor:pointer;color:#98a6bb}.tech div{padding-top:7px}.modal-debug-link{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;padding:7px 10px;border:1px solid #3a4a66;border-radius:8px;background:#0d141e;color:#bdcbed;text-decoration:none;font-size:11px}.modal-debug-link:hover{border-color:#7187b4;color:#fff}
.similar-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 13px;border:1px solid #536b9a;border-radius:12px;background:linear-gradient(90deg,#263754,#1b2941);color:#dce6ff;font-size:12px}.similar-banner strong{color:#fff}.similar-banner button{width:auto;height:30px;padding:0 10px;border:1px solid #7187b4;border-radius:9px;background:#101a2a;color:#dce6ff}.similar-banner button:hover{background:#1b2941}.similar-btn{width:100%;height:44px;margin:0 0 18px;border:1px solid #7187c4;border-radius:11px;background:linear-gradient(180deg,#344b76,#293b60);color:#fff;font-weight:750;letter-spacing:.01em}.similar-btn:hover{border-color:#91a8e4;background:linear-gradient(180deg,#3e5887,#30466f)}.similar-btn small{display:block;font-size:10px;font-weight:500;color:#c6d3f3;margin-top:2px}.controls.similar-on .mode{opacity:.42}.controls.similar-on .color-input{opacity:.58}

.controls-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding-bottom:15px;border-bottom:1px solid #263145}.controls-toolbar-copy{font-size:12px;color:#8594aa}.transmog-launch{display:flex;align-items:center;gap:9px;width:auto;height:40px;padding:0 14px;border:1px solid #7187c4;border-radius:11px;background:linear-gradient(180deg,#30466f,#253858);color:#fff;font-weight:750;box-shadow:0 5px 18px #0003}.transmog-launch:hover{border-color:#9aade2;background:linear-gradient(180deg,#3a527e,#2d4369)}.transmog-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#0e1625;border:1px solid #8fa3da66;color:#dfe7ff;font-size:11px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.add-transmog-btn{height:31px;width:auto;padding:0 10px;border:1px solid #405273;border-radius:9px;background:#172237;color:#cdd9f3;font-size:10px;font-weight:750;white-space:nowrap}.add-transmog-btn:hover:not(:disabled){border-color:#7890c7;background:#253653;color:#fff}.add-transmog-btn.added{border-color:#43745e;background:#153126;color:#9ce4be}.add-transmog-btn.replace{border-color:#6d628d;background:#29243b;color:#d7ccef}.add-transmog-btn:disabled{cursor:default;opacity:.72}.add-transmog-btn.incompatible{border-color:#62404a;background:#29191e;color:#d5a3ad}.transmog-modal{z-index:30}.transmog-inner{width:min(1320px,96vw);height:min(820px,92vh);background:#111722;border:1px solid #3c4963;border-radius:21px;box-shadow:0 28px 90px #000c;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.9fr);overflow:hidden;position:relative}.transmog-viewer{min-width:0;position:relative;background:radial-gradient(circle at 50% 40%,#2a354a,#0b1018 72%);overflow:hidden}.transmog-model{width:100%;height:100%}.transmog-builder{padding:24px;overflow:auto;border-left:1px solid var(--line);background:linear-gradient(180deg,#131a27,#0f151f)}.transmog-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 42px 16px 0}.transmog-builder h2{margin:0;font-size:26px}.transmog-builder-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.clear-outfit{width:auto;height:34px;padding:0 10px;border:1px solid #4b5366;border-radius:9px;background:#121823;color:#b8c3d6;font-size:11px;white-space:nowrap}.clear-outfit:hover{border-color:#6b758d;color:#fff}.outfit-summary{display:flex;align-items:center;gap:8px;min-height:31px;margin-bottom:11px;color:#99a8bd;font-size:11px}.outfit-class{padding:5px 8px;border:1px solid #3b4a64;border-radius:999px;background:#172133;color:#c8d6f1}.outfit-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.outfit-item{display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:8px;min-width:0;padding:6px;border:1px solid #29354a;border-radius:11px;background:#0d141e}.outfit-item img{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#080c12}.outfit-item-name{font-size:11px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outfit-item-slot{font-size:9px;color:#7f8da3;margin-top:3px}.remove-outfit{width:27px;height:27px;padding:0;border:1px solid #38445a;border-radius:8px;background:#111824;color:#aebbd0}.remove-outfit:hover{border-color:#79525c;color:#ffc0ca}.outfit-empty{grid-column:1/-1;padding:16px;border:1px dashed #354158;border-radius:11px;color:#7e8da4;font-size:11px;text-align:center}.transmog-search-section{border-top:1px solid #293245;padding-top:17px}.transmog-search-section label{display:block;margin-bottom:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#98a7bd}.transmog-search-wrap{position:relative}.transmog-search-wrap:before{content:'⌕';position:absolute;left:12px;top:7px;font-size:20px;color:#7f8da3}.transmog-search-wrap input{width:100%;height:41px;padding:0 12px 0 38px;border:1px solid #344158;border-radius:10px;background:#0c121b;color:#eef3ff;outline:none}.transmog-search-wrap input:focus{border-color:#647bb5;box-shadow:0 0 0 3px #52689b24}.transmog-results{display:grid;gap:7px;margin-top:10px}.transmog-search-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px;border:1px solid #29354a;border-radius:11px;background:#0d141e}.transmog-search-item img{width:54px;height:54px;object-fit:contain;border-radius:8px;background:#090d14}.transmog-search-name{font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transmog-search-meta{margin-top:3px;color:#8291a8;font-size:9px}.transmog-search-item .add-transmog-btn{height:30px;padding:0 8px}.transmog-search-message{padding:19px 8px;text-align:center;color:#7e8da4;font-size:11px}.transmog-model-status{position:absolute;left:14px;top:14px;max-width:72%;background:#000b;border:1px solid #ffffff1a;border-radius:9px;padding:8px 10px;font-size:11px;color:#c9d3e5;pointer-events:none}.transmog-model-status.ok{color:var(--ok)}.transmog-model-status.bad{color:#ffc1c8}.toast{position:fixed;right:22px;bottom:22px;z-index:60;max-width:min(390px,calc(100vw - 44px));padding:11px 14px;border:1px solid #4d6084;border-radius:11px;background:#111b2bed;color:#e7edfb;box-shadow:0 12px 36px #0008;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.16s}.toast.show{opacity:1;transform:none}.toast.bad{border-color:#76505b;background:#2b171ded;color:#ffd4db}
@media(max-width:1180px){.quick-filters{grid-template-columns:1fr 1fr}.color-section{grid-template-columns:1.3fr 1fr 1fr}.color-section .coverage-field{grid-column:span 1}}@media(max-width:820px){.wrap{padding:20px 14px 40px}.site-header{align-items:center}.brand h1{font-size:25px}.brand p{font-size:12px}.quick-filters{grid-template-columns:1fr}.color-section{grid-template-columns:1fr 1fr}.slot-group{display:block}.slot-group-name{width:auto;padding:3px 0 7px}.modal{padding:9px}.modal-inner{height:96vh;grid-template-columns:1fr;grid-template-rows:minmax(390px,1fr) auto}.details{border-left:0;border-top:1px solid var(--line);max-height:44vh}}@media(max-width:560px){.filter-top,.color-section{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.img{height:185px}.info{padding:10px}.name{font-size:13px}.view-link{display:none}.site-header{align-items:flex-start}.tools-link{font-size:0}.tools-link:after{content:'Tools';font-size:11px}}
@media(max-width:900px){.transmog-inner{grid-template-columns:1fr;height:min(900px,95vh)}.transmog-viewer{min-height:430px}.transmog-builder{border-left:0;border-top:1px solid var(--line)}.outfit-list{grid-template-columns:1fr}}@media(max-width:620px){.controls-toolbar{align-items:flex-start}.controls-toolbar-copy{display:none}.transmog-launch{width:100%;justify-content:center}.transmog-viewer{min-height:360px}}
.palette-groups{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.palette-group{display:flex;align-items:center;gap:3px;min-height:27px;padding:3px 5px;border:1px solid #34425a;border-radius:8px;background:#0b111a}.palette-group.accent{border-style:dashed;border-color:#675f84;background:#171426}.palette-label{margin-right:2px;color:#8493aa;font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.palette-group.accent .palette-label{color:#b1a6cf}.palette-group .sw{width:17px;height:17px}.modal-swatches .palette-group{gap:6px;padding:6px 8px}.modal-swatches .palette-label{font-size:8px}.modal-swatches .palette-group .sw{width:28px;height:28px}.similar-banner-actions{display:flex;align-items:center;gap:6px}.similar-banner button.active{background:#40547b;border-color:#9fb2e7;color:#fff}.similar-reference{display:inline!important;width:auto!important;height:auto!important;padding:1px 3px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#fff!important;text-decoration:underline;text-decoration-color:#b7c7ed88;text-underline-offset:3px;font-weight:700}.similar-reference:hover{background:#ffffff12!important;text-decoration-color:#fff}.similar-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.similar-choices .similar-btn{width:auto;min-height:54px;height:auto;margin:0;padding:7px 9px;border-color:#596a8d;background:#182338;color:#e6ecfb}.similar-choices .similar-btn.precise{border-color:#7187c4;background:linear-gradient(180deg,#344b76,#293b60)}.similar-choices .similar-btn small{font-size:9px;line-height:1.25}.modal-add-transmog{width:100%;height:38px;margin:0 0 18px;font-size:11px}.modal-add-transmog.replace,.modal-add-transmog.added,.modal-add-transmog.incompatible{width:100%}.card-source-stack{display:grid;gap:4px;margin-top:5px}.card-source{color:#aebbd0;font-size:10px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal}.card-source::before{content:'SOURCE  ';color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.06em}.card-source-alt{display:flex;align-items:flex-start;gap:5px;min-width:0;color:#8290a5;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.card-source-alt-badge{flex:0 0 auto;margin-top:1px;padding:1px 4px;border:1px solid #7d6a405c;border-radius:999px;background:#191711;color:#cbb274;font-size:7px;font-weight:850;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}.card-source-more{flex:0 0 auto;color:#ae9d77;font-size:8px;white-space:nowrap}@media(max-width:700px){.similar-banner{align-items:flex-start;flex-direction:column}.similar-banner-actions{width:100%;flex-wrap:wrap}}
.outfit-item,.transmog-search-item{cursor:pointer}.outfit-item:hover,.transmog-search-item:hover{border-color:#526886;background:#131d2b}
.modal-report-data{width:auto;min-height:34px;margin-top:10px;padding:6px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700}.modal-report-data:hover{border-color:var(--accent2);color:var(--text)}
.transmog-inner{width:min(1780px,98vw);height:min(900px,94vh);grid-template-columns:minmax(720px,1.55fr) minmax(330px,.68fr) minmax(350px,.75fr)}
.transmog-viewer{border-right:1px solid var(--line)}.paperdoll-grid{position:absolute;inset:0;display:grid;grid-template-columns:190px minmax(340px,1fr) 190px}.transmog-model-stage{position:relative;min-width:0;height:100%;min-height:0;overflow:hidden}.transmog-model{position:absolute;inset:0;width:100%;height:100%!important;transform:none}.paperdoll-column{position:relative;z-index:2;display:grid;gap:7px;padding:16px 10px;background:linear-gradient(90deg,#0a0f17d9,#0a0f1785 72%,transparent)}.paperdoll-left{grid-template-rows:repeat(7,minmax(58px,1fr))}.paperdoll-right{grid-template-rows:repeat(6,minmax(58px,1fr));background:linear-gradient(270deg,#0a0f17d9,#0a0f1785 72%,transparent)}
.paperdoll-slot{position:relative;display:grid;align-items:center;gap:8px;min-height:58px;padding:5px;border:1px solid #344158;border-radius:11px;background:#0c131ee6;box-shadow:0 5px 16px #0003;overflow:hidden;cursor:pointer}.paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 48px;text-align:right}.paperdoll-slot.side-right{grid-template-columns:48px minmax(0,1fr);text-align:left}.paperdoll-slot.filled{border-color:#485977;background:#111b2ae8}.paperdoll-slot:hover{border-color:#7187b4;background:#18253a}.paperdoll-slot.active{border-color:#9db1ef;background:#233454;box-shadow:0 0 0 2px #7c93d83b,0 7px 20px #0005}.paperdoll-slot.active .paperdoll-copy b{color:#dce6ff}.paperdoll-icon{display:grid;place-items:center;width:48px;height:48px;border:1px dashed #42506a;border-radius:9px;background:#080d14;color:#65738a;font-size:17px;overflow:hidden}.paperdoll-slot.filled .paperdoll-icon{border-style:solid;border-color:#526482}.paperdoll-icon img{width:100%;height:100%;object-fit:contain}.paperdoll-copy{min-width:0}.paperdoll-copy b{display:block;color:#aebbd0;font-size:9px;text-transform:uppercase;letter-spacing:.075em}.paperdoll-copy span{display:block;margin-top:3px;color:#eef3ff;font-size:10px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paperdoll-slot.empty .paperdoll-copy span{color:#69778d;font-weight:500}.paperdoll-slot .remove-outfit,.paperdoll-slot .paperdoll-view{position:absolute;z-index:3;width:19px;height:19px;padding:0;border:1px solid #38445a;border-radius:6px;background:#111824;color:#aebbd0;font-size:11px;opacity:0}.paperdoll-slot .remove-outfit{top:3px}.paperdoll-slot .paperdoll-view{bottom:3px}.paperdoll-slot.side-left .remove-outfit,.paperdoll-slot.side-left .paperdoll-view{left:3px}.paperdoll-slot.side-right .remove-outfit,.paperdoll-slot.side-right .paperdoll-view{right:3px}.paperdoll-slot:hover .remove-outfit,.paperdoll-slot:hover .paperdoll-view{opacity:1}.paperdoll-slot.blocked{opacity:.6}.paperdoll-slot.blocked .paperdoll-icon{border-color:#694651;color:#c8919d}.paperdoll-slot.blocked .paperdoll-copy span{color:#b2858f}
.transmog-model-status{left:50%;top:7px;max-width:88%;padding:4px 7px;transform:translateX(-50%);font-size:9px;opacity:.68;white-space:nowrap}.transmog-model-status.ok{opacity:.4}.transmog-model-stage .viewer-hint{left:50%;bottom:7px;padding:4px 7px;transform:translateX(-50%);font-size:9px;opacity:0;transition:opacity .15s;white-space:nowrap}.transmog-model-stage:hover .viewer-hint{opacity:.62}
.transmog-builder{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-left:0}.transmog-builder-head{flex:0 0 auto}.outfit-summary{flex:0 0 auto}.transmog-search-section{display:flex;min-height:0;flex:1;flex-direction:column}.transmog-results{min-height:0;overflow:auto;padding-right:3px}.transmog-search-item{grid-template-columns:46px minmax(0,1fr);position:relative;padding-right:7px}.transmog-search-item img{width:46px;height:46px}.transmog-search-item .add-transmog-btn{grid-column:1/-1;width:100%}
.transmog-recommended{min-width:0;padding:24px 18px;overflow:hidden;border-left:1px solid var(--line);background:linear-gradient(180deg,#111927,#0c121c);display:flex;flex-direction:column}.recommended-head{flex:0 0 auto;margin:1px 42px 15px 0}.recommended-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.recommended-head h3{margin:0;font-size:19px}.recommended-head p{margin:6px 0 0;color:#8796ad;font-size:10px;line-height:1.4}.same-set-toggle{position:relative;cursor:pointer;flex:0 0 auto}.same-set-toggle input{position:absolute;opacity:0;pointer-events:none}.same-set-toggle span{display:flex;align-items:center;gap:6px;min-height:27px;padding:4px 8px;border:1px solid #3b4960;border-radius:999px;background:#0c131e;color:#7f8da3;font-size:9px;font-weight:750}.same-set-toggle span:before{content:'';width:8px;height:8px;border-radius:50%;background:#566177}.same-set-toggle input:checked+span{border-color:#6f82b5;background:#263653;color:#e1e9ff}.same-set-toggle input:checked+span:before{background:#91a7e5;box-shadow:0 0 8px #91a7e599}.recommendation-list{display:grid;gap:7px;min-height:0;overflow:auto;padding-right:3px;flex:1 1 auto}.recommendation-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px;border:1px solid #2c394e;border-radius:11px;background:#0d141e;cursor:pointer}.recommendation-item:hover{border-color:#526886;background:#131d2b}.recommendation-item img{width:54px;height:54px;object-fit:contain;border-radius:8px;background:#090d14}.recommendation-slot{color:#9cadc5;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.recommendation-name{margin-top:3px;color:#edf2fc;font-size:11px;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation-score{margin-top:3px;color:#7182a0;font-size:9px}.recommendation-item .add-transmog-btn{width:32px;padding:0;font-size:16px}.recommendation-pager{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;padding-top:12px}.recommendation-pager[hidden]{display:none}.recommendation-pager button{width:29px;height:29px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:10px}.recommendation-pager button:hover:not(:disabled){border-color:var(--line2);color:var(--text)}.recommendation-pager button.active{border-color:var(--accent2);background:var(--selected);color:var(--text)}.recommendation-pager button:disabled{opacity:.35;cursor:default}
.recommendation-weighting{margin-top:10px;padding-top:9px;border-top:1px solid #263247}.recommendation-weighting-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#91a0b7;font-size:9px}.recommendation-weighting-head b{color:#b8c4d8;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.recommendation-anchor-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.recommendation-anchor{width:auto;min-height:25px;padding:4px 8px;border:1px solid #344158;border-radius:999px;background:#0c131e;color:#8796ad;font-size:9px}.recommendation-anchor:hover{border-color:#64789e;color:#e8eefb}.recommendation-anchor.active{border-color:#8196cf;background:#2a3a5a;color:#fff;box-shadow:inset 0 0 0 1px #a8b8e72b}.recommendation-anchor-empty{color:#66758c;font-size:9px}
.recommendation-strictness{margin-top:10px;padding-top:10px;border-top:1px solid #263247}.recommendation-weighting[hidden],.recommendation-strictness[hidden]{display:none}.recommendation-mode-hint{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.35}
@media(max-width:1450px){.transmog-inner{grid-template-columns:minmax(610px,1.35fr) minmax(300px,.7fr) minmax(310px,.72fr)}.paperdoll-grid{grid-template-columns:155px minmax(300px,1fr) 155px}.paperdoll-copy span{font-size:9px}.paperdoll-column{padding-left:7px;padding-right:7px}}
@media(max-width:1100px){.transmog-inner{height:96vh;grid-template-columns:minmax(580px,1fr) 330px;grid-template-rows:minmax(480px,1fr) 310px}.transmog-viewer{grid-column:1;grid-row:1}.transmog-builder{grid-column:2;grid-row:1}.transmog-recommended{grid-column:1/-1;grid-row:2}.recommendation-list{grid-template-columns:repeat(3,minmax(0,1fr))}.recommendation-item{grid-template-columns:46px minmax(0,1fr) auto}.recommendation-item img{width:46px;height:46px}}

/* Azeroth-inspired visual pass and compact workflow layout. */
:root{--bg:#080705;--panel:#15130f;--panel2:#0e1014;--panel3:#201b13;--line:#594726;--line2:#7b6130;--text:#f4ecd8;--muted:#aa9d83;--accent:#d6aa45;--accent2:#ffe29a;--ok:#79cf99;--shadow:0 18px 58px #0009;--royal:#27466f;--royal2:#355f91;--ember:#8c3c2d}
body{background:radial-gradient(circle at 50% -160px,#273b5d 0,#111824 26%,#100d09 52%,#070605 78%);color:var(--text)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.28;background:linear-gradient(115deg,transparent 0 46%,#d9af4b0a 50%,transparent 54%),radial-gradient(circle at 15% 18%,#8c3c2d20,transparent 24%),radial-gradient(circle at 86% 22%,#315b9224,transparent 28%)}
.brand h1,.transmog-builder h2,.recommended-head h3,.details h2{font-family:Georgia,"Times New Roman",serif;color:#f2d47f;text-shadow:0 2px 12px #000,0 0 18px #c6953426;letter-spacing:.01em}.brand p{color:#b9aa8e}.tools-link{border-color:#6d5428;background:#17130d;color:#e2c36f}.tools-link:hover{border-color:#c49b43;background:#241d11}.controls{border-color:#735a2d;background:linear-gradient(180deg,#1b1a18,#111317 58%,#100d09);box-shadow:inset 0 1px #f4cd7040,0 20px 60px #0009}.controls:after{content:'';display:block;height:1px;margin-top:15px;background:linear-gradient(90deg,transparent,#bd913e88,transparent)}
.section-label,.field label{color:#d5ba73}.filter-section,.controls-toolbar{border-color:#604b28}.multi-option span{border-color:#514329;background:#121319;color:#d8ceb9}.multi-option:hover span{border-color:#aa8741;background:#201b12}.multi-option input:checked+span{border-color:#d0a84e;background:linear-gradient(180deg,#355b89,#243f64);box-shadow:inset 0 0 0 1px #ffe39a33,0 0 12px #c9993724}.multi-option input:checked+span small{color:#f3d989}.reset-btn,.tiny-btn,.clear-outfit,.quick-clear-transmog{border-color:#715a32;background:#17140f;color:#d8c8a4}.reset-btn:hover,.tiny-btn:hover,.clear-outfit:hover,.quick-clear-transmog:hover:not(:disabled){border-color:#c39b48;color:#ffe9ad;background:#241d12}.card{border-color:#4d4029;background:linear-gradient(180deg,#1c1a17,#111318)}.card:hover{border-color:#bf9849;box-shadow:0 13px 36px #0009,0 0 20px #c8963820}.img{background:radial-gradient(circle at 50% 42%,#29364a,#0d1015 72%)}.score{background:#284a72e8;border-color:#d2ad5b66}.kind{border-color:#d2ad5b38}.pager button.active,.mode button.active{background:linear-gradient(180deg,#3d6492,#29486e);border-color:#d0a64c}.similar-banner{border-color:#bd9446;background:linear-gradient(90deg,#3b2a18,#243c5e 55%,#18263d)}
.controls-toolbar{position:relative;justify-content:center;min-height:58px}.controls-toolbar-copy{position:absolute;left:0;max-width:34%;color:#9f927a}.transmog-toolbar-actions{display:flex;align-items:center;gap:8px}.transmog-launch{height:46px;padding:0 19px;border-color:#d2a74d;background:linear-gradient(180deg,#3c608e,#253f63);box-shadow:inset 0 1px #fff2,0 8px 24px #0007,0 0 16px #c89a3524;color:#fff3cf}.transmog-launch:hover{border-color:#ffe09a;background:linear-gradient(180deg,#4b73a3,#31547f)}.transmog-count{border-color:#d7ac5266;background:#15120d;color:#f7da91}.quick-clear-transmog{width:42px;height:42px;padding:0;border-radius:11px;font-size:18px}.quick-clear-transmog:disabled{opacity:.35;cursor:default}
.filter-top{grid-template-columns:minmax(320px,760px);justify-content:center}.search-field{width:100%}.search-wrap input{border-color:#68552f;background:#0d1015}.search-wrap input:focus{border-color:#d0a64c;box-shadow:0 0 0 3px #c89a3524}.quick-filters{grid-template-columns:minmax(165px,.55fr) minmax(410px,1.25fr) minmax(590px,1.8fr) auto;align-items:start}.choice-options.scrollable{max-height:none;overflow:visible;padding-right:0}.compact-option span{padding:5px 8px}
.range-control{display:grid;grid-template-columns:minmax(120px,1fr) 48px;align-items:center;gap:10px;min-height:44px}.range-control input[type=range]{width:100%;height:7px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,#294d78,#c99b3f);accent-color:#e0b95f;cursor:pointer}.range-control output{display:grid;place-items:center;height:34px;border:1px solid #745d33;border-radius:9px;background:#111216;color:#f4d780;font-weight:800;font-variant-numeric:tabular-nums}.range-control input:disabled{opacity:.4;cursor:default}.range-control input:disabled+output{opacity:.5}
.transmog-inner{width:min(1900px,98vw);height:min(980px,95vh);grid-template-columns:minmax(310px,.62fr) minmax(760px,1.7fr) minmax(370px,.72fr);grid-template-areas:"search viewer recommended";border-color:#80642f;background:#11100d;box-shadow:inset 0 1px #f1c75c33,0 30px 100px #000e}.transmog-builder{grid-area:search;padding:22px 18px;border-right:1px solid #604b28;background:linear-gradient(180deg,#191711,#101216)}.transmog-viewer{grid-area:viewer;border-right:1px solid #604b28;background:radial-gradient(circle at 50% 42%,#314561,#151c28 42%,#090b0f 78%)}.transmog-recommended{grid-area:recommended;padding:22px 18px;border-left:0;background:linear-gradient(180deg,#181711,#0e1116)}
.paperdoll-grid{grid-template-columns:220px minmax(360px,1fr) 220px}.paperdoll-column{align-content:center;gap:9px;padding:18px 12px;background:linear-gradient(90deg,#090b0fe8,#0d1118aa 78%,transparent)}.paperdoll-right{background:linear-gradient(270deg,#090b0fe8,#0d1118aa 78%,transparent)}.paperdoll-left{grid-template-rows:repeat(7,minmax(86px,auto))}.paperdoll-right{grid-template-rows:repeat(6,minmax(86px,auto))}.paperdoll-slot{min-height:86px;padding:8px;border-color:#604d2c;background:#10141ce8;box-shadow:inset 0 1px #ffffff0d,0 6px 18px #0006;overflow:visible}.paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 66px}.paperdoll-slot.side-right{grid-template-columns:66px minmax(0,1fr)}.paperdoll-slot.filled{border-color:#9b7b3d;background:#172132ee}.paperdoll-slot:hover{border-color:#d2aa55;background:#1c2c44}.paperdoll-slot.active{border-color:#f0c867;background:#294d78;box-shadow:0 0 0 2px #e3b9563b,0 8px 24px #0008}.paperdoll-icon{width:66px;height:66px;border-color:#715b35;background:#080a0e}.paperdoll-slot.filled .paperdoll-icon{border-color:#c09a4c}.paperdoll-copy b{color:#d6ba72;font-size:9px}.paperdoll-copy span{margin-top:4px;color:#fff8e8;font-size:11px;line-height:1.25;font-weight:760;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.paperdoll-copy small{display:block;margin-top:5px;color:#94a8c4;font-size:9px;line-height:1.2}.paperdoll-slot .remove-outfit,.paperdoll-slot .paperdoll-view{border-color:#7b6339;background:#17140f}.transmog-model-stage{display:flex;align-items:center;justify-content:center}.transmog-model{inset:0}.transmog-model-status{color:#dbc27f}.transmog-builder-head{margin-right:34px}.outfit-summary{border-bottom:1px solid #4f4027;padding-bottom:11px}.transmog-search-section{border-color:#4f4027}.transmog-search-wrap{max-width:280px}.transmog-search-wrap input{border-color:#6a5633;background:#0b0e13}.transmog-search-wrap input:focus{border-color:#d0a64c;box-shadow:0 0 0 3px #c89a3524}.transmog-results{gap:9px}.transmog-search-item{grid-template-columns:76px minmax(0,1fr);padding:8px;border-color:#4f422c;background:#11141a}.transmog-search-item img{width:76px;height:76px}.transmog-search-name{font-size:12px;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.transmog-search-meta{font-size:10px;color:#a89a80}.transmog-search-item .add-transmog-btn{grid-column:1/-1}.recommended-head{margin-right:38px}.recommendation-list{gap:9px}.recommendation-item{grid-template-columns:78px minmax(0,1fr) 34px;padding:8px;border-color:#55462c;background:#11141a}.recommendation-item img{width:78px;height:78px}.recommendation-name{font-size:12px;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.recommendation-slot{color:#d1b56d}.recommendation-score{color:#9aa8bc}.recommendation-filter-panel{margin-top:10px;padding-top:10px;border-top:1px solid #514126}.recommendation-filter-panel[hidden]{display:none}.recommendation-filter-label{margin:7px 0 5px;color:#b7a77f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.recommendation-filter-options{display:flex;flex-wrap:wrap;gap:5px}.recommendation-filter{width:auto;min-height:26px;padding:4px 8px;border:1px solid #594a31;border-radius:999px;background:#101319;color:#a99c83;font-size:9px}.recommendation-filter:hover{border-color:#b38e46;color:#f1ddb0}.recommendation-filter.active{border-color:#e0b85c;background:#294b74;color:#fff4d3}.same-set-toggle input:checked+span,.recommendation-anchor.active{border-color:#d2a84e;background:#294b74}.add-transmog-btn{border-color:#6f5932;background:#182337;color:#e7d7b5}.add-transmog-btn:hover:not(:disabled){border-color:#d2a74d;background:#29466c}.add-transmog-btn.added{border-color:#4d896a}.add-transmog-btn.replace{border-color:#a27646;background:#392b20;color:#f0ce92}
.transmog-inner{grid-template-columns:minmax(390px,.76fr) minmax(760px,1.6fr) minmax(430px,.84fr)}
.paperdoll-meta{display:flex;align-items:center;gap:6px;margin-top:5px}.paperdoll-slot.side-left .paperdoll-meta{justify-content:flex-end}.paperdoll-copy small{margin:0}.paperdoll-slot .paperdoll-view{position:static;display:inline-flex;align-items:center;justify-content:center;width:auto;height:21px;padding:0 7px;border:1px solid #846b3d;border-radius:6px;background:#17140f;color:#e7cc8b;font-size:9px;font-weight:800;opacity:1}.paperdoll-slot .paperdoll-view:hover{border-color:#e0b85c;background:#2a2113;color:#fff1bd}
.transmog-search-wrap{max-width:330px}.transmog-results,.recommendation-list{gap:12px}.transmog-search-item{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;height:max-content;min-height:116px;padding:10px;border-radius:14px}.transmog-search-item img{grid-column:1;grid-row:1/3;width:96px;height:96px}.transmog-search-copy{grid-column:2;grid-row:1;min-width:0}.transmog-search-name,.recommendation-name{font-size:13px;line-height:1.35}.transmog-search-meta{font-size:10px}.transmog-search-item>.add-transmog-btn{grid-column:2;grid-row:2;width:100%;height:31px;margin:0}.recommendation-item{grid-template-columns:96px minmax(0,1fr) 38px;min-height:118px;padding:10px;border-radius:14px}.recommendation-item img{width:96px;height:96px}.recommendation-slot{font-size:9px}.recommendation-score{font-size:10px}.recommendation-item .add-transmog-btn{width:38px;height:38px}
@media(max-width:1500px){.quick-filters{grid-template-columns:minmax(155px,.5fr) minmax(360px,1.15fr) minmax(500px,1.65fr) auto}.transmog-inner{grid-template-columns:260px minmax(640px,1fr) 290px}.paperdoll-grid{grid-template-columns:170px minmax(300px,1fr) 170px}.paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 58px}.paperdoll-slot.side-right{grid-template-columns:58px minmax(0,1fr)}.paperdoll-icon{width:58px;height:58px}}
@media(max-width:1180px){.quick-filters{grid-template-columns:1fr 2fr}.controls-toolbar-copy{display:none}.transmog-inner{grid-template-columns:310px minmax(620px,1fr);grid-template-rows:minmax(620px,1fr) 330px;grid-template-areas:"search viewer" "recommended recommended"}.transmog-recommended{border-top:1px solid #604b28}.recommendation-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.transmog-inner{display:grid;overflow:auto;grid-template-columns:1fr;grid-template-rows:auto minmax(620px,78vh) auto;grid-template-areas:"search" "viewer" "recommended"}.transmog-builder,.transmog-recommended{overflow:visible}.paperdoll-grid{grid-template-columns:145px minmax(240px,1fr) 145px}.paperdoll-column{padding:8px 5px}.paperdoll-copy span{font-size:9px}.paperdoll-copy small{display:none}.filter-top{grid-template-columns:1fr}.quick-filters{grid-template-columns:1fr}.recommendation-list{grid-template-columns:1fr}}
.recommended-title-row{flex-wrap:wrap}
@media(max-height:850px) and (min-width:821px){.paperdoll-column{gap:5px;padding-top:8px;padding-bottom:8px}.paperdoll-left{grid-template-rows:repeat(7,minmax(0,1fr))}.paperdoll-right{grid-template-rows:repeat(6,minmax(0,1fr))}.paperdoll-slot{min-height:0;padding:5px}.paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 52px}.paperdoll-slot.side-right{grid-template-columns:52px minmax(0,1fr)}.paperdoll-icon{width:52px;height:52px}.paperdoll-copy span{font-size:9px;line-height:1.08}.paperdoll-meta{gap:3px;margin-top:1px}.paperdoll-copy small{margin:0;font-size:7px;white-space:nowrap}.paperdoll-slot .paperdoll-view{height:17px;padding:0 4px;font-size:7px}}
/* Stable viewport background + selectable WoW color themes. */
html[data-theme="alliance"]{
  --bg:#070b13;--panel:#111827;--panel2:#090f1a;--panel3:#172237;--line:#715b27;--line2:#c89d38;
  --text:#f4ecd8;--muted:#9eabc0;--accent:#3e73b9;--accent2:#ffd86a;--ok:#70cf9a;--danger:#c45d65;
  --surface:#101722;--surface-2:#0b111b;--surface-3:#172235;--selected:#294b77;--selected-2:#1f385c;
  --theme-rgb:62 115 185;--theme-warm-rgb:255 216 106;
  --page-bg:radial-gradient(circle at 50% -12%,#294b7d 0,#14233b 24%,#0a101c 48%,#07090d 78%);
  --page-effects:linear-gradient(112deg,transparent 0 46%,rgb(255 216 106/.085) 50%,transparent 54%),radial-gradient(circle at 14% 16%,rgb(255 216 106/.13),transparent 24%),radial-gradient(circle at 86% 20%,rgb(70 126 196/.15),transparent 29%);
}
html[data-theme="alliance"] .brand h1,html[data-theme="alliance"] .transmog-builder h2,html[data-theme="alliance"] .recommended-head h3{text-shadow:0 0 12px rgb(255 216 106/.22),0 1px 22px rgb(255 216 106/.16)}
html[data-theme="horde"]{
  --bg:#0b0707;--panel:#1a100f;--panel2:#100a0a;--panel3:#241412;--line:#672d27;--line2:#a54432;
  --text:#f1e5d6;--muted:#b09b91;--accent:#a52d24;--accent2:#e18238;--ok:#76c68e;--danger:#e56262;
  --surface:#19100f;--surface-2:#100a0a;--surface-3:#261512;--selected:#6f211c;--selected-2:#461714;
  --theme-rgb:165 45 36;--theme-warm-rgb:225 130 56;
  --page-bg:radial-gradient(circle at 50% -12%,#6d211b 0,#321311 25%,#140b0b 49%,#080606 79%);
  --page-effects:linear-gradient(112deg,transparent 0 46%,rgb(225 130 56/.05) 50%,transparent 54%),radial-gradient(circle at 14% 17%,rgb(195 49 37/.15),transparent 25%),radial-gradient(circle at 86% 20%,rgb(225 130 56/.10),transparent 28%);
}
html[data-theme="midnight"]{
  --bg:#03030a;--panel:#0b0817;--panel2:#05040d;--panel3:#151027;--line:#3d2d59;--line2:#74509f;
  --text:#f0eaff;--muted:#9b91ad;--accent:#7650bd;--accent2:#d3a4f2;--ok:#58c8a3;--danger:#d75d91;
  --surface:#0a0713;--surface-2:#05040b;--surface-3:#151022;--selected:#402569;--selected-2:#281742;
  --theme-rgb:118 80 189;--theme-warm-rgb:211 164 242;
  --page-bg:radial-gradient(circle at 50% -12%,#2d174a 0,#170d2b 24%,#090713 50%,#030308 81%);
  --page-effects:linear-gradient(112deg,transparent 0 46%,rgb(211 164 242/.045) 50%,transparent 54%),radial-gradient(circle at 14% 17%,rgb(112 63 174/.16),transparent 25%),radial-gradient(circle at 86% 20%,rgb(48 113 157/.09),transparent 29%);
}
html[data-theme="ulatek"]{
  --bg:#080f07;--panel:#172415;--panel2:#0d1a0c;--panel3:#263d1a;--line:#537c28;--line2:#9f6ac7;
  --text:#f0f8e8;--muted:#aabb9d;--accent:#8bdc20;--accent2:#d3a5f0;--ok:#a2e65b;--danger:#d96b80;
  --surface:#152313;--surface-2:#0d1b0c;--surface-3:#27411a;--selected:#3c6817;--selected-2:#294a12;
  --theme-rgb:139 220 32;--theme-warm-rgb:211 165 240;
  --page-bg:radial-gradient(circle at 50% -12%,#436a13 0,#213a10 25%,#101d0c 51%,#060c06 81%);
  --page-effects:linear-gradient(112deg,transparent 0 46%,rgb(211 165 240/.07) 50%,transparent 54%),radial-gradient(circle at 14% 17%,rgb(151 230 43/.19),transparent 25%),radial-gradient(circle at 86% 20%,rgb(128 71 169/.16),transparent 29%);
}
html{min-height:100%;background:var(--bg);color-scheme:dark}
body{min-height:100vh;background:transparent!important;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:1;background:var(--page-bg);transform:translateZ(0)}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--page-effects);transform:translateZ(0)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.theme-switcher{position:relative;flex:none;min-width:182px}.theme-switcher[open]{z-index:30}
.theme-switcher>summary{display:flex;align-items:center;gap:8px;min-height:38px;padding:5px 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);box-shadow:0 8px 24px #0004;cursor:pointer;list-style:none}
.theme-switcher>summary::-webkit-details-marker{display:none}
.theme-switcher>summary:hover,.theme-switcher[open]>summary{border-color:var(--line2);background:var(--surface-3)}
.theme-switcher>summary:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
.theme-label{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.theme-switcher>summary strong{flex:1;color:var(--text);font-size:11px;white-space:nowrap}
.theme-chevron{color:var(--accent2);font-size:16px;line-height:1;transition:transform .15s}.theme-switcher[open] .theme-chevron{transform:rotate(180deg)}
.theme-preview{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:27px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--line2) 55%,var(--line));border-radius:8px;background:var(--surface);box-shadow:inset 0 1px rgb(255 255 255/.06)}
.theme-preview i{display:block;flex:none;width:15px;height:15px;border:1px solid #ffffff55;border-radius:50%;background:var(--preview-accent);box-shadow:0 1px 4px #0008}.theme-preview i:first-child{width:19px;height:19px;background:var(--preview-main)}.theme-preview i:last-child{margin-left:-4px}
.theme-current-preview{--preview-main:var(--accent);--preview-accent:var(--accent2)}
.theme-option[data-theme="alliance"]{--preview-main:#3e73b9;--preview-accent:#ffd86a}.theme-option[data-theme="horde"]{--preview-main:#a52d24;--preview-accent:#e18238}.theme-option[data-theme="midnight"]{--preview-main:#7650bd;--preview-accent:#d3a4f2}.theme-option[data-theme="ulatek"]{--preview-main:#8bdc20;--preview-accent:#d3a5f0}
.theme-switcher:not([open]) .theme-menu{display:none}
.theme-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:31;display:grid;gap:4px;width:225px;padding:6px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);box-shadow:0 18px 40px #000b}
.theme-option{display:flex;align-items:center;gap:10px;width:100%;min-height:47px;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);text-align:left}
.theme-option:hover,.theme-option:focus-visible{border-color:var(--line);background:var(--surface-3);outline:none}
.theme-option[aria-pressed="true"]{border-color:var(--line2);background:var(--selected)}
.theme-option strong,.theme-option small{display:block}.theme-option strong{font-size:11px}.theme-option small{margin-top:2px;color:var(--muted);font-size:9px}
.brand h1,.transmog-builder h2,.recommended-head h3{color:var(--accent2);text-shadow:0 1px 18px rgb(var(--theme-warm-rgb)/.14)}
.tools-link,.controls,.card,.modal-inner,.transmog-inner,.transmog-builder,.transmog-recommended{border-color:var(--line)}
.tools-link{background:var(--surface);color:var(--accent2)}.tools-link:hover{border-color:var(--line2);color:var(--text);background:var(--surface-3)}
.controls{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,var(--accent) 6%),var(--surface-2))}
.controls-toolbar,.filter-section,.detail-row,.tech,.outfit-summary,.transmog-search-section,.recommendation-filter-panel{border-color:color-mix(in srgb,var(--line) 78%,transparent)}
.field label,.section-label,.transmog-search-section label,.slot-group-name,.recommendation-weighting-head b,.recommendation-filter-label{color:color-mix(in srgb,var(--accent2) 76%,var(--muted))}
.field input,.field select,.color-input input,.range-control output,.clear-color,.tiny-btn,.reset-btn,.multi-option span,.recommendation-filter,.recommendation-anchor,.transmog-search-wrap input,.clear-outfit,.quick-clear-transmog{border-color:var(--line);background:var(--surface-2);color:var(--text)}
.field input:focus,.field select:focus,.color-input input:focus,.transmog-search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.18)}
.multi-option:hover span,.recommendation-filter:hover,.tiny-btn:hover,.reset-btn:hover{border-color:var(--line2);background:var(--surface-3);color:var(--text)}
.multi-option input:checked+span,.mode button.active,.recommendation-filter.active,.recommendation-anchor.active{border-color:var(--line2);background:linear-gradient(180deg,var(--selected),var(--selected-2));color:var(--text);box-shadow:inset 0 0 0 1px rgb(var(--theme-warm-rgb)/.10)}
.multi-option input:checked+span small{color:color-mix(in srgb,var(--text) 75%,var(--accent))}.range-control input[type=range]{accent-color:var(--accent)}
.mode button,.pager button,.similar-banner button{border-color:var(--line);background:var(--surface-2);color:var(--muted)}
.transmog-launch,.similar-btn,.similar-choices .similar-btn.precise{border-color:var(--line2);background:linear-gradient(180deg,color-mix(in srgb,var(--selected) 82%,var(--accent2) 18%),var(--selected-2));color:var(--text)}
.transmog-launch:hover,.similar-btn:hover{border-color:var(--accent2);background:linear-gradient(180deg,color-mix(in srgb,var(--selected) 68%,var(--accent2) 32%),var(--selected))}
.transmog-count{border-color:var(--line2);background:var(--surface-2);color:var(--accent2)}
.similar-banner{border-color:var(--line2);background:linear-gradient(90deg,var(--selected),var(--selected-2));color:var(--text)}
.similar-banner button.active,.pager button.active{border-color:var(--accent2);background:var(--selected);color:var(--text)}
.card{background:linear-gradient(180deg,var(--surface-3),var(--surface));border-color:var(--line)}
.card:hover{border-color:var(--line2);box-shadow:0 12px 34px #0008,0 0 24px rgb(var(--theme-rgb)/.08)}
.img,.viewer-panel,.transmog-viewer{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--surface-3) 72%,var(--accent) 28%),var(--surface-2) 72%)}
.kind{background:color-mix(in srgb,var(--surface-2) 90%,transparent);color:var(--text)}.score{background:color-mix(in srgb,var(--selected) 90%,transparent);border-color:rgb(var(--theme-warm-rgb)/.28);color:var(--text)}
.match-breakdown{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.match-breakdown span{padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:9px;line-height:1.25;white-space:nowrap}.match-breakdown b{color:var(--accent2);font-weight:800}
.meta,.alias,.view-link,.source-note,.item-list code,.tech,.tech summary,.transmog-search-meta,.recommendation-score{color:var(--muted)}
.mask-link,.modal-debug-link{border-color:var(--line);background:var(--surface-2);color:color-mix(in srgb,var(--accent) 55%,var(--text))}.mask-link:hover,.modal-debug-link:hover{border-color:var(--line2);background:var(--surface-3);color:var(--text)}
.empty{border-color:var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--muted)}
.modal{background:color-mix(in srgb,var(--bg) 91%,transparent)}.modal-inner,.transmog-inner{background:var(--surface);box-shadow:0 25px 80px #000c,0 0 35px rgb(var(--theme-rgb)/.08)}
.details,.transmog-builder,.transmog-recommended{background:linear-gradient(180deg,var(--panel),var(--surface-2));border-color:var(--line)}
.modal-close{border-color:var(--line);background:color-mix(in srgb,var(--surface-2) 92%,transparent);color:var(--text)}.modal-close:hover{border-color:var(--line2);color:var(--accent2)}
.paperdoll-slot,.transmog-search-item,.recommendation-item,.palette-group{border-color:var(--line);background:var(--surface)}
.paperdoll-slot:hover,.transmog-search-item:hover,.recommendation-item:hover{border-color:var(--line2);background:var(--surface-3)}
.paperdoll-slot.active{border-color:var(--accent2);background:linear-gradient(135deg,var(--selected),var(--surface-3));box-shadow:0 0 0 1px rgb(var(--theme-warm-rgb)/.18)}
.paperdoll-icon,.transmog-search-item img,.recommendation-item img{background:var(--surface-2);border-color:var(--line)}
.paperdoll-slot .remove-outfit,.paperdoll-slot .paperdoll-view{border-color:var(--line2);background:var(--surface-2);color:var(--accent2)}.paperdoll-slot .paperdoll-view:hover{border-color:var(--accent2);background:var(--selected-2);color:var(--text)}
.outfit-class,.same-set-toggle span{border-color:var(--line);background:var(--surface-3);color:var(--text)}.same-set-toggle input:checked+span{border-color:var(--accent2);background:var(--selected)}
.recommendation-slot{color:var(--accent2)}
.add-transmog-btn{border-color:var(--line2);background:var(--selected-2);color:var(--text)}.add-transmog-btn:hover:not(:disabled){border-color:var(--accent2);background:var(--selected)}
.add-transmog-btn.added{border-color:color-mix(in srgb,var(--ok) 65%,var(--line));background:color-mix(in srgb,var(--ok) 18%,var(--surface));color:color-mix(in srgb,var(--ok) 80%,white)}
.add-transmog-btn.replace{border-color:color-mix(in srgb,var(--accent2) 62%,var(--line));background:color-mix(in srgb,var(--accent2) 15%,var(--surface));color:color-mix(in srgb,var(--accent2) 82%,white)}
.add-transmog-btn.incompatible{border-color:color-mix(in srgb,var(--danger) 60%,var(--line));background:color-mix(in srgb,var(--danger) 16%,var(--surface));color:color-mix(in srgb,var(--danger) 65%,white)}
.toast{border-color:var(--line2);background:color-mix(in srgb,var(--surface-3) 94%,transparent);color:var(--text)}.toast.bad{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 22%,var(--surface));color:var(--text)}
html[data-theme="horde"] .transmog-inner,html[data-theme="horde"] .transmog-viewer,html[data-theme="horde"] .transmog-builder,html[data-theme="horde"] .transmog-recommended{background:#030202}
html[data-theme="horde"] .transmog-viewer{background:radial-gradient(circle at 50% 43%,#3a1815 0,#1b0c0b 48%,#080404 82%)}
html[data-theme="horde"] .transmog-builder,html[data-theme="horde"] .transmog-recommended{background:linear-gradient(180deg,#080404,#020202)}
html[data-theme="ulatek"] .transmog-viewer{background:radial-gradient(circle at 50% 43%,#3d5b1e 0,#1b2c12 48%,#080f07 82%)}
html[data-theme="ulatek"] .transmog-builder,html[data-theme="ulatek"] .transmog-recommended{background:linear-gradient(180deg,#152313,#080f07)}
html[data-theme="alliance"] .paperdoll-slot.filled{border-color:#8d702d;background:#111b2b}
html[data-theme="alliance"] .paperdoll-slot.filled.active{border-color:#f1c75b;background:linear-gradient(135deg,#294b77,#172237)}
html[data-theme="horde"] .paperdoll-slot.filled{border-color:#743027;background:#120807}
html[data-theme="horde"] .paperdoll-slot.filled.active{border-color:#e18238;background:linear-gradient(135deg,#561b16,#160908)}
html[data-theme="midnight"] .paperdoll-slot.filled{border-color:#52366f;background:#100a1d}
html[data-theme="midnight"] .paperdoll-slot.filled.active{border-color:#d3a4f2;background:linear-gradient(135deg,#402569,#151022)}
html[data-theme="ulatek"] .paperdoll-slot.filled{border-color:#699d28;background:#15230d}
html[data-theme="ulatek"] .paperdoll-slot.filled.active{border-color:#d3a5f0;background:linear-gradient(135deg,#456b1d,#1c1730)}
.wrap{max-width:1900px}.catalogue-layout{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(165px,190px);gap:18px;align-items:start;margin-top:12px}.catalogue-results{min-width:0}.catalogue-rail{position:sticky;top:18px;z-index:6;padding-top:48px}.rail-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 14px 35px #0005;backdrop-filter:blur(12px)}.catalogue-search-rail .search-wrap input{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);outline:none}.catalogue-search-rail .search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.18)}.transmog-rail-actions{display:grid;gap:9px}.transmog-rail-actions .transmog-launch,.transmog-rail-actions .quick-clear-transmog{width:100%;height:46px;justify-content:center}.transmog-rail-actions .quick-clear-transmog{padding:0 10px;border-radius:11px;font-size:11px;font-weight:760}.color-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 9px}.color-filter-heading{display:flex!important;align-items:baseline;min-width:0;gap:8px}.color-filter-heading strong{flex:0 0 auto}.color-filter-toolbar strong{color:var(--text);font-size:11px}.color-filter-toolbar span{color:var(--muted);font-size:10px}.similar-inline{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.similar-inline[hidden]{display:none}.similar-inline:before{content:'\00b7';margin-right:8px;color:var(--muted)}.similar-inline .similar-reference{font-size:10px}.color-filter-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:11px}.color-filter-empty{padding:9px 0;color:var(--muted);font-size:11px}.color-filter-chip{display:grid;grid-template-columns:auto 24px auto auto;align-items:center;gap:7px;min-height:38px;padding:5px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--muted)}.color-filter-chip.selected{border-color:var(--line2);box-shadow:inset 0 0 0 1px rgb(var(--theme-warm-rgb)/.13)}.color-filter-chip.disabled{opacity:.52}.color-filter-toggle{position:relative;width:30px;height:18px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.color-filter-toggle:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:.14s}.color-filter-chip:not(.disabled) .color-filter-toggle{border-color:var(--line2);background:var(--selected)}.color-filter-chip:not(.disabled) .color-filter-toggle:after{left:15px;background:var(--accent2)}.color-filter-select{display:flex;align-items:center;gap:7px;width:auto;padding:0;border:0;background:transparent;color:var(--text);font-size:10px}.color-filter-swatch{width:22px;height:22px;border:1px solid #ffffff40;border-radius:6px;box-shadow:0 2px 7px #0008}.color-filter-summary{font-size:9px;color:var(--muted)}.color-filter-remove{width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted)}.color-filter-remove:hover{border-color:var(--danger);color:var(--text)}.color-section.no-selection{opacity:.43;pointer-events:none}.color-section.similar-editor .color-input{opacity:.45;pointer-events:none}
.similar-choices .similar-btn{border-color:var(--line2);background:linear-gradient(180deg,color-mix(in srgb,var(--selected) 82%,var(--accent2) 18%),var(--selected-2));color:var(--text)}
.similar-choices .similar-btn:hover{border-color:var(--accent2);background:linear-gradient(180deg,color-mix(in srgb,var(--selected) 68%,var(--accent2) 32%),var(--selected-2))}
.transmog-rail-actions .transmog-launch{white-space:nowrap;flex-wrap:nowrap}
.transmog-rail-actions .transmog-count{flex:0 0 auto}
.transmog-rail-actions .quick-clear-transmog{box-sizing:border-box;border:1px solid var(--line2);box-shadow:inset 0 0 0 1px rgb(var(--theme-warm-rgb)/.10);white-space:nowrap}
@media(max-width:1350px){.catalogue-layout{grid-template-columns:210px minmax(0,1fr) 165px;gap:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.catalogue-rail{padding-top:44px}}
@media(max-width:1000px){.catalogue-layout{grid-template-columns:1fr auto;grid-template-areas:"search actions" "results results"}.catalogue-search-rail{grid-area:search}.catalogue-transmog-rail{grid-area:actions}.catalogue-results{grid-area:results}.catalogue-rail{position:static;padding-top:0}.catalogue-transmog-rail{width:190px}.rail-card{box-shadow:0 8px 24px #0004}.color-section{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.catalogue-layout{display:block}.catalogue-transmog-rail{width:auto;margin-top:9px}.transmog-rail-actions{grid-template-columns:1fr 1fr}.catalogue-results{margin-top:8px}.color-filter-toolbar{align-items:flex-start}.color-section{grid-template-columns:1fr}.color-filter-chip{grid-template-columns:auto 22px minmax(0,1fr) auto}}
@media(max-width:820px){.site-header{flex-direction:column}.header-actions{width:100%;justify-content:space-between}.theme-switcher{order:2}}
.color-preset-modes{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:6px}.color-preset-modes button{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:750}.color-preset-modes button.active{border-color:var(--line2);background:var(--selected);color:var(--text)}
.color-filter-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.color-filter-chip{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"toggle label remove" "summary summary summary";align-items:center;gap:5px 7px;min-width:0;min-height:66px;padding:7px;cursor:pointer}.color-filter-chip.accent-slot{border-style:dashed;background:color-mix(in srgb,var(--surface-2) 86%,var(--selected))}.color-filter-toggle{grid-area:toggle;width:27px;height:17px}.color-filter-toggle:disabled{opacity:.35}.color-filter-select{grid-area:label;display:grid;gap:2px;min-width:0;text-align:left}.color-filter-select strong,.color-filter-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-filter-swatch{position:absolute!important;left:7px;bottom:7px;box-sizing:border-box;width:24px!important;height:24px!important;min-width:24px;min-height:24px;max-width:24px;max-height:24px}.color-filter-swatch.swatch-empty{border-style:dashed;background:transparent!important;box-shadow:none}.color-filter-summary{grid-area:summary;min-height:24px;padding-left:31px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-filter-remove{grid-area:remove}.color-filter-remove:disabled{opacity:.3}
@media(max-width:1000px){.color-filter-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.color-preset-modes{justify-content:flex-start}.color-filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.character-customizer{flex:0 0 auto;margin:0 0 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 90%,transparent);overflow:hidden}.character-customizer summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;cursor:pointer;list-style:none;color:var(--text);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.075em}.character-customizer summary::-webkit-details-marker{display:none}.character-customizer summary:after{content:'▾';color:var(--accent2);font-size:11px;transition:transform .14s}.character-customizer:not([open]) summary:after{transform:rotate(-90deg)}.character-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:600;text-transform:none;letter-spacing:0}.character-controls{padding:0 10px 10px;border-top:1px solid var(--line)}.character-core-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:9px}.character-field{display:grid;gap:4px;min-width:0}.character-field.race{grid-column:1/-1}.character-field span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.character-field select{width:100%;height:32px;padding:0 26px 0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:10px;outline:none}.character-field select:focus{border-color:var(--accent2);box-shadow:0 0 0 2px rgb(var(--theme-rgb)/.16)}.character-options-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 6px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.character-options-head b{color:var(--text);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.character-randomize{width:auto;height:25px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font-size:8px}.character-randomize:hover{border-color:var(--accent2);color:var(--text)}.character-customization-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:154px;overflow:auto;padding-right:3px;scrollbar-width:thin}.character-options-message{grid-column:1/-1;padding:9px 3px;color:var(--muted);font-size:9px;line-height:1.4}.character-options-message.bad{color:var(--danger)}
.character-color-swatch{position:relative;width:27px;height:27px;padding:0;overflow:hidden;border:1px solid #ffffff38;border-radius:50%;background:linear-gradient(135deg,#766f7d,#25212c);box-shadow:inset 0 1px #ffffff2b,0 2px 7px #0008}.character-color-swatch img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(.7px) saturate(1.08);transform:scale(1.16)}.character-color-swatch:after{content:attr(data-choice-number);position:absolute;right:1px;bottom:0;display:grid;place-items:center;min-width:10px;height:10px;padding:0 1px;border-radius:5px;background:#08070bcc;color:#fff;font-size:6px;font-weight:850;line-height:1;text-shadow:0 1px 2px #000}.character-color-swatch:hover{border-color:var(--accent2);filter:brightness(1.13)}.character-color-swatch.selected{border-color:var(--accent2);box-shadow:0 0 0 2px var(--surface),0 0 0 4px rgb(var(--theme-warm-rgb)/.72),0 3px 9px #000b}.character-color-swatch.unavailable{background:repeating-linear-gradient(135deg,#514b59 0 5px,#29252f 5px 10px)}.character-color-swatch.locked{opacity:.62}
.character-field-color{padding-bottom:0}.character-color-select{position:relative;min-width:0}.character-color-trigger{display:grid;grid-template-columns:22px minmax(0,1fr) 9px;align-items:center;gap:7px;width:100%;height:32px;padding:0 9px 0 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:left;outline:none}.character-color-trigger:hover{border-color:color-mix(in srgb,var(--accent2) 58%,var(--line))}.character-color-trigger:focus-visible,.character-color-select.open .character-color-trigger{border-color:var(--accent2);box-shadow:0 0 0 2px rgb(var(--theme-rgb)/.16)}.character-color-current{display:block;width:22px;height:22px;overflow:hidden;border:1px solid #ffffff38;border-radius:50%;background:linear-gradient(135deg,#766f7d,#25212c);box-shadow:inset 0 1px #ffffff2b,0 2px 6px #0007}.character-color-current img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(.55px) saturate(1.08);transform:scale(1.18)}.character-color-current.unavailable{background:repeating-linear-gradient(135deg,#514b59 0 5px,#29252f 5px 10px)}.character-color-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)!important;font-size:10px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}.character-color-chevron{width:6px;height:6px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform .14s}.character-color-select.open .character-color-chevron{transform:translateY(2px) rotate(225deg)}.character-color-menu[hidden]{display:none}.character-color-menu{position:fixed;z-index:80;display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:9px;box-sizing:border-box;max-height:min(228px,calc(100vh - 16px));padding:11px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line2);border-radius:11px;background:color-mix(in srgb,var(--surface) 96%,#000);box-shadow:0 16px 42px #000d,inset 0 1px rgb(255 255 255/.05);scrollbar-width:thin}.character-color-menu .character-color-swatch{justify-self:center;flex:none;width:30px;height:30px;scroll-snap-align:none}.character-color-menu .character-color-swatch:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
.card.class-locked{border-color:color-mix(in srgb,var(--muted) 42%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-3) 70%,#252525),color-mix(in srgb,var(--surface) 76%,#161616))}.card.class-locked .img img{filter:grayscale(.92);opacity:.38}.card.class-locked .info{opacity:.62}.card.class-locked:hover{transform:none;box-shadow:0 7px 22px #0006}.class-lock-note{margin-top:6px;color:#b5acb7;font-size:9px;font-weight:720}.transmog-search-item.class-locked,.paperdoll-slot.class-locked{filter:grayscale(.82);opacity:.5}.transmog-search-item.class-locked:hover{opacity:.62}.paperdoll-slot.class-locked{border-color:#665b66}.paperdoll-slot.class-locked .paperdoll-copy:after{content:'Class restricted';display:block;margin-top:3px;color:#bdadb9;font-size:8px}.recommendation-item.class-locked{display:none}
.transmog-head-actions{display:flex;align-items:center;gap:7px}.export-outfit{width:auto;height:34px;padding:0 11px;border:1px solid var(--line2);border-radius:9px;background:var(--selected);color:var(--text);font-size:11px;font-weight:800;white-space:nowrap}.export-outfit:hover:not(:disabled){border-color:var(--accent2);filter:brightness(1.12)}.export-outfit:disabled{opacity:.38;cursor:default}.export-modal{z-index:55}.export-dialog{width:min(650px,92vw);max-height:min(720px,90vh);overflow:auto;padding:24px;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(180deg,var(--surface-3),var(--surface));box-shadow:0 28px 90px #000d}.export-dialog h2{margin:0;color:var(--accent2);font-size:24px}.export-dialog>p{margin:7px 38px 18px 0;color:var(--muted);font-size:11px;line-height:1.5}.export-steps{display:grid;gap:12px}.export-step{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.export-step-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.export-step-number{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line2);border-radius:50%;background:var(--selected);color:var(--accent2);font-weight:900}.export-step b{color:var(--text);font-size:12px}.export-step p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.export-download,.export-copy{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:34px;margin-top:8px;padding:0 12px;border:1px solid var(--line2);border-radius:8px;background:var(--selected);color:var(--text);font-size:10px;font-weight:800;text-decoration:none}.export-command{width:100%;min-height:88px;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#05070c;color:var(--accent2);font:11px/1.45 Consolas,monospace;resize:vertical}.export-copy-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.export-summary{color:var(--muted);font-size:10px}.export-note{margin-top:13px;padding:10px 12px;border-left:3px solid var(--accent2);background:color-mix(in srgb,var(--selected) 62%,transparent);color:var(--muted);font-size:10px;line-height:1.5}
.paperdoll-rail-control{position:absolute;top:18px;z-index:6;display:flex;align-items:center;width:196px;min-height:52px;padding:7px;border:1px solid var(--line2);border-radius:11px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:inset 0 1px rgb(255 255 255/.05),0 8px 24px #0007}.paperdoll-view-control{right:12px}.paperdoll-export-control{left:12px;display:none}.transmog-view-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:38px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left}.transmog-view-toggle-copy{display:grid;gap:2px}.transmog-view-toggle-copy b{color:var(--accent2);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.transmog-view-toggle-copy small{color:var(--muted);font-size:8px;line-height:1.2}.transmog-view-switch{position:relative;width:34px;height:20px;border:1px solid var(--line2);border-radius:999px;background:var(--surface-2);box-shadow:inset 0 2px 5px #0007}.transmog-view-switch:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:.16s}.transmog-view-toggle[aria-pressed="true"] .transmog-view-switch{border-color:var(--accent2);background:var(--selected)}.transmog-view-toggle[aria-pressed="true"] .transmog-view-switch:after{left:17px;background:var(--accent2);box-shadow:0 0 9px rgb(var(--theme-warm-rgb)/.45)}.view-mode-export{width:100%;height:38px}.transmog-inner.view-mode{grid-template-columns:1fr;grid-template-areas:"viewer"}.transmog-inner.view-mode .transmog-builder,.transmog-inner.view-mode .transmog-recommended{display:none}.transmog-inner.view-mode .transmog-viewer{grid-area:viewer;border:0}.transmog-inner.view-mode .paperdoll-grid{grid-template-columns:320px minmax(540px,1fr) 320px}.transmog-inner.view-mode .paperdoll-column{align-content:stretch;gap:11px;padding:82px 18px 20px}.transmog-inner.view-mode .paperdoll-left{grid-template-rows:repeat(7,minmax(90px,1fr))}.transmog-inner.view-mode .paperdoll-right{grid-template-rows:repeat(6,minmax(90px,1fr))}.transmog-inner.view-mode .paperdoll-slot{min-height:90px;padding:10px}.transmog-inner.view-mode .paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 82px}.transmog-inner.view-mode .paperdoll-slot.side-right{grid-template-columns:82px minmax(0,1fr)}.transmog-inner.view-mode .paperdoll-icon{width:82px;height:82px}.transmog-inner.view-mode .paperdoll-copy b{font-size:10px}.transmog-inner.view-mode .paperdoll-copy span{font-size:13px;line-height:1.25}.transmog-inner.view-mode .paperdoll-copy small{font-size:10px}.transmog-inner.view-mode .paperdoll-export-control{display:flex;width:286px;left:18px}.transmog-inner.view-mode .paperdoll-view-control{width:236px;right:72px}.transmog-inner.view-mode .transmog-model-status{top:72px}.transmog-inner.view-mode .viewer-hint{left:50%;transform:translateX(-50%)}
@media(max-width:1500px){.paperdoll-rail-control{width:146px}.transmog-inner.view-mode .paperdoll-grid{grid-template-columns:270px minmax(480px,1fr) 270px}.transmog-inner.view-mode .paperdoll-export-control{width:236px}.transmog-inner.view-mode .paperdoll-view-control{width:186px}.transmog-inner.view-mode .paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 72px}.transmog-inner.view-mode .paperdoll-slot.side-right{grid-template-columns:72px minmax(0,1fr)}.transmog-inner.view-mode .paperdoll-icon{width:72px;height:72px}}
@media(max-height:850px) and (min-width:821px){.transmog-inner.view-mode .paperdoll-column{gap:6px;padding-top:70px;padding-bottom:10px}.transmog-inner.view-mode .paperdoll-left{grid-template-rows:repeat(7,minmax(0,1fr))}.transmog-inner.view-mode .paperdoll-right{grid-template-rows:repeat(6,minmax(0,1fr))}.transmog-inner.view-mode .paperdoll-slot{min-height:0;padding:6px}.transmog-inner.view-mode .paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 62px}.transmog-inner.view-mode .paperdoll-slot.side-right{grid-template-columns:62px minmax(0,1fr)}.transmog-inner.view-mode .paperdoll-icon{width:62px;height:62px}.transmog-inner.view-mode .paperdoll-copy span{font-size:10px}.transmog-inner.view-mode .paperdoll-copy small{font-size:8px}}
@media(max-width:820px){.paperdoll-rail-control{top:8px}.paperdoll-view-control{right:55px}.transmog-inner.view-mode .paperdoll-grid{grid-template-columns:155px minmax(250px,1fr) 155px}.transmog-inner.view-mode .paperdoll-column{padding:70px 5px 8px}.transmog-inner.view-mode .paperdoll-export-control{left:5px;width:140px}.transmog-inner.view-mode .paperdoll-view-control{right:55px;width:95px}.transmog-view-toggle-copy small{display:none}.transmog-inner.view-mode .paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 48px}.transmog-inner.view-mode .paperdoll-slot.side-right{grid-template-columns:48px minmax(0,1fr)}.transmog-inner.view-mode .paperdoll-icon{width:48px;height:48px}}
.transmog-inner.view-mode .transmog-model canvas{position:absolute;left:50%;transform:translateX(-50%)}
.transmog-inner.view-mode .transmog-model-status{top:18px}
.color-section.no-selection{opacity:1;pointer-events:auto}.color-section.no-selection .color-dependent{opacity:.43;pointer-events:none}
.site-footer{max-width:1540px;margin:22px auto 0;padding:0 28px 34px;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}.site-footer strong{color:var(--text)}.site-footer a{color:var(--text);text-underline-offset:3px}.site-footer a:hover{color:var(--accent2)}
/* Keep the catalogue usable while the viewport or browser zoom changes. */
html,body{max-width:100%;overflow-x:clip}.controls,.quick-filters,.catalogue-layout,.catalogue-layout>*{min-width:0;max-width:100%}.quick-filters{grid-template-columns:minmax(145px,.55fr) minmax(0,1.25fr) minmax(0,1.8fr) minmax(150px,.6fr)}.quick-filters>.choice-field{min-width:0;overflow:hidden}.page-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.page-options .multi-option{min-width:0}.page-options .multi-option span{justify-content:center;min-width:0;padding-inline:5px}.rail-card,.transmog-rail-actions,.catalogue-results,.grid,.card{min-width:0}.transmog-rail-actions .transmog-launch,.transmog-rail-actions .quick-clear-transmog{max-width:100%;overflow:hidden}.header-actions,.section-head,.color-filter-toolbar,.results-bar,.card-actions{flex-wrap:wrap}
@media(max-width:1500px){.quick-filters{grid-template-columns:minmax(135px,.55fr) minmax(0,1fr) minmax(0,1.45fr) minmax(145px,.6fr)}}
@media(max-width:1180px){.quick-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.catalogue-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);grid-template-areas:"search results" "actions results"}.catalogue-search-rail{grid-area:search}.catalogue-transmog-rail{grid-area:actions}.catalogue-results{grid-area:results}.catalogue-rail{position:static;padding-top:0}.catalogue-transmog-rail{width:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(max-width:760px){.quick-filters,.catalogue-layout{display:grid;grid-template-columns:1fr}.catalogue-layout{grid-template-areas:"search" "actions" "results"}.catalogue-search-rail{grid-area:search}.catalogue-transmog-rail{grid-area:actions;margin-top:9px}.catalogue-results{grid-area:results}.transmog-rail-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.color-filter-toolbar{align-items:flex-start}.color-preset-modes{justify-content:flex-start}.section-head{align-items:flex-start}.results-bar{padding-block:8px}}
@media(max-width:460px){.page-options{grid-template-columns:repeat(2,minmax(0,1fr))}.transmog-rail-actions{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}
/* Readability, help and feedback. */
.section-help,.controls-toolbar-copy,.hint,.color-filter-heading span,.color-filter-summary,.color-picker-meta,.detail-sub,.source-note,.recommendation-filter-hint,.outfit-summary,.transmog-builder-head p,.transmog-search-meta,.export-dialog>p,.export-step p,.export-summary,.export-note{font-size:12px;line-height:1.45}.field label,.section-label,.tiny-btn,.color-preset-modes button,.add-transmog-btn,.clear-outfit,.transmog-search-section label,.recommendation-filter-label{font-size:11px}.color-filter-summary{white-space:normal;text-overflow:clip}.color-filter-chip{min-height:76px}.color-picker-label,.color-add-action{font-size:11px}.site-footer{font-size:11px}
.color-filter-chip.selected{border-color:var(--accent2);box-shadow:inset 0 0 0 1px rgb(var(--theme-warm-rgb)/.32),0 0 0 2px rgb(var(--theme-warm-rgb)/.10)}
.header-link-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.help-link{appearance:none;cursor:pointer}.inline-help{width:auto;min-height:28px;margin-top:7px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:11px}.inline-help:hover{border-color:var(--line2);color:var(--text)}
.simple-dialog{position:relative;width:min(900px,94vw);max-height:90vh;overflow:auto;padding:26px;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(180deg,var(--surface-3),var(--surface));box-shadow:0 28px 90px #000d}.simple-dialog h2{margin:0 42px 7px 0;color:var(--accent2);font-size:24px}.simple-dialog>.dialog-lead{margin:0 42px 20px 0;color:var(--muted);font-size:13px;line-height:1.5}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tutorial-step{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.tutorial-number{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border:1px solid var(--line2);border-radius:50%;background:var(--selected);color:var(--accent2);font-weight:900}.tutorial-step h3{margin:0 0 7px;font-size:14px}.tutorial-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.tutorial-more{margin:16px 0 0;color:var(--muted);font-size:12px}.tutorial-more a{color:var(--accent2);font-weight:800}.transmog-quick-tour{width:auto;margin-left:auto;padding:3px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent2) 45%,transparent);border-radius:0;background:transparent;color:var(--accent2);font-size:11px;font-weight:800;cursor:pointer}.transmog-quick-tour:hover{border-color:var(--accent2);color:var(--text)}
.feedback-launch{position:fixed;right:18px;bottom:18px;z-index:15;width:auto;min-height:38px;padding:0 14px;border:1px solid var(--line2);border-radius:999px;background:var(--selected);color:var(--text);font-size:12px;font-weight:800;box-shadow:0 8px 26px #0008}.feedback-launch:hover{border-color:var(--accent2);filter:brightness(1.1)}.feedback-form{display:grid;gap:13px}.feedback-field{display:grid;gap:6px}.feedback-field span{color:var(--text);font-size:12px;font-weight:800}.feedback-field select,.feedback-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);font:13px/1.45 inherit;outline:none}.feedback-field select{height:40px;padding:0 10px}.feedback-field textarea{min-height:150px;padding:10px;resize:vertical}.feedback-field select:focus,.feedback-field textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.15)}.feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-status{color:var(--muted);font-size:12px}.feedback-status.bad{color:var(--danger)}.feedback-submit{width:auto;min-height:38px;padding:0 15px;border:1px solid var(--line2);border-radius:9px;background:var(--selected);color:var(--text);font-weight:800}.feedback-submit:disabled{opacity:.55}
.account-dialog{width:min(760px,94vw)}.account-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-field{display:grid;gap:6px}.account-field span{color:var(--text);font-size:11px;font-weight:800}.account-field input,.account-save-row input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);font:13px inherit;outline:none}.account-field input:focus,.account-save-row input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.15)}.account-auth-actions,.account-user-head,.account-save-row,.saved-outfit-head,.saved-outfit-actions,.account-data-actions{display:flex;align-items:center;gap:8px}.account-auth-actions{grid-column:1/-1;justify-content:flex-end}.account-primary,.account-secondary,.saved-outfit-actions button{min-height:36px;padding:0 12px;border:1px solid var(--line2);border-radius:9px;background:var(--selected);color:var(--text);font-weight:800;cursor:pointer}.account-secondary,.saved-outfit-actions button{background:var(--surface-2)}.account-text-action{margin-right:auto;padding:6px 0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:11px;font-weight:800;text-decoration:underline;cursor:pointer}.account-danger{border-color:rgb(220 80 80/.55)!important;color:#ffb0b0!important}.account-primary:disabled,.account-secondary:disabled,.account-text-action:disabled,.saved-outfit-actions button:disabled{opacity:.5;cursor:default}.account-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.account-status{min-height:20px;margin-top:10px;color:var(--muted);font-size:12px}.account-status.bad{color:var(--danger)}.account-user-head{justify-content:space-between;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}.account-user-head strong{font-size:13px}.account-user-copy{display:grid;gap:3px}.account-user-copy span{color:var(--muted);font-size:10px;font-weight:750}.account-user-copy span.verified{color:#72d59a}.account-verification-notice,.account-action-panel{margin:0 0 16px;padding:13px;border:1px solid var(--line2);border-radius:11px;background:var(--surface-2)}.account-verification-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;line-height:1.45}.account-verification-notice[hidden]{display:none}.account-verification-notice button{flex:none}.account-action-panel h3{margin:0 0 6px;color:var(--text);font-size:16px}.account-action-panel>p{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.5}.account-action-panel[hidden]{display:none}.account-save-row{align-items:stretch}.account-save-row input{flex:1}.account-save-row button{white-space:nowrap}.saved-outfit-list{display:grid;gap:9px;margin-top:16px}.saved-outfit{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.saved-outfit-head{justify-content:space-between;gap:12px}.saved-outfit-copy{min-width:0}.saved-outfit-name{overflow:hidden;color:var(--text);font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.saved-outfit-date{margin-top:3px;color:var(--muted);font-size:10px}.saved-outfit-actions{flex-wrap:wrap;justify-content:flex-end}.saved-outfit-actions button{min-height:30px;padding-inline:9px;font-size:10px}.saved-outfit-empty{padding:18px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);font-size:12px;text-align:center}.account-security{margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.account-security summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:800}.account-security[open] summary{margin-bottom:12px;color:var(--text)}.account-data-actions{grid-column:1/-1;flex-wrap:wrap}.account-data-actions button{font-size:11px}
.account-community-section{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.account-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.account-section-head h3{margin:0;color:var(--text);font-size:14px}.account-section-head span{color:var(--muted);font-size:10px}.account-community-list{display:grid;gap:10px}.account-community-post{display:grid;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.account-community-image{display:grid;place-items:center;width:132px;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.account-community-image img{width:100%;height:100%;object-fit:cover}.account-community-pending{color:var(--muted);font-size:10px}.account-community-copy{min-width:0}.account-community-actions{display:flex;align-items:center;gap:7px}.account-community-actions a,.account-community-actions button{min-height:31px;padding:7px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--text);font-family:inherit;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.account-community-actions button{color:#ffb0b0}.account-community-actions button:disabled{opacity:.5;cursor:default}
.palette-unavailable{display:inline-flex;align-items:center;min-height:25px;padding:4px 7px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:9px;line-height:1.25}.similar-btn:disabled{cursor:not-allowed;opacity:.38;filter:none}
@media(max-width:760px){.tutorial-grid{grid-template-columns:1fr}.simple-dialog{padding:20px}.feedback-launch{right:12px;bottom:12px}.header-link-group{width:100%}.account-auth-grid{grid-template-columns:1fr}.account-auth-actions{grid-column:1}.saved-outfit-head{align-items:flex-start;flex-direction:column}.saved-outfit-actions{justify-content:flex-start}.account-save-row{flex-direction:column}.account-community-post{grid-template-columns:96px minmax(0,1fr)}.account-community-image{width:96px}.account-community-actions{grid-column:1/-1;justify-content:flex-end}}

.share-name-field{display:grid;gap:6px;margin:10px 0}.share-name-field span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.share-name-field input{width:100%;height:39px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);outline:none}.share-name-field input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.15)}.share-gallery-choice{display:flex;align-items:flex-start;gap:8px;margin:9px 0;color:var(--muted);font-size:11px;line-height:1.4}.share-gallery-choice input{margin-top:2px;accent-color:var(--accent2)}.gallery-dialog{width:min(1480px,96vw)}.gallery-status{min-height:24px;color:var(--muted);font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.gallery-card-preview{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;background:#080b13;color:var(--text);text-align:left;cursor:zoom-in}.gallery-card-preview:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px}.gallery-card-visual{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#080b13}.gallery-card-visual::after{content:"";position:absolute;z-index:1;inset:0 0 0 auto;width:25%;background:#080b13;pointer-events:none}.gallery-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;background:#080b13;transform:scale(1.22);transform-origin:27% 30%;transition:transform .22s ease}.gallery-card-preview:hover .gallery-card-image{transform:scale(1.26)}.gallery-card-preview-action{position:absolute;z-index:2;right:12px;bottom:12px;padding:7px 10px;border:1px solid rgb(255 255 255/.22);border-radius:999px;background:rgb(6 9 16/.82);color:#fff;font-size:10px;font-weight:850;box-shadow:0 5px 18px #0008;backdrop-filter:blur(6px)}.gallery-card-copy{display:grid;gap:6px;padding:14px}.gallery-card-name{margin:0;overflow:hidden;color:var(--text);font-size:18px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.gallery-card-meta{color:var(--muted);font-size:12px;line-height:1.45}.gallery-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.gallery-card-open,.gallery-card-delete{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:34px;padding:0 11px;border:1px solid var(--line2);border-radius:8px;background:var(--selected);color:var(--text);font-size:10px;font-weight:800;text-decoration:none}.gallery-card-delete{border-color:rgb(220 80 80/.55);background:rgb(120 28 35/.22);color:#ffb0b0;cursor:pointer}.gallery-card-delete:hover{border-color:#ef7070;background:rgb(150 35 45/.32)}.gallery-pager{display:flex;justify-content:center;gap:7px;margin-top:16px}.gallery-pager button{min-width:34px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted)}.gallery-pager button.active{border-color:var(--accent2);background:var(--selected);color:var(--text)}.gallery-pager button:disabled{opacity:.4;cursor:default}
.gallery-controls{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:16px 0}.gallery-ranking{display:flex;gap:7px;flex-wrap:wrap}.gallery-ranking button,.gallery-filter select{min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:800}.gallery-ranking button{padding:0 13px;cursor:pointer}.gallery-ranking button.active{border-color:var(--accent2);background:var(--selected);color:var(--text)}.gallery-filters{display:flex;align-items:end;gap:9px}.gallery-filter{display:grid;gap:5px;min-width:150px}.gallery-class-filter{min-width:185px}.gallery-filter span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.gallery-filter select{width:100%;padding:0 10px}.gallery-vote{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:850;cursor:pointer}.gallery-vote:hover:not(:disabled),.gallery-vote.active{border-color:var(--accent2);background:var(--selected);color:var(--text)}.gallery-vote:disabled{opacity:.65;cursor:default}.gallery-card-score{color:var(--accent);font-size:10px;font-weight:750}
@media(max-width:900px){.gallery-grid{grid-template-columns:1fr}}
@media(max-width:700px){.gallery-controls{align-items:stretch;flex-direction:column}.gallery-ranking{display:grid;grid-template-columns:repeat(3,1fr)}.gallery-ranking button{padding:0 6px}.gallery-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-filter,.gallery-class-filter{min-width:0}.gallery-grid{grid-template-columns:1fr}.header-link-group .tools-link{font-size:11px}.header-link-group .tools-link:after{content:none}}
@media(max-width:420px){.gallery-filters{grid-template-columns:1fr}}
.gallery-item-filter{position:relative;min-width:260px}.gallery-item-filter>label{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.gallery-item-search-wrap{position:relative}.gallery-item-search-wrap input{width:100%;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:11px;font-weight:750;outline:none}.gallery-item-search-wrap input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.15)}.gallery-item-results{position:absolute;z-index:4;top:calc(100% + 5px);right:0;width:min(390px,85vw);max-height:310px;overflow:auto;padding:5px;border:1px solid var(--line2);border-radius:11px;background:var(--surface-2);box-shadow:0 16px 38px #000b}.gallery-item-results button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.gallery-item-results button:hover,.gallery-item-results button:focus{background:var(--selected);outline:none}.gallery-item-results img{width:42px;height:42px;object-fit:contain;border-radius:7px;background:#080b13}.gallery-item-results b,.gallery-item-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-item-results b{font-size:11px}.gallery-item-results small{margin-top:3px;color:var(--muted);font-size:9px}.gallery-item-message{padding:14px;color:var(--muted);font-size:11px;text-align:center}.gallery-item-selected{display:grid;grid-template-columns:24px minmax(0,1fr) 25px;align-items:center;gap:6px;min-height:36px;padding:4px 5px;border:1px solid var(--accent2);border-radius:9px;background:var(--selected)}.gallery-item-selected img{width:24px;height:24px;object-fit:contain;border-radius:5px;background:#080b13}.gallery-item-selected span{overflow:hidden;color:var(--text);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.gallery-item-selected button{width:25px;height:25px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.gallery-item-selected button:hover{background:rgb(var(--theme-rgb)/.18);color:var(--text)}.gallery-item-filter:has(.gallery-item-selected:not([hidden])) .gallery-item-search-wrap{display:none}
.gallery-item-selected[hidden]{display:none}

.gallery-image-modal{z-index:45;padding:18px}.gallery-image-dialog{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);width:min(1260px,96vw);max-height:94dvh;overflow:hidden;border:1px solid var(--line2);border-radius:17px;background:var(--surface-2);box-shadow:0 30px 90px #000d}.gallery-image-dialog>img{display:block;width:100%;min-width:0;max-height:94dvh;object-fit:contain;background:#080b13}.gallery-image-caption{align-self:stretch;padding:54px 24px 24px;border-left:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface))}.gallery-image-caption>span,.shared-outfit-seo-kicker{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.gallery-image-caption h2{margin:9px 0 7px;color:var(--text);font-size:25px;line-height:1.15}.gallery-image-caption p{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.55}.gallery-image-dialog>.modal-close{z-index:2}
.shared-outfit-seo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:0;margin-top:26px;overflow:hidden;border:1px solid var(--line2);border-radius:18px;background:var(--surface-2);box-shadow:0 18px 55px #0007}.shared-outfit-seo-image{display:grid;place-items:center;min-width:0;background:#080b13}.shared-outfit-seo-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.shared-outfit-seo-copy{padding:30px}.shared-outfit-seo-copy h2{margin:8px 0 5px;color:var(--text);font:800 clamp(25px,3vw,38px)/1.08 Georgia,serif}.shared-outfit-seo-copy>p{color:var(--muted);font-size:13px;line-height:1.6}.shared-outfit-seo-copy .shared-outfit-seo-meta{margin:0 0 16px;color:var(--accent2);font-size:12px;font-weight:800}.shared-outfit-remix{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:5px 0 24px;padding:0 15px;border:1px solid var(--line2);border-radius:10px;background:var(--selected);color:var(--text);font-size:12px;font-weight:850;text-decoration:none}.shared-outfit-remix:hover{border-color:var(--accent2);filter:brightness(1.08)}.shared-outfit-seo-copy h3{margin:0 0 10px;color:var(--text);font-size:15px}.shared-outfit-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.shared-outfit-item-list li{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.shared-outfit-item-list span,.shared-outfit-item-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-outfit-item-list span{color:var(--accent);font-size:8px;font-weight:900;text-transform:uppercase}.shared-outfit-item-list strong{margin-top:3px;color:var(--text);font-size:11px}
@media(max-width:760px){.gallery-image-modal{padding:7px}.gallery-image-dialog{display:block;width:min(100%,620px);max-height:96dvh;overflow:auto}.gallery-image-dialog>img{width:100%;height:auto;max-height:none;aspect-ratio:1}.gallery-image-caption{padding:17px 18px 20px;border-top:1px solid var(--line);border-left:0}.gallery-image-caption h2{font-size:21px}.gallery-card-visual{aspect-ratio:4/3}.gallery-card-visual::after{width:31%}.gallery-card-image{object-position:center 40%;transform:scale(1.12);transform-origin:28% 31%}.gallery-card-preview:hover .gallery-card-image{transform:scale(1.16)}.gallery-card-preview-action{right:9px;bottom:9px}.shared-outfit-seo{grid-template-columns:1fr;margin-top:18px}.shared-outfit-seo-copy{padding:20px}.shared-outfit-seo-copy h2{font-size:28px}.shared-outfit-item-list{grid-template-columns:1fr}.shared-outfit-item-list strong{font-size:12px}}

/* Additive per-slot transmog option pools. */
.card-transmog-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:6px;width:100%;min-width:0}.save-option-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:31px;padding:0 9px;border:1px solid color-mix(in srgb,var(--line2) 72%,var(--accent2));border-radius:9px;background:color-mix(in srgb,var(--surface-2) 88%,var(--selected));color:var(--accent2);font-size:10px;font-weight:800;line-height:1.15;white-space:nowrap;cursor:pointer}.save-option-btn:hover:not(:disabled){border-color:var(--accent2);background:var(--selected);color:var(--text)}.save-option-btn:disabled{cursor:default;opacity:.66}.save-option-btn.saved{border-color:color-mix(in srgb,var(--ok) 52%,var(--line));background:color-mix(in srgb,var(--surface-2) 82%,var(--ok));color:var(--ok)}.save-option-btn.full{border-color:var(--line);color:var(--muted)}.save-option-btn.incompatible{border-color:color-mix(in srgb,var(--danger) 48%,var(--line));color:var(--danger)}
.modal-transmog-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 18px}.modal-transmog-actions .modal-add-transmog,.modal-transmog-actions .modal-save-option{width:100%;height:38px;margin:0;font-size:11px}
.transmog-search-actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-width:0}.transmog-search-actions .add-transmog-btn,.transmog-search-actions .save-option-btn{width:100%;height:31px;margin:0;padding-inline:6px}
.recommendation-actions{display:grid;gap:5px;width:38px}.recommendation-actions .add-transmog-btn,.recommendation-actions .save-option-btn{width:38px;height:34px;min-height:34px;padding:0;font-size:15px}
.paperdoll-cycle{display:inline-grid;grid-template-columns:20px auto 20px;align-items:center;gap:3px;margin-top:5px;padding:2px 3px;border:1px solid color-mix(in srgb,var(--line2) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 86%,transparent)}.paperdoll-slot.side-left .paperdoll-cycle{margin-left:auto}.paperdoll-cycle button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--accent2);font-size:15px;font-weight:900;line-height:1;cursor:pointer}.paperdoll-cycle button:hover{background:var(--selected);color:var(--text)}.paperdoll-cycle span{margin:0!important;color:var(--muted)!important;font-size:8px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
@media(max-height:850px) and (min-width:821px){.paperdoll-cycle{grid-template-columns:17px auto 17px;margin-top:2px;padding:1px 2px}.paperdoll-cycle button{width:17px;height:17px;font-size:12px}.paperdoll-cycle span{font-size:7px!important}}
@media(max-width:460px){.modal-transmog-actions{grid-template-columns:1fr}.card-transmog-actions{grid-template-columns:1fr 1fr}.save-option-btn{white-space:normal}}
@media(max-width:700px){.gallery-item-filter{grid-column:1/-1;min-width:0}.gallery-item-results{left:0;right:auto;width:100%}}
@media(max-width:560px){
  .color-section>.field,.color-input,.color-add-actions,.mode,.range-control{min-width:0;width:100%;max-width:100%}
  .color-input{grid-template-columns:minmax(0,1fr) 40px}
  .color-picker-trigger{grid-column:1;grid-row:1}
  .color-hex-input{grid-column:1/-1;grid-row:2}
  .clear-color{grid-column:2;grid-row:1}
  .color-add-actions{grid-column:1/-1}
}
.source-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.source-filter-field{display:grid;gap:6px;min-width:0}.source-filter-field span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.source-filter-field select{width:100%;height:38px;padding:0 32px 0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:11px;outline:none}.source-filter-field select:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.15)}.source-filter-field select:disabled{cursor:not-allowed;opacity:.42}.source-filter-section.is-loading .source-filter-grid{opacity:.55;pointer-events:none}@media(max-width:1200px){.source-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.source-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.source-filter-grid{grid-template-columns:1fr}}
.source-type-controls{min-width:0;margin:13px 0 0;padding:11px 12px 10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);transition:opacity .16s}.source-type-controls legend{padding:0 6px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.source-type-toggles{display:flex;flex-wrap:wrap;gap:7px}.source-type-toggle{position:relative;display:inline-flex;cursor:pointer}.source-type-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.source-type-toggle span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800;transition:border-color .14s,background .14s,color .14s}.source-type-toggle input:checked+span{border-color:var(--line2);background:var(--selected);color:var(--text)}.source-type-toggle input:focus-visible+span{outline:2px solid var(--accent2);outline-offset:2px}.source-type-controls:disabled{opacity:.38}.source-type-controls:disabled .source-type-toggle{cursor:not-allowed}.source-toggle-status{margin-top:8px;color:var(--muted);font-size:9px;line-height:1.4}.source-type-controls.is-paused .source-toggle-status{color:var(--accent)}.source-filter-section.is-loading .source-type-controls{opacity:.55;pointer-events:none}
.recommendation-filter:disabled{cursor:not-allowed;opacity:.38}
.site-footer-links{display:flex;justify-content:center;gap:8px 16px;flex-wrap:wrap;margin-top:8px}.site-footer-links a{color:var(--muted);text-underline-offset:3px}.site-footer-links a:hover{color:var(--text)}
.visitor-actions{position:fixed;right:18px;bottom:18px;z-index:15;display:flex;align-items:center;gap:8px}.visitor-actions .feedback-launch{position:static;right:auto;bottom:auto}.visitor-actions .report-outfit-launch{border-color:rgb(235 183 88/.55);background:rgb(99 63 21/.72)}
.gallery-card-report{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:34px;padding:0 11px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.gallery-card-report:hover{border-color:var(--accent2);color:var(--text)}
@media(max-width:760px){.visitor-actions{right:12px;bottom:12px}}

/* Preserve the established phone workflow; only reflow equipment below the model. */
@media(max-width:820px){
  .transmog-inner{grid-template-rows:auto max-content auto}
  .transmog-viewer{overflow:visible}
  .paperdoll-grid{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"stage" "left" "right";gap:8px;padding:0 8px 12px}
  .transmog-model-stage{grid-area:stage;height:clamp(380px,112vw,520px);min-height:0;margin:0 -8px;overflow:hidden}
  .transmog-model canvas{max-width:100%;touch-action:none}
  .paperdoll-left{grid-area:left}.paperdoll-right{grid-area:right}
  .paperdoll-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;align-content:start;gap:7px;padding:0;background:none}
  .paperdoll-slot{min-height:62px;padding:6px;overflow:hidden}
  .paperdoll-slot.side-left{grid-template-columns:minmax(0,1fr) 42px;text-align:right}
  .paperdoll-slot.side-right{grid-template-columns:42px minmax(0,1fr);text-align:left}
  .paperdoll-icon{width:42px;height:42px}
  .paperdoll-copy b{font-size:8px}.paperdoll-copy span{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .paperdoll-copy small{display:none}.paperdoll-meta{margin-top:3px}
  .paperdoll-slot .remove-outfit{opacity:1}
  .transmog-model-stage .viewer-hint{font-size:0;opacity:.62}
  .transmog-model-stage .viewer-hint:after{content:'Swipe to rotate · pinch to zoom';font-size:10px}
  .transmog-inner.view-mode .paperdoll-grid{display:block;width:100%;height:100%;padding:0}
  .transmog-inner.view-mode .transmog-model-stage{width:100%;height:100%;margin:0}
  .transmog-inner.view-mode .paperdoll-column{display:none}
}

@media(max-width:390px){
  .transmog-model-stage{height:clamp(360px,118vw,460px)}
}
@media(max-width:460px){
  .transmog-builder-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-right:42px}
  .transmog-head-actions{min-width:0;flex-wrap:wrap}
}
.catalogue-intro{max-width:850px;margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}
.armor-rules-switch{margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.armor-rules-switch label{display:flex;align-items:flex-start;gap:10px;width:max-content;max-width:100%;cursor:pointer}
.armor-rules-switch input{margin-top:3px;accent-color:var(--accent2)}
.armor-rules-switch b{color:var(--text);font-size:12px}
.armor-rules-switch small{display:inline-block;margin-left:6px;padding:3px 7px;border:1px solid var(--accent2);border-radius:20px;background:var(--selected);color:var(--text);font-size:10px;font-style:normal;font-weight:800}
.armor-rules-switch em{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-style:normal;line-height:1.4}
.catalogue-guide{margin:36px 0 14px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 85%,transparent)}
.catalogue-guide h2{margin:0 0 16px;color:var(--accent2);font-size:18px}
.catalogue-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalogue-guide h3{margin:0 0 6px;color:var(--text);font-size:13px}
.catalogue-guide p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.catalogue-guide .catalogue-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.catalogue-guide a,.grid noscript a{color:var(--accent2);text-underline-offset:3px}
.grid noscript{grid-column:1/-1;color:var(--muted);font-size:12px}
@media(max-width:760px){.catalogue-guide{padding:18px}.catalogue-guide-steps{grid-template-columns:1fr;gap:15px}}

/* Gallery cards use a dedicated, text-free server thumbnail. */
.gallery-card-visual::after{display:none}
.gallery-card-image{object-position:center;transform:none;transform-origin:center}
.gallery-card-preview:hover .gallery-card-image{transform:scale(1.025)}
@media(max-width:760px){.gallery-card-image{object-position:center;transform:none}.gallery-card-preview:hover .gallery-card-image{transform:scale(1.025)}}