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