.dresser-dialog{width:min(980px,96vw);max-width:none;padding:22px;background:#f9f4e5;color:#344b44;border:3px solid #a6c5ac;border-radius:28px;max-height:94dvh}
.dresser-heading h2{margin:0 0 16px;font-size:1.6rem}.dresser-heading .eyebrow{margin:0 0 4px;color:#397d69}
.dresser-edit{min-width:0}.dresser-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.2fr);gap:22px}.dresser-mirror{border-radius:22px;background:#e7efe6;overflow:hidden;padding:8px 12px 12px;align-self:start}.player-preview{width:100%;height:340px;position:relative;display:grid;place-items:center;color:#466457}.player-preview canvas{width:100%;height:100%;display:block;border-radius:16px}.player-preview[data-preview-error]::after{content:attr(data-preview-error);position:absolute;inset:30% 12px;background:#fff5df;padding:20px;border-radius:16px}
.dresser-turn{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.dresser-turn input{min-width:0;flex:1;accent-color:#368e78}.dresser-angles{display:flex;gap:6px;margin-top:8px}.dresser-angles button{flex:1;min-height:38px;padding:5px;font-size:14px;background:#f9f5e7;border:1px solid #a3bdac;border-radius:12px;color:#3c5f52}#dresser-status{font-size:14px;line-height:1.5;margin:10px 0 0}
.dresser-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin}.dresser-tabs button{flex:0 0 auto;border:1px solid #a9bdae;background:#e8ebdc;color:#435a50;font-size:15px;min-height:42px;padding:8px 13px;border-radius:14px}.dresser-tabs [aria-selected=true]{background:#358871;color:#fff;border-color:#358871}
#dresser-options{overflow-y:auto;max-height:395px;padding:2px 6px 10px 1px;scrollbar-width:thin}#dresser-options fieldset{min-inline-size:0;border:0;padding:0;margin:0 0 20px}#dresser-options legend{font-size:16px;font-weight:800;margin:0 0 10px}.dresser-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dresser-choices button{min-width:0;overflow-wrap:anywhere;min-height:47px;padding:9px 8px;border-radius:14px;background:#fffdf3;border:2px solid #dedbc4;color:#4f5a49;font-size:15px;font-weight:700}.dresser-choices [aria-pressed=true]{background:#e3efda;border-color:#39866c;color:#255943;box-shadow:inset 0 0 0 1px #39866c}.dresser-palette{display:flex;flex-wrap:wrap;gap:10px}.dresser-palette button{width:44px;height:44px;min-width:44px;border:3px solid #fffdf4;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #bcbcab;padding:0}.dresser-palette [aria-pressed=true]{outline:3px solid #347c65;outline-offset:2px}.dresser-palette span{background:#354b43;color:#fff;font-size:15px;border-radius:50%;padding:1px 4px}.dresser-palette span:empty{display:none}
.dresser-series{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 12px;color:#39745e;font-size:14px;font-weight:700}.dresser-series button{min-height:44px;padding:7px 12px;border:1px solid #9bb7a5;border-radius:12px;background:#edf1df;color:#305e4d;font-size:14px;white-space:nowrap}
.dresser-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #d4d8c5}.dresser-actions button{min-height:47px;min-width:140px;font-size:16px}.dresser-dialog button:focus-visible,.dresser-dialog input:focus-visible{outline:3px solid #bc702d;outline-offset:3px}.dresser-dialog .close{z-index:2}
@media(max-width:620px) and (orientation:portrait){.dresser-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:16px;box-sizing:border-box}.dresser-layout{grid-template-columns:1fr;gap:12px}.dresser-heading h2{font-size:1.35rem;margin-bottom:8px}.dresser-mirror{padding:0 10px 7px}.player-preview{height:230px}.dresser-turn{gap:7px}.dresser-angles{position:absolute;right:24px;top:108px;flex-direction:column}.dresser-angles button{padding:5px 9px}.dresser-tabs{padding-bottom:8px}#dresser-options{max-height:28dvh}.dresser-actions{margin-top:8px;padding-top:10px}.dresser-actions button{min-width:0;flex:1}#dresser-status{font-size:13px;margin-top:5px}.dresser-heading .eyebrow{font-size:12px}}
@media(max-height:540px) and (orientation:landscape){.dresser-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:10px 18px;box-sizing:border-box}.dresser-heading .eyebrow{display:none}.dresser-heading h2{font-size:1.25rem;margin-bottom:8px}.dresser-layout{grid-template-columns:34% 1fr;gap:16px}.player-preview{height:calc(100dvh - 173px);min-height:140px}.dresser-mirror{padding:0 8px 5px}.dresser-angles{display:none}#dresser-options{max-height:calc(100dvh - 173px)}.dresser-actions{margin-top:6px;padding-top:6px}.dresser-actions button{min-height:40px}.dresser-tabs button{min-height:38px}.dresser-choices{grid-template-columns:repeat(3,minmax(0,1fr))}#dresser-status{font-size:12px}.dresser-turn{font-size:13px}}