.ksan-story-empty{align-self:center;max-width:230px;color:#938a9f;font-size:13px;line-height:1.5;padding:0 12px}
.ksan-story-viewer{box-sizing:border-box;width:min(440px,100vw);height:min(780px,94dvh);max-width:100vw;max-height:100dvh;padding:14px;border:1px solid #ffffff17;border-radius:22px;background:#111014;color:#fff;overflow:hidden}
.ksan-story-viewer::backdrop{background:#000d;backdrop-filter:blur(8px)}
.ksan-story-viewer header{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 0;background:#111014}.ksan-story-viewer header>div{flex:1}.ksan-story-viewer strong{display:block;font:600 15px/22px system-ui}.ksan-story-viewer small{display:block;font:12px/18px system-ui;color:#aaa1b5}.ksan-story-viewer button{background:none;border:0;color:#fff;cursor:pointer;font:20px system-ui;padding:6px}.ksan-story-viewer [data-delete]{font-size:12px;color:#d6bec9}.ksan-story-viewer button:focus-visible{outline:2px solid #b797ef;border-radius:8px}
.ksan-story-progress{display:flex;gap:4px}.ksan-story-progress>span{flex:1;height:3px;border-radius:4px;background:#ffffff30;overflow:hidden}.ksan-story-progress i{display:block;height:100%;background:#f0e7ff;width:0}
.ksan-story-media{height:calc(100% - 85px);display:grid;place-items:center;overflow:hidden}.ksan-story-media img,.ksan-story-media video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.ksan-story-viewer .ksan-story-prev,.ksan-story-viewer .ksan-story-next{position:absolute;top:46%;z-index:2;width:36px;height:48px;background:#0007;border-radius:12px;font-size:32px}.ksan-story-prev{left:16px}.ksan-story-next{right:16px}.ksan-story-error{position:absolute;bottom:30px;left:30px;right:30px;font:14px/1.5 system-ui;text-align:center;pointer-events:none}
@media(max-width:560px){.ksan-story-viewer{height:100dvh;width:100vw;margin:0;border:0;border-radius:0;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}.ksan-story-empty{max-width:200px;font-size:12px}}