/* Impeccable refinement: preserve the game-client frame; simplify the editing surface. */
.wardrobe-page{--editor-surface:#29261f;--editor-input:#1d1d17;--editor-border:#6d644f;--editor-text:#f0e6ce;--editor-muted:#c6bba3;--editor-accent:#e9c163}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wardrobe-page .wardrobe-intro{padding:26px 28px 20px}.wardrobe-page .wardrobe-intro h1{font-size:42px;line-height:1.05;margin:0 0 10px}.wardrobe-page .wardrobe-intro>p{margin:0;max-width:76ch;font-size:14px;line-height:1.55}.wardrobe-page .wardrobe-intro .roster-note{font-size:12px;margin-top:9px;color:var(--editor-muted)}
.wardrobe-page .tool-tabs{gap:24px;border-bottom:1px solid var(--editor-border)}.wardrobe-page .tool-tabs button{font:20px/1.2 var(--pixel);padding:13px 0;background:none;border:0;border-bottom:3px solid transparent;box-shadow:none;color:var(--editor-muted);min-height:48px}.wardrobe-page .tool-tabs button[aria-pressed=true]{color:#ffe29b;background:none;border-bottom-color:var(--editor-accent)}
.wardrobe-page .tool-panel{padding:24px 28px 36px}.wardrobe-page .workbench{grid-template-columns:minmax(310px,380px) minmax(0,1fr);gap:28px;align-items:start}.wardrobe-page .tool-form{padding:0;border:0;background:none;display:flex;flex-direction:column;gap:0;min-width:0;scroll-margin-top:16px}
.wardrobe-page .tool-form label,.wardrobe-page .collection-toolbar label,.wardrobe-page .output-panel>label{font:600 13px/1.4 Arial,sans-serif;color:var(--editor-text);display:block;margin:0 0 7px;text-shadow:none;letter-spacing:0}
.wardrobe-page .tool-form input,.wardrobe-page .tool-form select,.wardrobe-page .collection-toolbar input,.wardrobe-page .collection-toolbar select,.wardrobe-page #outfit-export-layout,.campaign-home #quick-form input,.campaign-home #quick-form select{font:15px/1.4 Arial,sans-serif;border:1px solid var(--editor-border,#75694f);background:var(--editor-input,#1d1d17);color:var(--editor-text,#f0e6ce);min-height:46px;padding:10px 12px;border-radius:3px;box-shadow:none;width:100%;max-width:100%}
.wardrobe-page input::placeholder{color:#b8af9c}.wardrobe-page select{color-scheme:dark}.wardrobe-page :is(button,a,input,select,summary):focus-visible{outline:2px solid #ffe293;outline-offset:4px}.wardrobe-page ::selection{background:#e9c163;color:#191714}.wardrobe-page input{caret-color:#ffe293}
.wardrobe-page .preset-row{position:relative;padding:0 0 22px}.wardrobe-page .preset-row .field-note{margin:8px 84px 0 0}.wardrobe-page .preset-row>.text-button{position:absolute;right:0;bottom:15px}.wardrobe-page .field-note{font:12px/1.55 Arial,sans-serif;color:var(--editor-muted);margin:8px 0}
.wardrobe-page .editor-group{padding:20px 0;margin:0;border:0;border-top:1px solid #554e3e;min-width:0;background:none}.wardrobe-page fieldset.editor-group{padding-top:10px;margin-top:12px}.wardrobe-page .editor-group legend,.wardrobe-page .editor-group>summary{font:25px/1.15 var(--pixel);color:#eed391;text-shadow:none}.wardrobe-page .editor-group legend{padding:0 12px 0 0}.wardrobe-page .editor-group>summary{cursor:pointer;min-height:32px;padding-right:4px}.wardrobe-page .editor-group>summary>span{float:right;font:12px/26px Arial,sans-serif;color:var(--editor-muted)}.wardrobe-page .group-fields{padding-top:18px;display:grid;gap:16px}.wardrobe-page .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wardrobe-page .editor-field{min-width:0}
.wardrobe-page .model-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 18px}.wardrobe-page .model-picker button,.wardrobe-page .pet-grid button{background:#24221b;border:1px solid #5c5544;border-radius:3px;color:var(--editor-muted);padding:9px 4px;min-height:108px;cursor:pointer;font:12px/1.3 Arial,sans-serif;display:flex;flex-direction:column;align-items:center;gap:8px}.wardrobe-page .model-picker img{object-fit:contain;image-rendering:auto;height:62px;width:48px}.wardrobe-page .model-picker button[aria-pressed=true],.wardrobe-page .pet-grid button[aria-pressed=true]{border-color:var(--editor-accent);background:#443922;color:#ffe4a1;box-shadow:inset 0 0 0 1px var(--editor-accent)}.wardrobe-page .model-picker button:hover,.wardrobe-page .pet-grid button:hover{background:#3b3426}
.wardrobe-page .pet-selection{display:flex;align-items:center;gap:16px;min-height:80px}.wardrobe-page .pet-selection img{object-fit:contain}.wardrobe-page .pet-selection p{font:22px var(--pixel);margin:0 0 5px;color:#efd89f}.wardrobe-page .pet-selection a{font:12px Arial,sans-serif;color:var(--editor-muted);text-decoration:underline;text-underline-offset:3px}.wardrobe-page .pet-browser>summary{font:13px/1.5 Arial,sans-serif;color:#e9c163;cursor:pointer;padding:5px 0;min-height:32px}.wardrobe-page .pet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px}.wardrobe-page .pet-grid img{width:48px;height:56px;object-fit:contain}.wardrobe-page .pet-grid button{min-height:98px;font-size:11px}
.wardrobe-page .pouch-list{margin:0;gap:8px}.wardrobe-page .pouch-list button{font:12px/1.4 Arial,sans-serif;min-height:40px;padding:8px 12px;border:1px solid #776a4a;background:#322e22;color:#f0dfb9;border-radius:3px}.wardrobe-page #pouch-add{justify-self:start}.wardrobe-page .text-button{font:13px/1.4 Arial,sans-serif;color:#e9c163;padding:10px 4px;min-height:40px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;background:none;border:0;box-shadow:none}.wardrobe-page .editor-footer{display:flex;justify-content:space-between;border-top:1px solid #554e3e;padding-top:14px;gap:16px;align-items:center}
.wardrobe-page .output-panel{padding:18px;border:1px solid #8c7953;background:#211f18;box-shadow:none;position:sticky;top:16px;border-radius:3px;scroll-margin-top:16px}.wardrobe-page .preview-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:14px}.wardrobe-page .preview-heading h3{font:28px/1 var(--pixel);margin:0;color:#f4d68c}.wardrobe-page .preview-heading span{font:12px Arial,sans-serif;color:var(--editor-muted);margin-left:auto}.wardrobe-page .output-panel canvas{background:#29261f;width:100%;height:auto;max-height:52svh;object-fit:contain;margin-bottom:18px}.wardrobe-page .output-panel canvas[data-layout=cutout]{background-color:#39372f;background-image:conic-gradient(#464339 25%,transparent 0 50%,#464339 0 75%,transparent 0);background-size:24px 24px;max-height:46svh}.wardrobe-page .output-panel canvas[data-layout=inventory]{max-height:46svh}
.wardrobe-page .output-panel .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.wardrobe-page .button{font:600 14px/1.3 Arial,sans-serif;min-height:46px;padding:11px 16px;border:1px solid #88744d;border-radius:3px;box-shadow:none;background:#383122;color:#f2d599;text-shadow:none;white-space:normal}.wardrobe-page .button.primary{background:#e4bb61;border-color:#e4bb61;color:#241e12}.wardrobe-page .button.primary:hover{background:#f2cf82}.wardrobe-page .button.secondary:hover{background:#51432c}.wardrobe-page .button:active{transform:none}.wardrobe-page button:disabled{cursor:not-allowed;opacity:.55}
.wardrobe-page .tool-status{font:13px/1.5 Arial,sans-serif;min-height:0;color:#f0cf80;margin:12px 0}.wardrobe-page .tool-status:empty{display:none}.wardrobe-page .share-details{border-top:1px solid #514935;padding-top:12px}.wardrobe-page .share-details>summary{font:12px/1.5 Arial,sans-serif;color:var(--editor-muted);min-height:30px}.wardrobe-page .credits{border:0;margin:0;padding-top:10px}.wardrobe-page .character-share{border:0;border-top:1px solid #776749;padding:18px 0 0;background:none}.wardrobe-page .character-share .actions{grid-template-columns:1fr}.wardrobe-page .character-share textarea{width:100%;font:13px/1.6 Arial,sans-serif;color:var(--editor-text);background:#1d1d17;border:1px solid #6d644f;padding:12px}
.wardrobe-page .collection-toolbar{grid-template-columns:2fr 1fr 1fr;gap:14px}.wardrobe-page .collection-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.wardrobe-page .item-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:9px}.wardrobe-page .item-tile{border:1px solid #605741;background:#2d291f;padding:14px 8px;box-shadow:none;border-radius:3px;gap:8px}.wardrobe-page .item-tile:hover{background:#3c3425}.wardrobe-page .item-tile[aria-pressed=true]{background:#423620;border:1px solid #e9c163;padding:14px 8px;box-shadow:inset 0 0 0 1px #e9c163}.wardrobe-page .item-tile .token-art{width:72px;height:72px;image-rendering:auto}.wardrobe-page .item-tile b{font:600 13px/1.3 Arial,sans-serif;max-width:100%}.wardrobe-page .item-tile small{font:11px/1.35 Arial,sans-serif}.wardrobe-page .item-tile .tile-name{font-size:12px;min-height:32px}.wardrobe-page .item-disclosure{position:sticky;top:16px;border:1px solid #756647;border-radius:3px;background:#28241b;min-width:0}.wardrobe-page .item-disclosure>summary{padding:14px 16px;cursor:pointer;color:#e4c78e;font:13px/1.4 Arial,sans-serif}.wardrobe-page .item-detail{position:static;background:none;border:0;box-shadow:none;padding:8px 18px 20px}.wardrobe-page .item-detail h3{font-size:30px}.wardrobe-page .item-detail .token-art{height:88px;width:88px;image-rendering:auto}.wardrobe-page .item-detail .actions{display:grid;gap:10px}.wardrobe-page .item-detail .detail-links{gap:10px 14px}.wardrobe-page .item-detail h4{font-size:10px;letter-spacing:.06em}.wardrobe-page .item-detail code{font-size:11px}.wardrobe-page .item-detail p{font-size:13px}.wardrobe-page .item-detail .flavour{font:22px/1.25 var(--pixel)}
.wardrobe-page .source-note{margin:0 28px 30px;padding-top:18px;max-width:none;border-top:1px solid #514935}.wardrobe-page .source-note>summary{font:13px/1.5 Arial,sans-serif;color:#c6bba3;cursor:pointer;min-height:36px}.wardrobe-page .source-note p{max-width:85ch}.mobile-preview-link,.mobile-edit-link{display:none}
@media(max-width:1000px){.wardrobe-page .workbench{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px}.wardrobe-page .tool-panel{padding-inline:20px}.wardrobe-page .output-panel{padding:13px}.wardrobe-page .collection-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.wardrobe-page .preview-heading span{display:none}}
@media(max-width:760px){.wardrobe-page .wardrobe-intro{padding:22px 18px 16px}.wardrobe-page .wardrobe-intro h1{font-size:36px;max-width:20ch}.wardrobe-page .tool-tabs{margin:0 18px;gap:20px}.wardrobe-page .tool-tabs button{flex:none;font-size:21px}.wardrobe-page .tool-panel{padding:20px 18px 30px}.wardrobe-page .workbench{display:flex;flex-direction:column;gap:24px}.wardrobe-page .output-panel{position:static;order:-1;width:100%;padding:12px}.wardrobe-page .output-panel canvas{max-height:34svh;margin-bottom:12px}.wardrobe-page .output-panel canvas[data-layout=cutout],.wardrobe-page .output-panel canvas[data-layout=inventory]{max-height:36svh}.wardrobe-page .preview-heading{margin-bottom:10px}.wardrobe-page .preview-heading h3{font-size:25px}.mobile-edit-link,.mobile-preview-link{display:inline-block;font:13px/1.4 Arial,sans-serif;color:#e9c163;text-decoration:underline;text-underline-offset:4px}.mobile-edit-link{margin-left:auto}.wardrobe-page .tool-form{width:100%}.wardrobe-page .collection-layout{display:flex;flex-direction:column}.wardrobe-page .item-disclosure{position:static;width:100%;order:-1}.wardrobe-page .item-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.wardrobe-page .collection-toolbar{grid-template-columns:1fr 1fr}.wardrobe-page .collection-toolbar>div:first-child{grid-column:1/-1}.wardrobe-page .item-detail .token-art{float:right;width:72px;height:72px}.wardrobe-page .source-note{margin:0 18px 26px}.wardrobe-page .field-pair{grid-template-columns:1fr 1fr}.wardrobe-page .model-picker{gap:6px}.wardrobe-page .model-picker button{font-size:11px}.wardrobe-page .editor-group>summary>span{font-size:11px}.wardrobe-page .tool-form input,.wardrobe-page .tool-form select,.wardrobe-page .collection-toolbar input,.wardrobe-page .collection-toolbar select,.wardrobe-page #outfit-export-layout{font-size:16px}}
@media(max-width:380px){.wardrobe-page .tool-panel{padding-inline:12px}.wardrobe-page .tool-tabs{gap:18px}.wardrobe-page .field-pair{grid-template-columns:1fr}.wardrobe-page .model-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-page .model-picker button{min-height:92px}.wardrobe-page .pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wardrobe-page .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-page .collection-toolbar{grid-template-columns:1fr}.wardrobe-page .collection-toolbar>div:first-child{grid-column:auto}.wardrobe-page .editor-group>summary>span{float:none;display:block;line-height:1.4;margin-top:4px}.wardrobe-page .wardrobe-intro h1{font-size:32px}}
@media(max-width:380px){.wardrobe-page .tool-tabs{gap:14px}.wardrobe-page .tool-tabs button{flex:1;min-width:0;font-size:19px;white-space:normal;text-align:left}.wardrobe-page .output-panel .button{padding-inline:10px}}

.wardrobe-page .pouch-search-feedback{display:flex;align-items:baseline;gap:12px;justify-content:space-between}.wardrobe-page .pouch-search-feedback .field-note{font-size:14px;min-width:0}.wardrobe-page #pouch-search-clear{flex-shrink:0}.wardrobe-page #pouch-search-clear[hidden]{display:none}
