.st-root{background:var(--bg,#0f0f1a);height:100%;color:var(--fg,#e0e0e0);font:13px/1.4 var(--font-ui,system-ui, sans-serif);flex-direction:column;display:flex;overflow:hidden}.st-toolbar{align-items:center;gap:var(--s-2,8px);padding:var(--s-2,8px) var(--s-3,12px);border-bottom:1px solid var(--border,#2a2a3e);background:#0f0f1ae6;flex-wrap:wrap;flex-shrink:0;display:flex}.st-toolbar-group{align-items:center;gap:var(--s-1,4px);padding-right:var(--s-2,8px);border-right:1px solid #ffffff0f;display:flex}.st-toolbar-group:last-child{border-right:none}.st-btn{appearance:none;color:var(--fg,#e0e0e0);font:inherit;border-radius:var(--r-icon,6px);cursor:pointer;transition:background var(--motion-duration,.2s), border-color var(--motion-duration,.2s);background:#ffffff08;border:1px solid #ffffff14;min-width:34px;padding:5px 10px}.st-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.st-btn:focus-visible{outline:2px solid var(--pai-blue,#7aa2f7);outline-offset:1px}.st-btn:disabled{opacity:.4;cursor:not-allowed}.st-btn--primary{color:#c7d3ff;background:#7aa2f72e;border-color:#7aa2f766}.st-btn--active{color:#c7d3ff;background:#7aa2f738;border-color:#7aa2f780}.st-label{color:var(--fg-muted,#888);text-transform:uppercase;letter-spacing:.04em;margin-right:4px;font-size:11px}.st-color{border-radius:var(--r-icon,6px);cursor:pointer;background:0 0;border:1px solid #ffffff26;width:28px;height:28px;padding:0}.st-color::-webkit-color-swatch-wrapper{padding:0}.st-color::-webkit-color-swatch{border:none;border-radius:4px}.st-swatches{gap:3px;display:flex}.st-swatch{cursor:pointer;border:1px solid #ffffff26;border-radius:3px;width:18px;height:18px;padding:0}.st-swatch:hover{transform:scale(1.15)}.st-swatch.is-active{outline:2px solid var(--pai-blue,#7aa2f7);outline-offset:1px}.st-range{appearance:none;background:var(--border,#2a2a3e);cursor:pointer;width:90px;height:4px;accent-color:var(--pai-blue,#7aa2f7);border-radius:2px}.st-range::-webkit-slider-thumb{appearance:none;background:var(--pai-blue,#7aa2f7);cursor:pointer;border-radius:50%;width:12px;height:12px}.st-range::-moz-range-thumb{background:var(--pai-blue,#7aa2f7);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.st-range-value{font-variant-numeric:tabular-nums;color:var(--fg-muted,#888);text-align:right;min-width:28px;font-size:11px}.st-stage{flex:1;min-height:0;display:flex;overflow:hidden}.st-canvas-wrap{min-width:0;padding:var(--s-4,16px);background:repeating-conic-gradient(#ffffff08 0% 25%, transparent 0% 50%) 0 0 / 20px 20px, var(--bg,#0f0f1a);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.st-canvas-stack{background:#fff;border:1px solid #ffffff1f;position:relative;box-shadow:0 8px 30px #0006}.st-canvas-stack canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.st-canvas-stack canvas.is-interactive{cursor:crosshair;background:0 0;position:relative}.st-sidebar{border-left:1px solid var(--border,#2a2a3e);width:180px;padding:var(--s-2,8px);gap:var(--s-2,8px);background:#0a0a1499;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.st-sidebar-title{color:var(--fg-muted,#888);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--s-1,4px);font-size:11px}.st-layer{border-radius:var(--r-icon,6px);cursor:pointer;transition:background var(--motion-duration,.2s);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:6px;padding:6px 8px;display:flex}.st-layer:hover{background:#ffffff0d}.st-layer.is-active{background:#7aa2f726;border-color:#7aa2f766}.st-layer-vis{appearance:none;cursor:pointer;color:#c7d3ff;background:0 0;border:1px solid #fff3;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;display:inline-flex}.st-layer-vis.is-visible{background:#7aa2f733}.st-layer-name{flex:1;font-size:12px}.st-status{padding:5px var(--s-3,12px);border-top:1px solid var(--border,#2a2a3e);color:var(--fg-muted,#888);background:#0a0a14cc;flex-shrink:0;justify-content:space-between;gap:12px;min-height:24px;font-size:11px;display:flex}.st-hidden{display:none!important}body{background:var(--bg,#0f0f1a);flex-direction:column;min-height:100dvh;display:flex}.app-content[data-astro-cid-b6jy4sbe]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.skip-link[data-astro-cid-b6jy4sbe]{top:-100%;left:var(--s-2);background:var(--pai-blue);color:#0f0f1a;padding:var(--s-1) var(--s-3);border-radius:var(--r-icon);z-index:9999;font-size:.875rem;font-weight:600;text-decoration:none;position:absolute}.skip-link[data-astro-cid-b6jy4sbe]:focus{top:var(--s-2)}
