.app-stage>astro-island{height:100%;display:block}.px{--px-rail-w:400px;--px-gap:clamp(12px, 1.4vw, 18px);--px-radius:var(--radius-md);--px-grid:color-mix(in srgb, var(--color-ink) 16%, transparent);--px-chunk:color-mix(in srgb, var(--color-primary) 55%, transparent);height:100%;padding:var(--px-gap);gap:var(--px-gap);font-family:var(--font-body);color:var(--color-ink);flex-direction:column;display:flex;overflow:hidden}.px *,.px :before,.px :after{box-sizing:border-box}.px--welcome{overflow-y:auto}.px-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.px-muted{color:var(--color-muted);font-weight:500}.px-welcome{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;margin:clamp(24px,8vh,90px) auto;display:flex}.px-welcome__icon{width:56px;height:56px}.px-welcome__title{font-family:var(--font-display);letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(1.6rem,3.4vw,2.1rem);font-weight:800}.px-welcome__text{color:var(--color-muted);margin:0 0 8px;line-height:1.6}.px-drop{flex-direction:column;gap:12px;width:100%;display:flex}.px-drop__sample{color:var(--color-muted);justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.px-drop--compact{margin-bottom:4px}.px-drop__err{color:var(--color-orange,#d9534f);margin:0;font-size:.86rem}.px-bar{flex-wrap:wrap;flex:none;align-items:center;gap:12px;display:flex}.px-bar__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.02rem;font-weight:800}.px-bar__toggles{gap:6px;display:flex}.px-bar__spacer{flex:1}.px-bar__pending{font-size:.9rem}.px-togglechip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .16s}.px-togglechip:hover{border-color:var(--color-border-strong)}.px-togglechip.is-on{background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);color:var(--color-primary-2,var(--color-primary))}.px-export{flex-wrap:wrap;gap:8px;display:flex}.px-main{grid-template-columns:minmax(0, 1fr) var(--px-rail-w);gap:var(--px-gap);flex:1;min-height:0;display:grid}.px-panel{border:1px solid var(--color-border);border-radius:var(--px-radius);background:var(--color-surface);box-shadow:var(--shadow-soft);min-height:0}.px-stagewrap{display:flex;overflow:hidden}.px-rail{flex-direction:column;display:flex;overflow:hidden}.px-preview{flex-direction:column;width:100%;min-height:0;display:flex}.px-preview__scroll{flex:1;place-items:center;min-height:0;padding:16px;display:grid;overflow:auto}.px-stage{background-image:linear-gradient(45deg, color-mix(in srgb, var(--color-ink) 7%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--color-ink) 7%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--color-ink) 7%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--color-ink) 7%, transparent) 75%);box-shadow:var(--shadow-card);cursor:crosshair;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:6px;flex:none;position:relative}.px-stage__canvas{width:100%;height:100%;image-rendering:pixelated;border-radius:6px;display:block}.px-stage__grid{pointer-events:none;background-repeat:repeat,repeat,no-repeat,no-repeat;position:absolute;inset:0}.px-preview__bar{border-top:1px solid var(--color-border);flex:none;align-items:center;gap:14px;padding:10px 14px;display:flex}.px-preview__hint{color:var(--color-muted);margin-left:auto;font-size:.82rem}.px-zoom{align-items:center;gap:8px;width:min(280px,50%);display:flex}.px-zoom__range{flex:1}.px-zoom__btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-soft);width:30px;height:30px;color:var(--color-ink);cursor:pointer;flex:none;font-size:1.1rem;line-height:1}.px-zoom__btn:disabled{opacity:.4;cursor:default}.px-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex:none;gap:4px;padding:10px;display:flex}.px-tab{border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 11px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.px-tab:hover{background:var(--color-surface-soft);color:var(--color-ink)}.px-tab.is-active{background:var(--gradient-primary,var(--color-primary));color:#fff;border-color:#0000}.px-rail__body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px;display:flex;overflow-y:auto}.px-controls{flex-direction:column;gap:14px;display:flex}.px-row{align-items:center;gap:12px;display:flex}.px-row>*{flex:1}.px-details{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 12px}.px-details>summary{cursor:pointer;color:var(--color-ink);padding:8px 0;font-size:.86rem;font-weight:700}.px-details__body{flex-direction:column;gap:12px;padding:6px 0 12px;display:flex}.px-color{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:100%;height:40px;padding:3px}.px-sw{width:28px;height:28px;image-rendering:pixelated;border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);background-size:cover;border-radius:6px;flex:none}.px-sw--sm{width:22px;height:22px}.px-renew{background:var(--color-green,#5fb863);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.px-palette,.px-mat,.px-subs,.px-check,.px-layers{flex-direction:column;gap:12px;display:flex}.px-search{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.px-search input{width:100%;font:inherit;color:var(--color-ink);background:0 0;border:none;outline:none}.px-catlist{flex-direction:column;gap:6px;display:flex}.px-cat{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px}.px-cat__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.px-cat__toggle{cursor:pointer;color:var(--color-primary);background:0 0;border:none;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.px-cat__count{color:var(--color-muted);font-weight:600}.px-chipgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:10px;display:grid}.px-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:left;opacity:.5;align-items:center;gap:8px;min-width:0;padding:6px 8px;transition:all .14s;display:flex}.px-chip.is-on{opacity:1;border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);background:var(--color-primary-soft)}.px-chip.is-locked{opacity:.35;cursor:not-allowed}.px-chip__sw{width:22px;height:22px;image-rendering:pixelated;border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);background-size:cover;border-radius:5px;flex:none}.px-chip__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.78rem;font-weight:600;overflow:hidden}.px-chip__coin{color:var(--color-orange,#eb8b3d);flex:none}.px-empty{color:var(--color-muted);margin:0;padding:8px 2px;font-size:.88rem}.px-mat__summary{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.84rem;display:flex}.px-dot{opacity:.5}.px-mat__list,.px-check__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.px-mat__row{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:7px 8px;display:flex}.px-mat__row:hover{background:var(--color-surface-soft)}.px-mat__name{flex-direction:column;flex:1;min-width:0;font-size:.9rem;font-weight:600;display:flex}.px-mat__meta{color:var(--color-muted);font-size:.76rem;font-weight:500}.px-mat__count{font-size:.92rem}.px-subs__hint{color:var(--color-muted);margin:0;font-size:.84rem;line-height:1.5}.px-subs__list{flex-direction:column;gap:6px;display:flex}.px-subs__row{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:8px;padding:6px;display:flex}.px-subs__row.is-selected{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent);background:var(--color-primary-soft)}.px-subs__from{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.86rem;font-weight:600;overflow:hidden}.px-subs__arrow{color:var(--color-muted);flex:none}.px-subs__select{flex:none;width:130px;height:38px}.px-layers__hint{margin:0;font-size:.84rem;line-height:1.5}.px-layers__nav{align-items:center;gap:8px;display:flex}.px-layers__nav input{flex:1}.px-layers__meta{color:var(--color-muted);align-items:center;gap:8px;font-size:.86rem;display:flex}.px-layers__runs{counter-reset:run;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.px-layers__run{border-radius:var(--radius-sm);background:var(--color-surface-soft);align-items:center;gap:8px;padding:5px 8px;display:flex}.px-layers__run--gap{background:0 0}.px-layers__run-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.84rem;font-weight:600;overflow:hidden}.px-layers__run-x{color:var(--color-muted);font-size:.84rem}.px-check__head{align-items:center;gap:10px;display:flex}.px-check__progress{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:999px;flex:1;height:8px;overflow:hidden}.px-check__bar{background:var(--gradient-primary,var(--color-primary));height:100%;transition:width .2s;display:block}.px-check__count{color:var(--color-muted);flex:none;font-size:.82rem}.px-check__sub{margin:0;font-size:.82rem}.px-check__item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.px-check__item:hover{background:var(--color-surface-soft)}.px-check__box{border:2px solid var(--color-border-strong);color:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.px-check__item.is-done .px-check__box{background:var(--color-green,#5fb863);border-color:var(--color-green,#5fb863)}.px-check__item.is-done .px-check__name{color:var(--color-muted);text-decoration:line-through}.px-check__info{flex-direction:column;flex:1;min-width:0;display:flex}.px-check__name{font-size:.9rem;font-weight:600}.px-check__how{font-size:.76rem}.px-check__qty{text-align:right;flex:none;font-size:.84rem}.px-msg{text-align:center;color:var(--color-muted);max-width:420px;margin:auto;padding:24px}.px-msg--error{color:var(--color-orange,#d9534f)}.px-link{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.px-spinner{color:var(--color-muted);flex-direction:column;align-items:center;gap:12px;margin:auto;display:flex}.px-spinner__ring{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite px-spin}@keyframes px-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.px-spinner__ring{animation:none}}@media (width<=920px){.px{overflow-y:auto}.px-main{grid-template-columns:1fr}.px-stagewrap{min-height:56vh}.px-rail{min-height:60vh}}