.app-stage>astro-island{height:100%;display:block}.atp{height:100%;font-family:var(--font-body);color:var(--color-ink);overflow:hidden}.atp *,.atp :before,.atp :after{box-sizing:border-box}.atp-shell{grid-template-rows:100%;grid-template-columns:minmax(430px,590px) minmax(0,1fr);gap:clamp(12px,1.4vw,18px);max-width:1560px;height:100%;margin:0 auto;padding:clamp(12px,1.6vw,22px);display:grid}@media (width<=900px){.atp{overflow-y:auto}.atp-shell{grid-template-rows:auto;grid-template-columns:1fr;height:auto;min-height:100%}.atp-controls{overflow:visible}.atp-preview{order:-1}.atp-stage{flex:none;height:clamp(420px,60vh,560px)}}.atp-bar{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.atp-bar__btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 13px;font-size:.8rem;font-weight:700;transition:transform .14s,border-color .16s,box-shadow .2s,background .16s,filter .16s;display:inline-flex}.atp-bar__btn svg{flex:none;width:15px;height:15px}.atp-bar__btn:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.atp-bar__btn:active{transform:scale(.96)}.atp-bar__btn[data-copied=true]{color:#fff;background:linear-gradient(120deg,#1ba049,#1fb6a8);border-color:#0000;animation:.4s atp-copied-pop}.atp-bar__btn--primary{background:linear-gradient(120deg, var(--color-primary), var(--color-purple));color:#fff;box-shadow:var(--shadow-soft);border-color:#0000}.atp-bar__btn--primary:hover{box-shadow:var(--shadow-card-hover);filter:brightness(1.05);border-color:#0000}.atp-bar__btn:disabled{opacity:.55;cursor:default;pointer-events:none}.atp-bar__btn--icon{justify-content:center;width:40px;height:40px;padding:0}.atp-bar__btn--icon svg{width:17px;height:17px}@keyframes atp-copied-pop{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}.atp-userfield{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:12px;align-items:center;height:38px;padding-left:12px;transition:border-color .15s,box-shadow .15s;display:flex}.atp-userfield:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.atp-userfield__input:focus,.atp-userfield__input:focus-visible,.atp-userfield__go:focus,.atp-userfield__go:focus-visible{box-shadow:none;outline:none}.atp-userfield__search{color:var(--color-muted);flex:none;margin-right:8px;display:inline-flex}.atp-userfield__search svg{width:17px;height:17px}.atp-userfield__input{width:170px;min-width:0;font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;font-size:.85rem}.atp-userfield__input::placeholder{color:var(--color-muted)}.atp-userfield__go{height:100%;font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0 13px;font-size:.8rem;font-weight:700}.atp-userfield__go:hover{color:var(--color-purple)}.atp-userfield__go:disabled{color:var(--color-muted);cursor:default}@media (width<=1180px){.atp-userfield__input{width:120px}.atp-bar__btn span{display:none}.atp-bar__btn{padding:8px 10px}}@media (width<=700px){.atp-userfield{display:none}}.atp-controls{flex-direction:column;gap:clamp(10px,1.2vh,14px);min-width:0;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.atp-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft);flex:none}.atp-piece{align-items:stretch;display:flex;overflow:hidden}.atp-piece[data-hidden=true] .atp-piece__art,.atp-piece[data-hidden=true] .atp-piece__name,.atp-piece[data-hidden=true] .atp-piece__fields{opacity:.5}.atp-piece__art{background:var(--color-surface-soft);border-right:1px solid var(--color-border);flex:none;place-items:center;width:88px;transition:opacity .16s;display:grid}.atp-piece__icon{width:56px;height:56px;image-rendering:pixelated}.atp-piece__body{flex:1;min-width:0;padding:12px 14px 13px}.atp-piece__head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.atp-piece__name{font-family:var(--font-display);letter-spacing:-.01em;flex:1;margin:0;font-size:1.05rem;font-weight:800;transition:opacity .16s}.atp-piece__eye,.atp-piece__lock{width:30px;height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.atp-piece__eye svg,.atp-piece__lock svg{width:17px;height:17px}.atp-piece__eye:hover,.atp-piece__lock:hover{color:var(--color-ink);background:var(--color-surface-soft);border-color:var(--color-border)}.atp-piece__eye[aria-pressed=false]{color:var(--color-border-strong)}.atp-piece__lock[aria-pressed=true]{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.atp-piece__lock[aria-pressed=false]{color:var(--color-border-strong)}.atp-piece__fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;transition:opacity .16s;display:grid}@media (width<=900px){.atp-piece__fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.atp-fld{flex-direction:column;gap:5px;min-width:0;display:flex}.atp-fld__label{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.atp-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);font-size:.66rem;font-weight:800;display:block}.atp-armorrow{min-width:0;position:relative}.atp-select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-width:0;min-height:84px;color:var(--color-ink);font:inherit;text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 6px 7px;font-size:.72rem;font-weight:600;transition:border-color .16s,box-shadow .16s,opacity .16s;display:flex;position:relative}.atp-select:disabled{opacity:.5;cursor:default;pointer-events:none}.atp-select>.atp-select__icon .atp-opticon,.atp-select>.atp-select__icon .atp-noneicon{width:40px;height:40px}.atp-select>.atp-select__label{white-space:normal;overflow-wrap:break-word;flex:none;width:100%;line-height:1.15}.atp-select>.atp-select__chevron{position:absolute;top:5px;right:6px}.atp-select:hover{border-color:var(--color-border-strong)}.atp-select[aria-expanded=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.atp-select[data-dim=true]{opacity:.55}.atp-select__icon{flex:none;display:inline-flex}.atp-select__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.atp-select__chevron{color:var(--color-muted);flex:none;transition:transform .2s,color .16s;display:inline-flex}.atp-select__chevron svg{width:16px;height:16px}.atp-select:hover .atp-select__chevron{color:var(--color-ink);transform:translateY(2px)}.atp-select[aria-expanded=true] .atp-select__chevron{color:var(--color-primary);transform:rotate(180deg)}.atp-select__pop{z-index:400;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-card-hover);outline:none;margin:0;padding:6px;list-style:none;animation:.14s atp-pop-in;position:fixed;overflow-y:auto}@keyframes atp-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.atp-select__opt{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:.76rem;font-weight:600;display:flex}.atp-select__opt[data-active=true]{background:var(--color-primary-soft)}.atp-select__opt[aria-selected=true]{color:var(--color-primary)}.atp-select__tick{color:var(--color-primary);margin-left:auto;display:inline-flex}.atp-select__tick svg{width:14px;height:14px}.atp-select__pop--grid{gap:3px;display:grid}.atp-select__pop--grid .atp-select__opt{text-align:center;flex-direction:column;gap:4px;padding:7px 3px 5px}.atp-select__pop--grid .atp-select__label{flex:none;width:100%;font-size:.6rem;font-weight:700}.atp-select__pop--grid .atp-select__tick{display:none}.atp-select__pop--grid .atp-select__opt[aria-selected=true]{background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.atp-opticon{width:28px;height:28px;image-rendering:pixelated;flex:none}.atp-opticon--pattern{width:36px;height:36px}.atp-noneicon{border:1px dashed var(--color-border-strong);background:repeating-linear-gradient(45deg, transparent, transparent 4px, var(--color-border) 4px, var(--color-border) 5px);border-radius:6px;flex:none;width:24px;height:24px}.atp-select__pop .atp-noneicon{width:36px;height:36px}.atp-dyewell{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:border-color .16s,box-shadow .16s;display:inline-flex;position:absolute;top:4px;left:5px}.atp-dyewell:disabled{opacity:.5;cursor:default;pointer-events:none}.atp-dyewell:hover{border-color:var(--color-border-strong)}.atp-dyewell[aria-expanded=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.atp-dyewell__chip{border:1px solid #0000002e;border-radius:4px;width:14px;height:14px}.atp-dyepop{z-index:400;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-card-hover);padding:12px;animation:.14s atp-pop-in;position:fixed}.atp-dyepop__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 8px;font-size:.64rem;font-weight:700}.atp-dyepop__grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.atp-dyepop__swatch{cursor:pointer;border:1px solid #0000002e;border-radius:6px;width:22px;height:22px;padding:0;transition:transform .12s,box-shadow .12s}.atp-dyepop__swatch:hover{transform:translateY(-1px)scale(1.1)}.atp-dyepop__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-primary), 0 0 0 3px var(--color-surface)}.atp-dyepop__row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.atp-dyepop__undye{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:5px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.atp-dyepop__undye:hover{border-color:var(--color-border-strong)}.atp-dyepop__undye[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.atp-dyepop__custom{color:var(--color-muted);align-items:center;gap:7px;font-size:.76rem;font-weight:600;display:inline-flex}.atp-dyepop__custom input{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:26px;padding:0}.atp-presets{padding:13px 16px 14px}.atp-presets__list{flex-direction:column;gap:6px;margin-top:9px;display:flex}.atp-presetrow{align-items:stretch;gap:6px;display:flex}.atp-presetrow__apply{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:10px;padding:7px 10px;font-size:.78rem;font-weight:700;transition:border-color .16s,box-shadow .16s;display:flex}.atp-presetrow__apply:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.atp-presetrow__icons{flex:none;gap:3px;display:inline-flex}.atp-presetrow__icon{width:22px;height:22px;image-rendering:pixelated}.atp-presetrow__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.atp-presetrow__del{border:1px solid var(--color-border);background:var(--color-surface);width:34px;color:var(--color-muted);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;transition:color .16s,border-color .16s;display:inline-flex}.atp-presetrow__del svg{width:15px;height:15px}.atp-presetrow__del:hover{color:#b02e26;border-color:#b02e26}.atp-savepop{flex-direction:column;gap:8px;display:flex}.atp-savepop__input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-ink);font:inherit;border-radius:9px;padding:8px 10px;font-size:.8rem}.atp-savepop__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.atp-savepop__go{background:linear-gradient(120deg, var(--color-primary), var(--color-purple));color:#fff;font:inherit;cursor:pointer;border:none;border-radius:9px;align-self:flex-end;padding:6px 16px;font-size:.78rem;font-weight:700}.atp-posegrid{flex-wrap:wrap;gap:5px;display:flex}.atp-posegrid__label2{margin-top:10px}.atp-posechip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;border-radius:9px;padding:5px 11px;font-size:.74rem;font-weight:600;transition:border-color .14s,background .14s,color .14s}.atp-posechip:hover{border-color:var(--color-border-strong)}.atp-posechip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.atp-bggrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.atp-bgtile{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 5px;font-size:.66rem;font-weight:600;transition:border-color .14s,box-shadow .14s;display:flex}.atp-bgtile:hover{border-color:var(--color-border-strong)}.atp-bgtile[aria-pressed=true],.atp-bgtile[data-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.atp-bgtile__swatch{border:1px solid #0000001a;border-radius:6px;width:100%;height:26px}.atp-bgtile input[type=color]{cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:6px;width:100%;height:26px;padding:0}.atp-modelrow{flex-direction:column;gap:9px;padding:13px 16px 15px;display:flex}.atp-seglabel{align-items:center;gap:7px;display:inline-flex}.atp-modelrow .pt-segmented{border-radius:12px}.atp-modelrow .pt-segmented__option{border-radius:9px}.atp-seglabel svg{flex:none;width:13px;height:13px}.atp-art{object-fit:contain;filter:drop-shadow(0 1px 2px #00000047);flex:none;width:18px;height:18px}.atp-commands{padding:13px 16px 12px}.atp-commands__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.atp-commands__copy{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.72rem;font-weight:700;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.atp-commands__copy svg{width:12px;height:12px}.atp-commands__copy:hover{border-color:var(--color-primary)}.atp-commands__copy[data-copied=true]{color:#fff;background:linear-gradient(120deg,#1ba049,#1fb6a8);border-color:#0000}.atp-commands__rows{flex-direction:column;gap:5px;display:flex}.atp-cmdrow{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);align-items:center;gap:7px;padding:5px 5px 5px 10px;display:flex}.atp-cmdrow code{min-width:0;font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-ink);white-space:nowrap;flex:1;font-size:.68rem;overflow-x:auto}.atp-cmdrow__copy{border:1px solid var(--color-border);background:var(--color-surface);width:26px;height:26px;color:var(--color-primary);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.atp-cmdrow__copy svg{width:13px;height:13px}.atp-cmdrow__copy:hover{border-color:var(--color-primary)}.atp-cmdrow__copy[data-copied=true]{color:#fff;background:linear-gradient(120deg,#1ba049,#1fb6a8);border-color:#0000}.atp-commands__note{color:var(--color-muted);align-items:center;gap:6px;margin:9px 0 0;font-size:.7rem;font-weight:600;display:flex}.atp-commands__note svg{flex:none;width:13px;height:13px}.atp-commands__note .atp-art{width:15px;height:15px}.atp-preview{flex-direction:column;min-width:0;min-height:0;display:flex}.atp-stage{border:1px solid var(--color-border);border-radius:var(--radius);min-height:320px;box-shadow:var(--shadow-card);background:radial-gradient(70% 46% at 50% 44%, #ffffff8c 0%, #fff0 70%), linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 58%, var(--color-page-bg-soft) 86%, var(--color-border) 100%);flex:1;position:relative;overflow:hidden}:root[data-theme=dark] .atp-stage[data-bg=studio]{background:radial-gradient(70% 46% at 50% 44%, #ffffff0f 0%, #fff0 70%), linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 62%, var(--color-page-bg-soft) 100%)}.atp-stage[data-bg=sky],.atp-bgtile[data-bg=sky] .atp-bgtile__swatch{background:linear-gradient(#8ec5ec 0%,#c8e3f7 55%,#e8f4dd 100%)}.atp-stage[data-bg=sunset],.atp-bgtile[data-bg=sunset] .atp-bgtile__swatch{background:linear-gradient(#3d3b6e 0%,#9c5c8f 45%,#f2a65a 80%,#f7d08a 100%)}.atp-stage[data-bg=night],.atp-bgtile[data-bg=night] .atp-bgtile__swatch{background:radial-gradient(60% 40% at 50% 30%,#788cff2e 0%,#0000 70%),linear-gradient(#0b1024 0%,#1a2242 70%,#232c52 100%)}.atp-stage[data-bg=checker],.atp-bgtile[data-bg=checker] .atp-bgtile__swatch{background-color:#f2f5fa;background-image:linear-gradient(45deg,#e2e8f2 25%,#0000 25%),linear-gradient(-45deg,#e2e8f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f2 75%),linear-gradient(-45deg,#0000 75%,#e2e8f2 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.atp-bgtile[data-bg=checker] .atp-bgtile__swatch{background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.atp-stage[data-bg=custom]{background:var(--atp-stage-bg,var(--color-surface-soft))}.atp-bgtile[data-bg=studio] .atp-bgtile__swatch{background:linear-gradient(#fff 0%,#eef2f8 70%,#dfe4ee 100%)}:root[data-theme=dark] .atp-bgtile[data-bg=studio] .atp-bgtile__swatch{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 62%, var(--color-page-bg-soft) 100%)}.atp-stage-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.atp-stage-canvas:active{cursor:grabbing}.atp-stage__loading{color:var(--color-muted);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.atp-stage__hint{border:1px solid var(--color-border);background:var(--color-shell);color:var(--color-muted);pointer-events:none;backdrop-filter:blur(4px);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.atp-stagebtns{z-index:3;gap:8px;display:flex;position:absolute;top:12px;right:12px}.atp-fxbtn{border:1px solid var(--color-border);background:var(--color-shell);width:40px;height:40px;color:var(--color-muted);cursor:pointer;backdrop-filter:blur(4px);border-radius:10px;justify-content:center;align-items:center;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.atp-fxbtn svg{flex:none;width:18px;height:18px}.atp-fxbtn:hover{border-color:var(--color-border-strong);color:var(--color-ink)}.atp-fxbtn:disabled{opacity:.5;cursor:default;pointer-events:none}.atp-fxbtn[aria-pressed=true]{background:linear-gradient(120deg, var(--color-primary), var(--color-purple));color:#fff;border-color:#0000}.atp-stagetoast{z-index:4;background:linear-gradient(120deg, var(--color-primary), var(--color-purple));color:#fff;pointer-events:none;white-space:nowrap;border-radius:999px;padding:9px 18px;font-size:.84rem;font-weight:700;animation:.22s ease-out atp-toast-in;position:absolute;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #657df252}@keyframes atp-toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.atp-bar__btn[data-copied=true],.atp-select__pop,.atp-dyepop,.atp-stagetoast{animation:none}}