:root{--bg:#F7EBD7;--ink:#5b3e2e;--cream:#FFF5E8;--honey:#F5CFA7;--peach:#F2C6B4;--brown:#8B5E3C;--shadow:0 14px 34px rgba(91,62,46,.16);--radius:36px}*{box-sizing:border-box}.sb-app{min-height:100dvh;padding:48px;display:flex;flex-direction:column;gap:42px;align-items:center;background-image:linear-gradient(0deg,transparent 24%,rgba(0,0,0,.03) 25%,rgba(0,0,0,.03) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.03) 75%,rgba(0,0,0,.03) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,rgba(0,0,0,.03) 25%,rgba(0,0,0,.03) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.03) 75%,rgba(0,0,0,.03) 76%,transparent 77%),linear-gradient(#fdf7ed,#fdf7ed);background-size:26px 26px,26px 26px,auto;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.sb-device{width:min(1100px,100%);background:var(--cream);border:8px solid var(--brown);border-radius:var(--radius);padding:32px 22px 22px;position:relative;box-shadow:var(--shadow)}.sb-ears{position:absolute;top:-36px;left:0;right:0;display:flex;justify-content:space-between;padding:0 90px;pointer-events:none}.sb-ears .ear{width:80px;height:52px;background:var(--cream);border:8px solid var(--brown);border-bottom:none;border-radius:90px 90px 0 0;box-shadow:0 5px #0000000d;position:relative}.sb-ears .ear:before{content:"";position:absolute;inset:10px;background:var(--honey);border-radius:90px 90px 0 0}.sb-ears .ear.left{transform:rotate(-2deg)}.sb-ears .ear.right{transform:rotate(2deg)}.sb-body{display:flex;gap:18px;align-items:stretch}.sb-screen{flex:1 1 auto;min-width:0;border:8px solid var(--brown);border-radius:24px;padding:12px;background:#eedfcc}.sb-screen-inner{position:relative;border:8px solid #4F3B2B;border-radius:18px;background:#000;overflow:hidden}.sb-video{width:100%;aspect-ratio:16 / 10;object-fit:cover;transform:scaleX(-1);display:block}.sb-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:scaleX(-1)}.sb-idle{position:absolute;left:16px;right:160px;bottom:16px;text-align:center;font-size:32px;font-weight:900;opacity:.9}.sb-countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:140px;font-weight:900;color:var(--cream);text-shadow:0 3px 0 rgba(0,0,0,.4)}.sb-side{width:180px;display:flex;flex-direction:column;align-items:center;gap:14px}.sb-chip{width:100%;background:var(--honey);color:var(--ink);border:6px solid var(--brown);border-radius:16px;padding:10px;font-weight:800}.sb-stack{width:100%;display:flex;flex-direction:column;gap:12px}.sb-icon,.sb-snap{width:100%;padding:16px 12px;font-weight:800;font-size:20px;border:8px solid var(--brown);border-radius:20px;background:#fbede1;color:var(--ink)}.sb-snap{background:var(--peach)}.sb-icon:disabled,.sb-snap:disabled{opacity:.45}.sb-lamp{width:56px;height:56px;border-radius:50%;border:8px solid var(--brown);background:#ffe3b6;box-shadow:inset 0 -8px #00000014}.sb-selector{margin-top:14px;display:flex;justify-content:center}.sb-selector select{padding:12px 14px;border:6px solid var(--brown);border-radius:16px;background:#fff;font-weight:800;color:var(--ink)}.sb-wiggle{animation:sb-w .6s ease-in-out infinite}@keyframes sb-w{0%{transform:rotate(0)}25%{transform:rotate(.8deg)}50%{transform:rotate(-.8deg)}75%{transform:rotate(.8deg)}to{transform:rotate(0)}}.sb-customize{width:min(1200px,100%);display:grid;grid-template-columns:380px minmax(420px,1fr);gap:36px;align-items:start}@media (max-width:980px){.sb-customize{grid-template-columns:1fr}}.sb-preview{display:flex;justify-content:flex-start}.sb-strip{border:10px solid #000;background:#000;border-radius:22px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;align-items:center}.sb-strip--tall{width:360px}.sb-strip img{width:320px;height:320px;object-fit:cover;border-radius:14px}.sb-customizer{position:sticky;top:24px;background:var(--cream);border:8px solid var(--brown);border-radius:24px;box-shadow:var(--shadow);padding:16px 18px 20px}.sb-customizer__head{margin-bottom:8px}.sb-customizer__head h3{margin:0;font-size:20px}.sb-customizer__head small{opacity:.7}.sb-color-grid{display:grid;grid-template-columns:repeat(9,32px);gap:10px;padding:6px 2px 2px}@media (max-width:520px){.sb-color-grid{grid-template-columns:repeat(6,32px)}}.sb-swatch{width:32px;height:32px;border-radius:50%;border:2px solid #333;cursor:pointer;outline:none}.sb-swatch.is-active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--brown)}.sb-actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.sb-btn{padding:10px 14px;border-radius:12px;border:3px solid #333;font-weight:800}.sb-btn--primary{background:#fff}.sb-btn--ghost{background:transparent}