#pt-appbar-slot:has(.ss-appbar){flex:1 20 auto}@media (width>=1024px){.app-bar:has(.ss-appbar) .app-bar__tool{flex:none}}@media (width<=1023px){#pt-appbar-slot:has(.ss-appbar){flex:none}}.ss-appbar{justify-content:flex-end;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.ss-appbar__name{flex:0 220px;min-width:92px}.ss-name{min-width:0;display:flex}.ss-name__display{appearance:none;min-width:0;max-width:100%;color:var(--color-ink);font:inherit;text-align:left;cursor:text;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin:0;padding:4px 6px;font-weight:600;display:inline-flex}.ss-name__display:hover{background:var(--color-surface-soft)}.ss-name__display:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.ss-name__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ss-name__text[data-default]{color:var(--color-muted);font-weight:500}.ss-name__pencil{color:var(--color-muted);opacity:0;flex:none;transition:opacity .12s;display:inline-flex}.ss-name__display:hover .ss-name__pencil,.ss-name__display:focus-visible .ss-name__pencil{opacity:1}.ss-name__pencil svg{width:14px;height:14px}.ss-name__input{width:100%;min-width:0}.ss-appbar .ss-name__input{height:34px}.ss-appbar .btn{white-space:nowrap;flex:none}@media (width<=420px){.ss-appbar .btn{padding-inline:10px}.ss-appbar__label{display:none}}.app-stage>astro-island{height:100%;display:block}.shape-studio{font-family:var(--font-body);color:var(--color-ink);--ss-dock-w:clamp(268px, 21vw, 330px);position:absolute;inset:0;overflow:hidden}.ss-stage{position:absolute;inset:0;overflow:hidden}.ss-3d,.ss-layer-canvas,.ss-stage-loading{width:100%;height:100%;display:block;position:absolute;inset:0}.ss-3d{cursor:grab}.ss-3d:active{cursor:grabbing}.ss-3d__msg{text-align:center;color:var(--color-muted);place-items:center;padding:clamp(18px,4vw,48px);font-size:.95rem;line-height:1.6;display:grid;position:absolute;inset:0}.ss-3d__msg code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-ink);font-size:.9em}.ss-hint{z-index:4;text-align:center;max-width:min(520px,60vw);color:var(--color-muted);pointer-events:none;margin:0;font-size:.82rem;line-height:1.5;position:absolute;top:16px;left:50%;transform:translate(-50%)}.ss-dock{z-index:5;width:var(--ss-dock-w);scrollbar-width:thin;overscroll-behavior:contain;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;top:14px;bottom:14px;overflow-y:auto}.ss-dock::-webkit-scrollbar{width:6px}.ss-dock::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.ss-dock>*{pointer-events:auto;flex:none}.ss-dock--left{left:14px}.ss-dock--right{right:14px}.ss-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 92%, transparent);backdrop-filter:blur(10px);gap:12px;min-width:0;padding:12px 14px 14px;display:grid}.ss-panel__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.ss-stack{gap:12px;min-width:0;display:grid}.ss-gallery{gap:12px;display:grid}.ss-gallery__label{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.66rem;font-weight:800}.ss-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.ss-tile{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);font:inherit;text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 7px;font-size:.7rem;font-weight:700;line-height:1.2;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.ss-tile__icon{place-items:center;display:grid}.ss-tile__icon svg{width:26px;height:26px}.ss-tile__label{overflow-wrap:anywhere;max-width:100%}.ss-tile:hover{border-color:var(--color-border-strong);color:var(--color-ink);transform:translateY(-1px)}.ss-tile:focus-visible{box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.ss-tile[aria-pressed=true]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-soft);border-color:#0000}.ss-fields{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;display:grid}.ss-slider{gap:5px;min-width:0;display:grid}.ss-slider__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ss-slider__label{color:var(--color-muted);font-size:.78rem;font-weight:600}.ss-slider__value{color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem;font-weight:700}.ss-slider .pt-range{width:100%}.ss-blocks{gap:8px;display:grid}.ss-block{border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-display);text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;align-content:start;justify-items:center;gap:.3rem;padding:.45rem .3rem;font-size:.68rem;font-weight:700;line-height:1.25;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.ss-block--wide{grid-template-columns:auto 1fr;grid-auto-flow:column;place-items:center start;gap:.55rem;padding:.4rem .55rem;font-size:.78rem}.ss-blockgrid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.ss-block__icon{width:38px;height:38px}.ss-block__paper{background:linear-gradient(135deg,#5872d638,#5872d600 55%),#f6f8ff;border:1.5px solid #5872d6;border-radius:3px;flex:none;width:26px;height:26px}.ss-block__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ss-block:hover{color:var(--color-ink);border-color:var(--color-border);transform:translateY(-1px)}.ss-block:focus-visible{box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.ss-block[aria-pressed=true]{color:var(--color-ink);border-color:var(--color-primary);background:var(--color-primary-soft)}.ss-blocks__current{color:var(--color-muted);align-items:center;gap:.5rem;margin:0;font-size:.75rem;line-height:1.45;display:flex}.ss-blocks__current img{flex:none;width:24px;height:24px}.ss-blocks__current strong{color:var(--color-ink);font-weight:700}.ss-modal{z-index:20;background:color-mix(in srgb, var(--color-ink) 22%, transparent);backdrop-filter:blur(2px);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.ss-modal__card{scrollbar-width:thin;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:min(520px,100%);max-height:100%;box-shadow:var(--shadow-float);backdrop-filter:blur(10px);gap:12px;padding:16px;display:grid;overflow-y:auto}.ss-modal__card:focus{outline:none}.ss-modal__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700;line-height:1.4}.ss-modal__label{color:var(--color-muted);font-family:var(--font-display);margin-bottom:-6px;font-size:.72rem;font-weight:700}.ss-modal__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-width:0;color:var(--color-ink);font:inherit;padding:.45rem .6rem;font-size:.85rem;line-height:1.3}.ss-modal__input::placeholder{color:var(--color-muted)}.ss-modal__input:hover{border-color:var(--color-border-strong)}.ss-modal__input:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.ss-modal__note{color:var(--color-muted);margin:0;font-size:.78rem;line-height:1.45}.ss-blockgrid--results{scrollbar-width:thin;max-height:min(46vh,340px);overflow-y:auto}.ss-blockgrid--results .ss-block__name{white-space:normal;overflow-wrap:anywhere}.ss-modal__actions{justify-content:flex-end;display:flex}.ss-note{color:var(--color-muted);margin:0;font-size:.76rem;line-height:1.45}.ss-toast{z-index:7;width:min(520px,100% - 28px);position:absolute;top:12px;left:50%;transform:translate(-50%)}.ss-layers{align-items:center;gap:10px;min-width:0;display:flex}.ss-layers .pt-range{flex:1;min-width:0}.ss-layers__label{color:var(--color-muted);white-space:nowrap;font-size:.78rem}.ss-layers__label strong{color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:800}.ss-plan,.ss-sheettab{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);font-family:var(--font-display);white-space:nowrap;cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:700;line-height:1.5;transition:border-color .16s,box-shadow .16s;display:inline-flex}.ss-plan svg{flex:none;width:16px;height:16px}.ss-plan:hover,.ss-sheettab:hover{color:var(--color-ink);border-color:var(--color-border-strong)}.ss-plan:focus-visible,.ss-sheettab:focus-visible{box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.ss-plan[aria-pressed=true],.ss-sheettab[aria-pressed=true]{color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-soft);border-color:#0000}.ss-sheettabs{z-index:7;gap:8px;display:none;position:absolute;top:12px;left:12px}.ss-sheettab{backdrop-filter:blur(10px)}@media (hover:none),(pointer:coarse){.ss-plan,.ss-sheettab{min-height:44px;padding-inline:.85rem}.ss-block{padding-block:.55rem}}@media (width<=1023px){.ss-sheettabs{display:flex}.ss-hint{display:none}.ss-toast{top:68px}.ss-dock{width:auto;max-height:min(56vh,460px);display:none;inset:auto 10px 10px}.shape-studio[data-sheet=shape] .ss-dock--left,.shape-studio[data-sheet=options] .ss-dock--right{display:flex}}@media (width<=680px){.ss-dock{max-height:52vh;left:8px;right:8px}.ss-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ss-layers{flex-wrap:wrap}.ss-layers .pt-range{flex-basis:100%;order:1}}