.stories{color:var(--theme-fg);margin-bottom:24px}.story-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.story-heading h2{font-size:22px;font-weight:700}.story-heading small{color:var(--theme-muted);font-size:12px;display:block}.story-heading button,.story-controls button{border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.story-heading a{color:#b69cff}.story-strip{gap:16px;padding:8px 2px 12px;display:flex;overflow-x:auto}.story-person{text-align:center;flex-direction:column;flex:0 0 94px;align-items:center;gap:8px;width:94px;font-size:12px;display:flex}.story-person .story-caption{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.story-circle{background:var(--theme-surface);border:3px solid #b849dc;border-radius:50%;place-items:center;width:80px;height:80px;padding:3px;font-size:24px;display:grid}.story-circle img{object-fit:cover;border-radius:50%;width:100%;height:100%}.story-add .story-circle{border-style:dashed}.story-note{color:var(--theme-muted);margin:8px 0 16px;font-size:14px}.story-dialog{background:var(--theme-surface);color:var(--theme-fg);border:1px solid var(--theme-border);border-radius:20px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:18px;overflow-y:auto}.story-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000b}.story-composer{width:800px}.story-sources{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.story-sources button,.story-tools button,.story-primary{border:1px solid var(--theme-border);border-radius:12px;min-height:44px;padding:10px 14px}.story-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.story-preview{background:#101010;border-radius:16px;position:sticky;top:0;overflow:hidden}.story-preview canvas{width:100%;height:auto;display:block}.story-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.story-tools{gap:12px;min-width:0;display:grid}.story-tools legend{margin-bottom:12px;font-weight:700}.story-tools label,.story-audience{gap:5px;font-size:14px;display:grid}.story-tools input:not([type=range]):not([type=checkbox]):not([type=color]),.story-tools select,.story-tools textarea,.story-audience select{background:var(--theme-page);border:1px solid var(--theme-border);border-radius:10px;width:100%;min-width:0;padding:10px;font-size:16px}.story-tools input[type=range]{accent-color:#9b60ff;width:100%;min-height:30px}.story-tools input[type=color]{min-height:36px}.story-audience{margin-top:20px}.story-primary{color:#fff;background:linear-gradient(110deg,#8f48f7,#d746a1);width:100%;margin-top:16px}.story-dialog button:disabled{opacity:.5;cursor:default}.story-error{color:#f87171;margin:12px 0}.story-viewer{width:min(440px,100vw - 12px);padding:12px}.story-media{background:#101010;border-radius:12px;place-items:center;min-height:240px;display:grid;overflow:hidden}.story-media img,.story-media video{width:auto;max-width:100%;max-height:calc(100dvh - 195px);display:block}.story-controls{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.story-steps{gap:4px;margin-bottom:10px;display:flex}.story-steps span{background:#666;border-radius:2px;flex:1;height:3px}.story-steps .active{background:#b49bff}.story-dialog :is(button,a,input,select,textarea):focus-visible,.story-person:focus-visible{outline-offset:3px;outline:2px solid #b49bff}@media (width<=600px){.story-editor{grid-template-columns:1fr}.story-preview{width:min(100%,250px);margin:auto;position:relative}.story-dialog{padding:14px}.story-composer{width:calc(100vw - 20px)}.story-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.story-tools textarea{min-height:90px}.story-person{flex-basis:82px;width:82px}.story-strip{gap:12px}.story-circle{width:72px;height:72px}}.story-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-composer:not(.story-composer-immersive){width:min(460px,100vw - 24px);padding:24px;position:relative}.story-picker-close{place-items:center;min-width:44px;min-height:44px;display:grid;position:absolute;top:12px;right:12px}.story-composer-immersive{color:#fff;background:#0c1016;border:0;width:460px;max-width:calc(100vw - 16px);height:min(900px,100dvh - 16px);max-height:calc(100dvh - 16px);padding:0;overflow:hidden}.story-composer-immersive[open]{flex-direction:column;display:flex}.story-stage{background:#101010;border-radius:18px;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.story-stage>canvas{object-fit:contain;width:100%;height:100%;display:block}.story-stage-close{color:#fff;z-index:2;background:#252525b3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;left:12px}.story-stage-close svg{width:28px;height:28px}.story-floating-tools{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:12px;right:12px}.story-floating-tools button{color:#fff;justify-content:flex-end;align-items:center;gap:10px;min-height:44px;display:flex}.story-floating-tools button>span{text-align:right;text-shadow:0 1px 5px #000;max-width:125px;font-size:12px;font-weight:600;line-height:1.25}.story-floating-tools i{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#252525b3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.story-floating-tools svg{width:25px;height:25px}.story-tool-panel{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;overscroll-behavior:contain;--theme-page:#262b35;--theme-border:#535763;background:#171b24f2;border-radius:18px;max-height:70%;padding:16px;position:absolute;bottom:8px;left:8px;right:8px;overflow-y:auto}.story-tool-panel header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.story-tool-panel h3{font-weight:700}.story-tool-panel header button{background:#414aff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.story-tool-panel .story-tools{grid-template-columns:1fr}.story-tool-panel select,.story-tool-panel input,.story-tool-panel textarea{color:#fff}.story-tool-panel input[type=color]{width:100%}.story-tool-panel input[type=checkbox]{accent-color:#8870ff}.story-tool-panel .story-sources{margin:0}.story-stage-loading{text-shadow:0 1px 6px #000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-stage-message{z-index:4;color:#fff;background:#171b24ed;border-radius:12px;padding:12px;font-size:14px;position:absolute;bottom:12px;left:12px;right:12px}.story-stage-message.story-error{color:#ffb1b1;margin:0}.story-publish-bar{flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex}.story-audience-buttons{flex:1;gap:6px;min-width:0;display:flex}.story-audience-buttons button{background:#34373d;border:1px solid #0000;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:48px;padding:8px;font-size:12px;line-height:1.15;display:flex}.story-audience-buttons button[aria-pressed=true]{background:#39344f;border-color:#a79fff}.story-audience-buttons svg{flex-shrink:0;width:20px;height:20px}.story-audience-buttons button[aria-pressed=true] svg{color:#bcafff}.story-publish-arrow{background:#4b55ff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.story-publish-arrow svg{width:28px;height:28px}@media (width<=600px){.story-composer-immersive{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top) 0 0;border-radius:0;margin:0}.story-publish-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}.story-tool-panel{max-height:65%}}.story-touch-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.story-center-guide{pointer-events:none;background:#b8acff;width:1px;position:absolute;top:0;bottom:0;left:50%}.story-filter-name{color:#fff;pointer-events:none;background:#20202085;border-radius:20px;padding:5px 12px;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.story-filter-chips{scroll-snap-type:x mandatory;gap:10px;padding:4px;display:flex;overflow-x:auto}.story-filter-chip{scroll-snap-align:start;flex:0 0 90px;justify-items:center;gap:5px;font-size:12px;display:grid}.story-filter-chip>span{background:linear-gradient(135deg,#c767bc,#475bb4);border-radius:50%;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.story-filter-chip.warm>span{background:linear-gradient(135deg,#df9d65,#b97b76)}.story-filter-chip.cool>span{background:linear-gradient(135deg,#69c1b4,#5b68bf)}.story-filter-chip.mono>span{background:linear-gradient(135deg,#bbb,#454545)}.story-filter-chip[aria-pressed=true]>span{outline-offset:3px;outline:3px solid #b8acff}.story-gesture-hint{color:#c5c6d1;font-size:13px;line-height:1.4}.story-crop-actions,.story-text-actions{flex-wrap:wrap;gap:8px;display:flex}.story-crop-actions button,.story-text-actions button{justify-content:center;align-items:center;min-height:44px;display:flex}.story-crop-actions button[aria-pressed=true]{background:#45406a;border-color:#b8acff}.story-color-swatches{flex-wrap:wrap;gap:8px;padding:4px;display:flex}.story-tools .story-color-swatches button{border:2px solid #8b8b99;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0}.story-color-swatches button[aria-pressed=true]{outline-offset:2px;outline:3px solid #b8acff}.story-composer-immersive>.story-source{opacity:1;object-fit:contain;pointer-events:none;width:100%;height:calc(100% - 72px);inset:0}.story-stage-video-loading{background:0 0}.story-stage-video-loading>.story-touch-canvas{opacity:0}.story-load-video{color:#fff;background:#414aff;border-radius:24px;align-items:center;gap:8px;min-height:48px;padding:10px 18px;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.story-sticker-tabs{gap:8px;display:flex}.story-sticker-tabs button[aria-pressed=true]{background:#49406b;border-color:#b8acff}.story-sticker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.story-tools .story-sticker-grid button{border:0;min-height:48px;padding:6px;font-size:30px}.story-sticker-grid.animated button{animation:1s ease-in-out infinite alternate story-sticker-bounce}@keyframes story-sticker-bounce{0%{transform:translateY(-3px)scale(.94)}to{transform:translateY(3px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.story-sticker-grid.animated button{animation:none}}.story-own{position:relative}.story-own-open{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.story-own-open>.story-caption{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.story-own .story-circle.no-story{border:2px solid var(--theme-border);padding:2px}.story-circle video{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%}.story-own-add{width:44px;height:44px;color:var(--theme-fg);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:48px;right:0}.story-own-add:before{content:"";border:3px solid var(--theme-page);background:var(--theme-surface);border-radius:50%;position:absolute;inset:6px}.story-own-add svg{position:relative}.story-own button:focus-visible{outline-offset:2px;border-radius:12px;outline:2px solid #9b7aff}.story-circle{box-sizing:border-box;aspect-ratio:1;flex-shrink:0;display:block;position:relative;overflow:hidden}.story-circle-media{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:3px;overflow:hidden}.story-circle .story-circle-media>img,.story-circle .story-circle-media>video{object-fit:cover;border-radius:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;position:absolute;inset:0}.story-own .story-circle.no-story .story-circle-media{inset:2px}@media (width<=600px){.story-own-add{top:40px;right:-1px}}.story-caption{text-align:center;font-size:12px;line-height:1.25}