.atelier-standalone{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#10151b;color:#e2e8ef}.atelier,.atelier *{box-sizing:border-box}.atelier-standalone{margin:0}.atelier a{color:var(--accent)}.atelier{padding:16px clamp(14px,2vw,28px) 28px}.atelier .topbar,.atelier .wardrobe-heading,.atelier .gallery-heading,.atelier .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.atelier .topbar{margin-bottom:16px}.atelier .back{font-size:.8rem;text-decoration:none}.atelier .workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px}.atelier .preview-panel{align-self:start}.atelier .stage{height:260px;display:grid;place-items:center;overflow:hidden;border:1px solid #35475a;border-radius:7px;background:radial-gradient(ellipse at 50% 72%,#35475a,#1c2a38 45%,#131d29 100%)}.atelier canvas{width:320px;max-width:100%;height:auto;image-rendering:pixelated}.atelier .controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.atelier .controls label:last-child{grid-column:1/-1}.atelier label{font-size:.8rem;color:var(--muted);display:grid;gap:5px}.atelier select{width:100%}.atelier .buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.atelier .saved{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.atelier .saved .buttons{flex-wrap:nowrap}.atelier .saved select{min-width:0;flex:1}.atelier .status,.atelier .note,.atelier .wardrobe-heading p,.atelier .gallery-heading p{font-size:.78rem;color:var(--muted);margin:8px 0}.atelier .note{color:#e7c28a}.atelier .wardrobe h2,.atelier .wardrobe h3{font-size:1rem;margin:0}.atelier .archive{display:flex;align-items:center;white-space:nowrap}.atelier .categories{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 18px}.atelier .dress-up-category{font-size:.8rem;min-height:32px;padding:5px 9px}.atelier .dress-up-category span{margin-left:6px;color:var(--muted)}.atelier .dress-up-category[aria-pressed=true],.atelier .dress-up-style-card[aria-pressed=true]{border-color:var(--accent);background:#253545}.atelier .gallery-heading{align-items:end}.atelier .search{width:min(300px,48%)}.atelier .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.atelier .dress-up-style-item{min-width:0}.atelier .dress-up-style-card{display:flex;flex-direction:column;width:100%;height:100%;padding:6px;text-align:left;overflow:hidden}.atelier .dress-up-style-art{width:100%;height:82px;display:grid;place-items:center;position:relative;background:#141a1e;border-radius:4px;overflow:hidden}.atelier .dress-up-style-art img{width:100px;height:80px;object-fit:contain;image-rendering:pixelated}.atelier .dress-up-style-none{font-size:1.5rem;color:var(--muted)}.atelier .dress-up-style-copy{display:grid;gap:3px;padding:6px 2px 2px;width:100%;overflow:hidden}.atelier .dress-up-style-copy strong{font-size:.76rem;line-height:1.25;overflow-wrap:anywhere}.atelier .dress-up-style-copy small{font-size:.65rem;color:var(--muted);overflow-wrap:anywhere}.atelier .dress-up-archive-badge{position:absolute;top:3px;left:3px;color:#efdaa7;background:#50452b;border-radius:3px;padding:2px 4px;font-size:.6rem}.atelier .more{margin-top:12px}.atelier .dress-up-gallery-empty{color:var(--muted);font-size:.85rem}.atelier dialog{background:var(--panel);color:#edf0ef;border:1px solid #526579;border-radius:9px;width:min(520px,calc(100% - 28px));padding:20px;line-height:1.5}.atelier dialog::backdrop{background:#000a}.atelier .dialog-head h2{font-size:1.1rem;margin:0}.atelier .dialog-head button{font-size:1.2rem}.atelier .dialog-head+p{margin-top:20px}@media(max-width:700px){.atelier .workspace{grid-template-columns:1fr}.atelier .stage{height:210px}.atelier .preview-panel{width:100%}.atelier .gallery{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.atelier .gallery-heading{align-items:start;flex-direction:column}.atelier .search{width:100%}.atelier .wardrobe-heading{align-items:start}}.atelier .save-label{margin:20px 0 6px}.atelier #look-name{width:100%;color:#e2e8ef;background:var(--hi);border:1px solid #526579;border-radius:6px;min-height:40px;padding:8px 10px}.atelier #save-error:empty{display:none}.atelier-standalone{display:flex;flex-direction:column;min-height:100dvh}.atelier{flex:1}.atelier .gallery{max-height:60dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.atelier .preview-panel{position:sticky;top:16px}@media(max-width:700px){.atelier .preview-panel{position:static}.atelier .gallery{max-height:65dvh}}


@media(max-width:700px){.atelier .stage canvas{width:160px;max-width:none}}

/* Public tools use the shared page gutters and leave site controls untouched. */
.public-site .atelier{padding:10px 0 36px}.public-site .atelier .topbar{margin:0 0 12px}.public-site .atelier .preview-panel{top:88px}
@media(max-width:1100px){.public-site .atelier .workspace{grid-template-columns:1fr}.public-site .atelier .preview-panel{position:static}}
@media(max-width:520px){.atelier button,.atelier select,.atelier input,.atelier .help{min-height:44px}.atelier .buttons button[data-dress-up-previous-frame],.atelier .buttons button[data-dress-up-next-frame]{min-width:44px}}
.atelier .look-options{margin-top:10px;border-top:1px solid var(--line)}
.atelier .stage{display:flex;align-items:safe center;justify-content:safe center;overflow:auto}
.atelier .stage canvas{flex:none;max-width:none}
@media(max-width:700px){
  .public-site .atelier .topbar{margin:4px 0 10px}
  .atelier .workspace{gap:10px}
  .atelier .stage{height:160px}
  .atelier .controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .atelier .controls label:last-child{grid-column:auto}
  .atelier .controls select{padding-inline:5px}
  .atelier .categories{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;margin:8px 0 12px}
  .atelier .dress-up-category{flex:none;min-height:44px}
  .atelier .gallery-heading{gap:8px}
  .atelier .status:empty{display:none}
}

.atelier .appearance-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:10px}
.atelier .appearance-fields label{min-width:0}.atelier .appearance-fields select{min-height:40px}
.atelier .appearance-color>span{display:flex;align-items:center;gap:6px}
.atelier .appearance-swatch{display:inline-block;width:14px;height:14px;border:1px solid #c2a8dc;border-radius:50%;background:var(--hair-color,#7f3b93)}
.atelier .appearance-options [data-dress-up-hair-note]:empty,.atelier .appearance-swatch[hidden]{display:none}
.atelier .stage[data-photo=true]{overflow:hidden;align-items:center;justify-content:center}
.atelier .stage[data-photo=true] canvas{flex:none;max-width:none}

.atelier .appearance-preview{display:none}
@media(max-width:700px){.atelier .appearance-preview{position:sticky;top:68px;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--panel,#19231f);border:1px solid var(--line,#34433e);border-radius:6px;margin-top:8px;font-size:.78rem;color:var(--muted)}.atelier .appearance-preview canvas{width:110px;height:88px;max-width:none;image-rendering:pixelated}.project-tool-private .atelier .appearance-preview{top:0}}