.wear-editor{display:flex!important;flex-direction:column;gap:10px;width:100%;min-width:0}
.wear-editor>label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.wear-editor>label[hidden]{display:none}
.wear-editor select{font:inherit;background:#272331;color:#f5e7d5;border:1px solid #716479;border-radius:10px;padding:9px;max-width:65%}
.wear-editor[data-look-key=top]>label>span{display:none}
.wear-editor[data-look-key=top] select{width:100%;max-width:100%;min-height:44px}
.wear-editor button{font:inherit;background:#363044;color:#f8e8d4;border:1px solid #77677f;border-radius:10px;padding:9px 12px;cursor:pointer}
.wear-art-actions,.wear-art-toolbar{display:flex;flex-wrap:wrap;gap:7px}
.wear-art-panel{display:flex;flex-direction:column;gap:10px;border-top:1px solid #695968;padding-top:12px}
.wear-art-panel[hidden]{display:none}
.wear-art-panel>label,.wear-art-body>label{display:flex;flex-direction:column;gap:6px;min-width:0}
.print-crop{box-sizing:border-box;width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid #9b859d;border-radius:18px;background:#25202e;color:#f5e7d5;direction:rtl;overflow:auto}
.print-crop[open]{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,1fr);gap:12px 20px}
.print-crop::backdrop{background:#080610c9}
.print-crop>strong,.print-crop>.wear-art-actions{grid-column:1/-1}
.print-crop-view{display:grid;place-items:center;min-width:0;min-height:0}
.wear-art-panel .print-crop-view canvas{width:auto;max-width:100%;max-height:min(340px,calc(100dvh - 140px));height:auto;border-radius:6px;cursor:grab;object-fit:contain}
.print-crop-controls{display:grid;gap:8px;align-content:center;min-width:0}
.print-crop-controls>label{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.5fr);align-items:center;gap:8px;font-size:14px}
.print-crop input[type=range],.wear-editor .print-crop select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;accent-color:#efc581}
.print-crop input[type=range]{height:28px;margin:0}
.print-crop small{color:#d1c0b8;line-height:1.5}
.print-crop .wear-art-actions button:first-child{background:#efc581;color:#211724}
@media(max-width:560px){.print-crop[open]{grid-template-columns:1fr}.wear-art-panel .print-crop-view canvas{max-height:min(30dvh,240px)}.print-crop-controls>label{grid-template-columns:1fr 1.6fr}}
.wear-art-panel textarea,.wear-art-panel input[type=file]{box-sizing:border-box;width:100%;max-width:100%;font:inherit;color:#f5e7d5;background:#272331;border:1px solid #716479;border-radius:10px;padding:9px}
.wear-art-panel textarea{resize:vertical;min-height:70px}
.wear-art-panel button:disabled{opacity:.5;cursor:wait}
.wear-art-title{font-size:14px}
.wear-editor .wear-ink{width:26px;height:26px;min-height:26px;padding:0;border:2px solid #d9c5b7;border-radius:50%}
.wear-art-panel canvas{width:min(100%,256px);height:auto;aspect-ratio:1;border:1px solid #b29a89;border-radius:18px;touch-action:none;align-self:center}
.wear-editor button[aria-pressed=true]{outline:2px solid #ebc07d}
.wardrobe-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:600px){.wardrobe-tab{padding:9px 4px!important;font-size:12px!important}.wear-editor>label{font-size:13px}.wear-editor select{padding:7px}.wear-art-panel canvas{width:min(100%,220px)}}

/* The footer is always outside the scroll area, including short landscape screens. */
.wear-modal{box-sizing:border-box;width:min(560px,calc(100vw - 20px));max-width:none;height:min(700px,calc(var(--wear-viewport-height,100dvh) - 24px));max-height:calc(var(--wear-viewport-height,100dvh) - 24px);position:fixed;left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);margin:0;padding:16px;border:1px solid #9b859d;border-radius:18px;background:#25202e;color:#f5e7d5;font:15px/1.4 Rubik,Arial,sans-serif;overflow:hidden}
.wear-modal[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.wear-modal::backdrop{background:#080610c9}
.wear-art-body{display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0;min-width:0;overscroll-behavior:contain;padding:4px}
.wear-dialog-footer{padding-top:12px;border-top:1px solid #695968;flex-wrap:nowrap;flex-shrink:0}
.wear-dialog-footer button{min-height:44px;flex:1}
.wear-dialog-footer button:first-child{background:#efc581;color:#211724;font-weight:700}
.wear-ink-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;width:100%;padding:3px}
.wear-editor .wear-ink{width:100%;height:36px;min-height:36px;border-radius:9px}
.wear-art-body>canvas{flex:none}
@media(max-width:600px){.wear-modal{padding:12px}.wear-ink-palette{grid-template-columns:repeat(4,1fr)}.wear-editor .wear-ink{height:44px;min-height:44px}}
@media(max-height:480px) and (min-width:600px){.wear-modal{width:min(760px,calc(100vw - 24px));padding:10px 14px}.wear-art-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;align-content:start}.wear-art-body>canvas{grid-column:2;grid-row:1/span 6;max-height:100%;width:min(100%,210px);justify-self:center;align-self:start;position:sticky;top:0}.wear-art-toolbar{grid-column:1}.wear-dialog-footer{padding-top:8px}}