.showcase-viewer .story-player{--st-bg:var(--color-bg,#f6f5f1);--st-surface:var(--color-surface,#fff);--st-soft:var(--color-surface-2,#efeee9);--st-ink:var(--color-ink,#202521);--st-muted:var(--color-muted,#7a8178);--st-line:var(--color-line,rgba(32,37,33,0.1));--st-accent:var(--color-accent,#c8ff4d);--st-on-accent:var(--color-on-accent,#202521);color:var(--st-ink);font-family:var(--font-sans),Inter,system-ui,sans-serif;font-size:13px}.showcase-viewer .story-player *{box-sizing:border-box}.showcase-viewer .story-player button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:inherit;font:inherit;min-height:32px;padding:7px 10px;border-radius:9px;transition:background .15s}.showcase-viewer .story-player button:disabled{opacity:.35;cursor:not-allowed}.showcase-viewer .story-player button:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px}.showcase-viewer .story-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;opacity:.65}.showcase-viewer .story-note{border:0;background:transparent;display:flex;align-items:flex-start;gap:10px;padding:0;cursor:pointer;width:max-content;max-width:260px;text-align:left;color:#26392d;font:13px Arial}.showcase-viewer .story-note b{display:grid;place-items:center;background:#c8ff4d;color:#202521;width:29px;height:29px;border-radius:100%;box-shadow:0 0 0 6px #c8ff4d22;flex-shrink:0}.showcase-viewer .story-note span{color:#202521;background:#fffffff0;border:1px solid #ffffff80;border-radius:12px;padding:12px;width:200px;box-shadow:0 8px 35px #00000015}.showcase-viewer .story-note strong{font-size:12px;display:block;font-weight:600}.showcase-viewer .story-note small{font-size:10px;color:#748175;line-height:1.5;display:block;margin-top:6px}.showcase-viewer .note-pointer b,.showcase-viewer .note-spotlight b{animation:story-pulse 1.8s infinite}.showcase-viewer .note-hotspot span{display:none}.showcase-viewer .story-player{height:100%;min-height:400px;position:relative;overflow:hidden;background:#efeeea;color:#26352c}.showcase-viewer .story-player-title{position:absolute;left:24px;top:24px;z-index:25;padding:12px 18px;background:#ffffffdb;border-radius:100px;box-shadow:0 3px 20px #00000005;font-size:12px;font-weight:600;display:flex;gap:20px}.showcase-viewer .story-player-title span{font-size:10px;opacity:.45;font-weight:400}.showcase-viewer .story-player-stage{position:absolute;inset:0 0 165px}.showcase-viewer .story-playback{position:absolute;bottom:28px;left:32px;right:32px;z-index:25;border:1px solid #ffffffc0;background:#ffffffed;box-shadow:0 18px 70px #22352b12;border-radius:20px;padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:12px 30px}.showcase-viewer .story-playback h2{margin:6px 0;font-size:21px;font-weight:500;letter-spacing:-.5px}.showcase-viewer .story-playback p{margin:0;color:#7c857c;font-size:12px;max-width:600px;line-height:1.5}.showcase-viewer .story-playback nav{display:flex;align-items:center;gap:5px}.showcase-viewer .story-playback button{background:#f1f3ed;border:0;border-radius:100px;font-size:10px;color:#26352c;padding:8px 12px;cursor:pointer}.showcase-viewer .story-playback nav .story-next{background:#c8ff4d}.showcase-viewer .story-progress{grid-column:1/-1;display:flex;gap:6px}.showcase-viewer .story-progress button{height:3px;min-height:3px;border-radius:2px;background:#e7ebe3;flex:1;padding:0}.showcase-viewer .story-progress button.active{background:#536e4f}.showcase-viewer .story-brand{position:absolute;right:36px;bottom:9px;font-size:9px;text-decoration:none;color:#6b7a6c;z-index:30}.showcase-viewer .story-player-detail{position:absolute;left:30px;top:85px;padding:20px;background:white;border-radius:16px;width:250px;z-index:30;box-shadow:0 15px 50px #0001}.showcase-viewer .story-player-detail>button{float:right}.showcase-viewer .story-fallback{display:grid;place-content:center;text-align:center;padding:40px;height:100%;font-size:13px;line-height:1.7}@keyframes story-pulse{50%{box-shadow:0 0 0 12px #c8ff4d00}}@keyframes story-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.showcase-viewer .story-player *{animation:none!important;transition:none!important}}@media (max-width:1050px){.showcase-viewer .story-playback{grid-template-columns:1fr}.showcase-viewer .story-playback nav{flex-wrap:wrap}}@media (max-width:760px){.showcase-viewer .story-player-title{left:12px;top:12px;padding:10px 14px}.showcase-viewer .story-player-title span{display:none}.showcase-viewer .story-playback{bottom:28px;left:12px;right:12px;padding:16px;gap:10px}.showcase-viewer .story-playback h2{font-size:18px}.showcase-viewer .story-player-stage{bottom:210px}.showcase-viewer .story-playback nav{gap:3px}.showcase-viewer .story-playback nav button{padding:7px 9px}}.showcase-viewer .story-player .story-canvas{height:100%}.showcase-viewer .story-player{--st-surface:#fff;--st-soft:#efeee9;--st-muted:#677069;--st-line:#d7dad6;--st-on-accent:#202521}.showcase-viewer .story-player .story-progress button{min-height:24px;height:24px;padding:10px 0;background:transparent;border-radius:6px}.showcase-viewer .story-player .story-progress button:before{content:"";display:block;width:100%;height:4px;border-radius:999px;background:var(--st-line)}.showcase-viewer .story-player .story-progress button.active:before{background:var(--st-accent)}.public-story-2d{position:relative;width:100%;height:100%;overflow:hidden}.showcase-viewer .story-player .public-story-marker{min-width:44px;min-height:44px;transform:translate(-50%,-50%);border-radius:50%;background:var(--st-accent);color:var(--st-ink)}