.app-stage>astro-island{display:block;height:100%}.brs{height:100%;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-body);color:var(--color-ink)}.brs__bar{display:flex;align-items:center;gap:14px;padding:12px clamp(14px,2vw,24px);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.brs__bar-title{display:flex;align-items:center;gap:10px;min-width:0}.brs__bar-title .pt-icon-tile{flex:none}.brs__bar-name{font-family:var(--font-display);font-weight:800;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brs__bar-sub{font-size:.82rem;color:var(--color-muted);white-space:nowrap}.brs__bar-spacer{margin-left:auto}.brs__bar-actions{display:flex;align-items:center;gap:10px}.brs__body{flex:1;display:flex;min-height:0}.brs__stage{position:relative;flex:1;min-width:0;background-color:#fff;background-image:linear-gradient(45deg,#e7edf6 25%,transparent 25%),linear-gradient(-45deg,#e7edf6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7edf6 75%),linear-gradient(-45deg,transparent 75%,#e7edf6 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}[data-theme=dark] .brs__stage{background-color:#0e1526;background-image:linear-gradient(45deg,#16203a 25%,transparent 25%),linear-gradient(-45deg,#16203a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#16203a 75%),linear-gradient(-45deg,transparent 75%,#16203a 75%)}.brs__canvas{position:absolute;inset:0}.brs__canvas canvas{display:block;width:100%!important;height:100%!important}.brs__hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:7px 14px;border-radius:999px;background:var(--color-shell);backdrop-filter:blur(8px);border:1px solid var(--color-border);font-size:.8rem;color:var(--color-muted);pointer-events:none}.brs__empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px}.brs__empty-card{max-width:380px;text-align:center;display:grid;gap:14px;justify-items:center;padding:clamp(22px,3vw,36px);border-radius:var(--radius);background:var(--color-shell);backdrop-filter:blur(10px);border:1px solid var(--color-border);box-shadow:var(--shadow-float)}.brs__empty-title{font-family:var(--font-display);font-weight:800;font-size:1.2rem}.brs__empty-note{color:var(--color-muted);font-size:.92rem;line-height:1.5}.brs__panels{width:clamp(320px,27vw,384px);flex:none;overflow-y:auto;padding:clamp(14px,1.6vw,20px);display:grid;gap:16px;align-content:start;border-left:1px solid var(--color-border);background:var(--color-page-bg)}.brs__panels .pt-panel{margin:0}.brs__row{display:grid;gap:12px}.brs__inline{display:flex;align-items:center;gap:10px;justify-content:space-between}.brs__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--color-muted)}.brs__meta b{color:var(--color-ink);font-weight:700}.brs__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brs__opts--three{grid-template-columns:repeat(3,minmax(0,1fr))}.brs__opt{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-sm);padding:9px 10px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.brs__opt:hover:not(:disabled){border-color:var(--color-border-strong);transform:translateY(-1px)}.brs__opt[aria-pressed=true]{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-soft)}.brs__opt:disabled{opacity:.5;cursor:not-allowed}.brs__swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brs__swatch{appearance:none;border:2px solid var(--color-border);border-radius:var(--radius-sm);height:38px;cursor:pointer;padding:0;transition:transform .16s ease,border-color .16s ease}.brs__swatch:hover{transform:translateY(-1px)}.brs__swatch[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.brs__color-row{display:flex;align-items:center;gap:10px}.brs__color-row input[type=color]{width:46px;height:38px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}@media(max-width:880px){.brs{overflow-y:auto}.brs__body{flex-direction:column;flex:none}.brs__stage{flex:none;height:52vh;min-height:320px}.brs__panels{width:100%;overflow:visible;border-left:none;border-top:1px solid var(--color-border)}}