.sbb-panel{--accent:#e25aa3;--accent-hover:#ee76b6;--fg:#f5f5f7;--muted:#9aa1af;--line:#f5f5f72b;--sbb-silver:#cdd1d8;--sbb-ink:#0a0a0f;color:var(--fg);background:radial-gradient(115% 90% at 12% 6%, #e25aa324, transparent 58%), radial-gradient(95% 85% at 90% 98%, #8b5cf61c, transparent 56%), var(--sbb-ink);box-shadow:inset 0 0 0 1px #f5f5f71a,0 42px 90px -54px #000000f2}.sbb-grid{background-image:linear-gradient(90deg,#f5f5f70d 1px,#0000 1px),linear-gradient(#f5f5f70d 1px,#0000 1px);background-size:68px 68px;-webkit-mask-image:radial-gradient(120% 110% at 8% 0,#000 12%,#0000 78%);mask-image:radial-gradient(120% 110% at 8% 0,#000 12%,#0000 78%)}.sbb-crop{border:0 solid #f5f5f74d;width:18px;height:18px;position:absolute}.sbb-crop--tl{border-top-width:1px;border-left-width:1px;top:20px;left:20px}.sbb-crop--tr{border-top-width:1px;border-right-width:1px;top:20px;right:20px}.sbb-crop--bl{border-bottom-width:1px;border-left-width:1px;bottom:20px;left:20px}.sbb-crop--br{border-bottom-width:1px;border-right-width:1px;bottom:20px;right:20px}.sbb-plate{background:linear-gradient(152deg,#f5f5f71c,#f5f5f705 44%,#00000042),#0a0a0fd1;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #f5f5f71c}.sbb-measure{stroke-dasharray:11 8;animation:16s linear infinite sbb-measure-travel}@keyframes sbb-measure-travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-76px}}
.sbk-page.sbb-panel{isolation:isolate;box-shadow:none;background:radial-gradient(70% 45% at 12% 0%, #e25aa329, transparent 62%), radial-gradient(60% 40% at 88% 30%, #8b5cf61f, transparent 60%), radial-gradient(80% 50% at 50% 100%, #e25aa314, transparent 64%), var(--sbb-ink);border-radius:0;position:relative;overflow:hidden}.sbk-label{text-transform:uppercase;letter-spacing:.24em;color:var(--accent);align-items:center;gap:.85rem;font-size:11px;font-weight:500;display:flex}.sbk-label:after{content:"";background:linear-gradient(to right, color-mix(in srgb, var(--accent) 45%, transparent), transparent);flex:1;height:1px}.sbk-label--center{justify-content:center}.sbk-label--center:before{content:"";background:linear-gradient(to left, color-mix(in srgb, var(--accent) 45%, transparent), transparent);flex:1;height:1px}.sbk-tile{background:linear-gradient(152deg,#f5f5f71c,#f5f5f705 44%,#00000042),#0a0a0fd1;border-radius:1rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #f5f5f71c}.sbk-tile--light{background:#f7f8fb;box-shadow:inset 0 0 0 1px #12151c1f}.sbk-strike{pointer-events:none;position:absolute;inset:0}.sbk-strike:before{content:"";transform-origin:50%;background:linear-gradient(to right, transparent, color-mix(in srgb, var(--accent) 85%, transparent) 12%, color-mix(in srgb, var(--accent) 85%, transparent) 88%, transparent);height:2px;position:absolute;top:50%;left:-8%;right:-8%;transform:rotate(-16deg)}.sbk-wrong--stretch{transform:scaleX(1.55)scaleY(.72)}.sbk-wrong--rotate{transform:rotate(-19deg)}.sbk-wrong--recolour{filter:hue-rotate(125deg)saturate(1.4)}.sbk-wrong--effects{filter:drop-shadow(0 6px 10px #000000d9)blur(.6px)}.sbk-swatch{border-radius:.75rem;height:7rem;box-shadow:inset 0 0 0 1px #f5f5f724}.sbk-folder-no{font-variant-numeric:tabular-nums;letter-spacing:.12em;color:color-mix(in srgb, var(--accent) 85%, transparent);font-size:11px;font-weight:500}html:not(.dark) .sbk-page.sbb-panel{--accent:#d6448f;--accent-hover:#c13a80;--fg:#12151c;--muted:#5b6270;--line:#12151c24;--sbb-silver:#6f7480;--sbb-ink:#f6f6f9;color:var(--fg);background:radial-gradient(70% 45% at 12% 0%, #d6448f12, transparent 62%), radial-gradient(60% 40% at 88% 30%, #8b5cf60d, transparent 60%), radial-gradient(80% 50% at 50% 100%, #d6448f0a, transparent 64%), var(--sbb-ink)}html:not(.dark) .sbk-page .sbb-grid{background-image:linear-gradient(90deg,#12151c12 1px,#0000 1px),linear-gradient(#12151c12 1px,#0000 1px)}html:not(.dark) .sbk-page .sbb-crop{border-color:#12151c52}html:not(.dark) .sbk-page .sbk-tile--light{background:#0a0a0f;box-shadow:0 10px 24px -14px #12151c4d,inset 0 0 0 1px #f5f5f724}html:not(.dark) .sbk-page .sbk-swatch{box-shadow:inset 0 0 0 1px #12151c29}html:not(.dark) .sbk-page .sbk-wrong--effects{filter:drop-shadow(0 6px 10px #12151c6b)blur(.6px)}.sbk-page .sbk-tile{color:#f5f5f7}.sbk-page .sbk-tile--light,html:not(.dark) .sbk-page .sbk-tile{color:#12151c}html:not(.dark) .sbk-page .sbk-tile--light{color:#f5f5f7}.sbk-page .sbk-folders{background:#f5f5f71a}.sbk-page .sbk-folder{background:#0a0a0f}html:not(.dark) .sbk-page .sbk-folders{background:#12151c1f}html:not(.dark) .sbk-page .sbk-folder{background:#ffffffd1}html:not(.dark) .sbk-page .sbk-tile{background:linear-gradient(152deg,#ffffff9e,#ffffff24 44%,#12151c0f),#ffffffd1;box-shadow:0 1px 2px #12151c0a,0 10px 24px -14px #12151c2e,inset 0 1px #ffffffe6,inset 0 0 0 1px #12151c1a}html:not(.dark) .sbk-page .sbk-tile--light{background:#0a0a0f}