.app-shell{--page-bg:#f0f4fa;--card-bg:#0957d033;--card-border:transparent;--dashed:#e3e8ee;--text:#1e2228;--muted:#6e7683;--white:#fff;--accent:#ff8400;--blue:#0957d0;--button-muted:#a5a9ae;--surface:#fff;--surface-line:#e3e8ee;--shadow:0 18px 38px #596b9114;--page-gutter:32px;--card-gap:16px;--card-height:clamp(220px,calc(100vh - 265px),455px);--script-panel-width:254px;background:var(--page-bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:Open Sans,sans-serif;display:flex;overflow:hidden}:where(.app-shell) *,:where(.app-shell) :before,:where(.app-shell) :after{box-sizing:border-box}:where(.app-shell) button,:where(.app-shell) input,:where(.app-shell) textarea{font:inherit}:where(.app-shell) button{cursor:pointer}:where(.app-shell) textarea{resize:none}.script-panel{z-index:20;width:var(--script-panel-width);border-right:1px solid var(--surface-line);background:#f8fafd;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.script-panel__header{border-bottom:1px solid var(--surface-line);flex:0 0 56px;align-items:center;height:56px;padding:0 16px;display:flex}.script-panel__header h2{color:#000;margin:0;font-size:14px;font-weight:600;line-height:20px}.script-panel__body{color:#000;scrollbar-color:#c8d0da transparent;scrollbar-width:thin;flex:1;min-height:0;padding:16px 16px 142px;font-family:Noto Sans Devanagari,sans-serif;font-size:14px;font-weight:400;line-height:22px;overflow-y:auto}.script-section+.script-section{margin-top:22px}.script-section h3{margin:0;font-size:14px;font-weight:700;line-height:22px}.script-section ol{margin:0;padding-left:21px}.script-copy-row{position:relative}.script-copy-row--paragraph{min-height:20px}.script-copy-text{-webkit-user-select:text;user-select:text}.script-copy-button{border:1px solid var(--surface-line);width:24px;height:24px;color:var(--muted);opacity:0;pointer-events:none;background:#fff;border-radius:5px;place-items:center;padding:0;transition:opacity .12s,color .12s,background-color .12s;display:grid;position:absolute;top:-2px;right:-8px;box-shadow:0 2px 7px #1e22281a}.script-copy-row:hover .script-copy-button,.script-copy-button:focus-visible,.script-copy-button.is-copied{opacity:1;pointer-events:auto}.script-copy-button:hover,.script-copy-button:focus-visible{color:var(--blue);background:#f0f4fa;outline:none}.script-copy-button.is-copied{color:#fff;background:var(--blue)}.script-copy-button.is-copied svg{display:none}.script-copy-button.is-copied:after{content:"✓";font-size:14px;font-weight:700}.script-copy-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-header{height:68px;margin-left:var(--script-panel-width);flex:0 0 68px;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 32px 12px 16px;display:flex}.page-header h1{color:#000;letter-spacing:0;margin:0;font-size:14px;font-weight:600;line-height:20px}.page-header__actions{align-items:center;gap:16px;display:flex}.editor-shell{min-height:0;margin-left:var(--script-panel-width);flex-direction:column;flex:1;display:flex;position:relative}.card-board{align-items:flex-start;gap:var(--card-gap);scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;flex:0 0 calc(100vh - 124px);height:calc(100vh - 124px);min-height:0;padding:53px 16px 88px;display:flex;overflow:auto hidden}.card-board::-webkit-scrollbar{display:none}.card-grid{gap:var(--card-gap);flex:none;align-items:flex-start;display:flex}.story-card,.add-card{height:var(--card-height);width:calc(var(--card-height)*.56264);flex:0 0 calc(var(--card-height)*.56264);scroll-snap-align:start;border-radius:16px}.card-scroll-nav{z-index:12;pointer-events:none;justify-content:space-between;align-items:center;height:24px;display:flex;position:absolute;bottom:72px;left:16px;right:16px}.card-scroll-button{color:#000;pointer-events:auto;background:0 0;border:0;align-items:center;gap:8px;height:24px;padding:0;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.card-scroll-button:hover:not(:disabled),.card-scroll-button:focus-visible:not(:disabled){opacity:.68;outline:none}.card-scroll-button:disabled{opacity:.28;cursor:default}.card-scroll-button__icon{place-items:center;width:24px;height:24px;display:grid}.card-scroll-button__icon img{width:7px;height:12px;display:block}.story-card{position:relative;overflow:visible}.story-card__frame{background:var(--card-bg);box-shadow:inset 0 0 0 1px var(--card-border);border-radius:16px;transition:background-color .14s,box-shadow .14s;position:absolute;inset:0;overflow:hidden}.story-card:hover .story-card__frame,.story-card:focus-within .story-card__frame{background-color:#0957d04d;box-shadow:inset 0 0 0 4px #0957d0b3}.story-card__surface{background:0 0;border:0;padding:0;position:absolute;inset:0}.story-card__media,.story-card__overlay,.story-card__upload{position:absolute;inset:0}.story-card__media{background:var(--card-bg);background-position:50%;background-repeat:no-repeat;background-size:cover}.story-card__media img,.story-card__media video{object-fit:cover;transform-origin:50%;width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-card__media video{transition:opacity .12s}.story-card__overlay{pointer-events:none;opacity:0}.story-card--cover .story-card__overlay{opacity:1;background:linear-gradient(#0000004d,#0000);height:144px;bottom:auto;left:0;right:0}.story-card--generic .story-card__overlay{opacity:1;background:linear-gradient(#0000,#00000029 50%,#0000);height:48px;inset:auto 16px 88px}.story-card--text-hidden .story-card__overlay{opacity:0}.story-card__upload{color:var(--blue);pointer-events:none;place-items:center;display:grid}.story-card__upload-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.story-card.has-media .story-card__upload{opacity:0}.story-card__text{z-index:2;font-variation-settings:"wdth" 100;font-family:Anek Devanagari,sans-serif;position:absolute}.story-card__text--cover{justify-content:center;align-items:center;display:flex;top:48px;left:16px;right:16px}.story-card__text--generic{grid-template-columns:3px minmax(0,1fr);align-items:stretch;gap:8px;min-height:48px;display:grid;bottom:88px;left:16px;right:16px}.story-card__title,.story-card__slug{width:100%;color:var(--white);background:0 0;border:0;outline:none;padding:0;overflow:hidden}.story-card__title::placeholder,.story-card__slug::placeholder{color:#ffffffe6}.story-card__title{text-align:center;text-shadow:0 1px 2px #0003;width:201px;height:76px;min-height:76px;padding-top:16px;font-size:24px;font-weight:700;line-height:30px}.story-card__slug{text-shadow:0 1px 2px #0003;height:48px;min-height:48px;font-size:16px;font-weight:700;line-height:24px}.story-card__slug-accent{background:var(--accent);width:3px;height:100%}.story-card--generic .story-card__text--cover,.story-card--cover .story-card__text--generic,.story-card--text-hidden .story-card__text,.story-card--standalone .story-card__text,.story-card--standalone .story-card__overlay{display:none}.story-card--standalone .story-card__frame{box-shadow:inset 0 0 0 2px #0957d0}.story-card--standalone .story-card__frame:after{content:"Independent video · Original audio";z-index:4;color:#fff;pointer-events:none;background:#0957d0e6;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;line-height:14px;position:absolute;top:12px;left:12px}.insert-snippet-button{z-index:9;color:#0957d0;background:#fff;border:1px solid #c9d8ed;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:50%;right:-24px;transform:translateY(-50%);box-shadow:0 4px 12px #1e222824}.insert-snippet-button span{font-size:22px;font-weight:400;line-height:1}.insert-snippet-button strong{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1e2228;border-radius:5px;padding:4px 7px;font-size:10px;line-height:14px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.insert-snippet-button:hover,.insert-snippet-button:focus-visible{color:#fff;background:#0957d0;outline:none}.insert-snippet-button:hover strong,.insert-snippet-button:focus-visible strong{opacity:1}.story-card__timing{min-height:18px;color:var(--muted);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:16px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.story-card__audio-preview{width:18px;height:18px;color:var(--blue);background:#0957d01a;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.story-card__audio-preview:hover,.story-card__audio-preview:focus-visible,.story-card__audio-preview.is-playing{color:#fff;background:var(--blue);outline:none}.story-card__audio-preview[hidden]{display:none}.story-card__audio-preview svg{fill:currentColor;stroke:none;width:12px;height:12px}.story-card__actions{z-index:8;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e3e8ee;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;width:min(344px,100vw - 24px);height:60px;padding:8px;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;top:-53px;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 9px 9px #0000001a}.story-card__actions:after{content:"";height:10px;position:absolute;top:100%;left:0;right:0}.story-card:hover .story-card__actions,.story-card:focus-within .story-card__actions{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.story-card:first-child .story-card__actions{left:0;transform:translateY(5px)}.story-card:first-child:hover .story-card__actions,.story-card:first-child:focus-within .story-card__actions{transform:translateY(0)}.story-card__action{color:#000;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:42px;padding:0;font-size:12px;font-weight:600;line-height:18px;display:flex}.story-card__action[hidden]{display:none}.story-card--standalone .story-card__actions{grid-template-columns:repeat(3,1fr)}.story-card__action:hover:not(:disabled),.story-card__action:focus-visible:not(:disabled){background:#f0f4fa;outline:none}.story-card__action--delete:hover,.story-card__action--delete:focus-visible{color:#b42318;background:#fff1f0}.story-card__action:disabled{opacity:.28;cursor:default}.story-card__action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:0 0 20px;width:20px;height:20px}.add-card{border:1px dashed var(--dashed);color:var(--muted);background:#f8fafd;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.add-card__plus{color:var(--blue);fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:24px;height:24px}.add-card span:last-child{font-size:14px;font-weight:600;line-height:20px}.timeline-bar{background:var(--surface);border-top:1px solid var(--surface-line)}.voiceover-button{color:var(--blue);cursor:pointer;background:#0957d01a;border-radius:16px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;line-height:16px;display:inline-flex}.voiceover-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.timeline-bar{z-index:13;flex:0 0 56px;justify-content:space-between;align-items:center;gap:24px;height:56px;padding:8px 32px 8px 16px;display:flex;position:sticky;bottom:0}.timeline-bar__left,.timeline-bar__right{align-items:center;display:flex}.timeline-bar__left{flex:1;gap:8px;min-width:0}.timeline-bar__right{flex:none}.play-button{width:32px;height:32px;color:var(--blue);background:0 0;border:0;flex:0 0 32px;place-items:center;padding:0;display:grid}.play-button svg{fill:currentColor;width:20px;height:20px}.timeline-seek{min-width:80px;height:4px;accent-color:var(--blue);flex:1}#timeReadout{color:#000;white-space:nowrap;font-size:14px;font-weight:600;line-height:16px}#timeReadout span{color:var(--muted)}#timeReadout b{font-weight:600}.preview-button,.save-button{background:var(--button-muted);height:40px;color:var(--white);border:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.preview-button{min-width:100px;color:var(--text);background:#fff;border:1px solid #000}.preview-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:24px;height:24px}.preview-button:disabled{color:var(--text);cursor:not-allowed;background:#fff}.save-button{min-width:119px;color:var(--white);background:#3564c9;border:0}.save-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.save-button.is-ready{background:#3564c9}.empty-state{display:none}.sequence-preview{width:min(430px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);border:0;border-radius:12px;padding:0;font-family:Open Sans,sans-serif;box-shadow:0 24px 64px #1e22283d}.sequence-preview::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94}.sequence-preview__panel{background:#fff;flex-direction:column;max-height:calc(100vh - 32px);display:flex}.sequence-preview__header{border-bottom:1px solid #e3e8ee;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 16px;display:flex}.sequence-preview__header h2,.sequence-preview__header p{margin:0}.sequence-preview__header h2{font-size:18px;font-weight:600;line-height:26px}.sequence-preview__header p{color:var(--muted);font-size:12px;line-height:18px}.sequence-preview__close{color:#6e7683;background:#f0f4fa;border:0;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0 0 2px;font-size:24px;line-height:1;display:grid}.sequence-preview__body{background:#f0f4fa;flex:1;place-items:center;min-height:0;padding:16px;display:grid}.sequence-preview__stage{aspect-ratio:9/16;background:var(--card-bg);border-radius:12px;width:min(256px,56.25vh - 105.75px);position:relative;overflow:hidden;box-shadow:0 10px 30px #1e222824}.sequence-preview__media,.sequence-preview__shade{position:absolute;inset:0}.sequence-preview__media img,.sequence-preview__media video{object-fit:cover;transform-origin:50%;width:100%;min-width:100%;max-width:none;height:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sequence-preview__shade{pointer-events:none;opacity:0}.sequence-preview__stage.is-cover .sequence-preview__shade{opacity:1;background:linear-gradient(#0000004d,#0000);height:144px;bottom:auto;left:0;right:0}.sequence-preview__stage.is-generic .sequence-preview__shade{opacity:1;background:linear-gradient(#0000,#00000029 50%,#0000);height:48px;inset:auto 16px 88px}.sequence-preview__cover,.sequence-preview__generic{z-index:2;color:#fff;font-variation-settings:"wdth" 100;text-shadow:0 1px 2px #0003;font-family:Anek Devanagari,sans-serif;display:none;position:absolute}.sequence-preview__cover{justify-items:center;top:48px;left:16px;right:16px}.sequence-preview__cover strong{text-align:center;width:201px;font-size:24px;font-weight:700;line-height:30px}.sequence-preview__generic{grid-template-columns:3px minmax(0,1fr);gap:8px;min-height:48px;bottom:88px;left:16px;right:16px}.sequence-preview__cover.is-active,.sequence-preview__generic.is-active{display:grid}.sequence-preview__cover[hidden],.sequence-preview__generic[hidden]{display:none!important}.sequence-preview__generic>span{background:var(--accent)}.sequence-preview__generic strong{font-size:16px;font-weight:700;line-height:24px}.sequence-preview__stage.is-changing{animation:.18s ease-out preview-card-in}@keyframes preview-card-in{0%{opacity:.7;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.sequence-preview__controls{border-top:1px solid #e3e8ee;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:8px 16px;display:grid}.sequence-preview__play{color:#fff;background:var(--blue);border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.sequence-preview__play svg{fill:currentColor;width:20px;height:20px}#sequencePreviewSeek{min-width:0;accent-color:var(--blue)}#sequencePreviewTime{white-space:nowrap;font-size:12px;font-weight:600}.media-dialog{color:#1e2228;border:0;border-radius:12px;width:min(656px,100vw - 32px);max-height:calc(100vh - 32px);padding:0;font-family:Open Sans,sans-serif;box-shadow:0 24px 64px #1e222833}.media-dialog::backdrop{background:#0f172a6b}.media-dialog__panel{flex-direction:column;display:flex}.media-dialog__head,.media-dialog__footer{background:#fff;align-items:center;display:flex}.media-dialog__head{border-bottom:1px solid #e3e8ee;min-height:56px;padding:12px 16px}.media-dialog__head h2{margin:0;font-size:20px;font-weight:600;line-height:32px}.media-dialog__body{background:#f0f4fa}.media-stage{height:403px;position:relative;overflow:hidden}.media-stage__note{color:#6e7683;align-items:flex-start;gap:4px;font-size:12px;line-height:16px;display:flex;position:absolute;top:12px;left:12px}.media-stage__note svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.4px;flex:none;width:16px;height:16px}.crop-preview{place-items:center;height:100%;display:grid}.crop-preview__frame{background:#d8e3f8;border-radius:12px;width:211px;height:375px;position:relative;overflow:hidden}.crop-preview__image,.crop-preview__video{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;cursor:grab;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-preview__image.is-dragging,.crop-preview__video.is-dragging{cursor:grabbing}.crop-preview__badge{z-index:3;color:#fff;pointer-events:none;background:#1e2228b3;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:9px;right:9px}.crop-preview__badge svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:20px;height:20px}.trim-workspace{background:#fff;height:117px;padding:8px 12px 10px}.trim-ruler{grid-template-columns:32px minmax(0,1fr) 72px;align-items:center;gap:7px;height:26px;display:grid}.trim-play{color:#1e2228;background:0 0;border:0;place-items:center;width:32px;height:26px;padding:0;display:grid}.trim-play svg{fill:currentColor;width:24px;height:24px}.trim-ticks{color:#6e7683;white-space:nowrap;align-items:center;gap:11px;min-width:0;font-size:14px;font-weight:600;line-height:20px;display:flex;overflow:hidden}.zoom-control{align-items:center;gap:4px;display:flex}.zoom-control svg{display:none}.zoom-control input{accent-color:#0957d0;width:67px;margin:0}.zoom-control strong{display:none}.trim-strip-wrap{margin:0 12px 0 39px;position:relative}.trim-strip{height:56px;position:relative}.trim-strip__frames{background-color:#aeb1ff;background-image:var(--trim-poster,linear-gradient(135deg,#6558d9,#b9afff));opacity:.42;background-position:50%;background-repeat:repeat-x;background-size:22px 32px;border:1px solid #fff;border-radius:4px;position:absolute;inset:16px 0 8px;overflow:hidden}.trim-strip__selection{z-index:2;pointer-events:none;border-left:2px solid #0957d0;border-right:2px solid #0957d0;width:40%;position:absolute;top:0;bottom:0;left:0}.trim-strip__selection:before{content:"";background-image:var(--trim-poster,linear-gradient(135deg,#6558d9,#b9afff));background-position:50%;background-repeat:repeat-x;background-size:22px 32px;border:1px solid #fff;border-radius:4px;position:absolute;inset:16px 0 8px}.trim-strip__handle{background:#0957d0;width:2px;height:100%;position:absolute;top:0}.trim-strip__handle--start{left:-2px}.trim-strip__handle--end{right:-2px}.trim-strip__move{z-index:3;color:#fff;text-shadow:0 1px 2px #1e2228bf;font-size:20px;line-height:1;position:absolute;top:23px;left:50%;transform:translate(-50%,-50%)}.trim-strip input{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:56px;margin:0;position:absolute;inset:0}.trim-strip-wrap small{color:#6e7683;font-size:11px;line-height:12px;position:absolute;bottom:-1px;right:0}.media-dialog.is-image .trim-workspace{height:52px}.media-dialog.is-image .trim-ruler{grid-template-columns:1fr 72px}.media-dialog.is-image .trim-play,.media-dialog.is-image .trim-ticks,.media-dialog.is-image .trim-strip-wrap{display:none}.media-dialog.is-image .zoom-control{grid-column:2}.standalone-trim-controls{display:none}.media-dialog.is-standalone .media-stage{height:335px}.media-dialog.is-standalone .trim-workspace{height:188px}.media-dialog.is-standalone #trimStart{display:none}.media-dialog.is-standalone .standalone-trim-controls{grid-template-columns:1fr 1fr;gap:8px 16px;margin:5px 12px 0 39px;display:grid}.standalone-trim-controls>label,.standalone-volume-control{color:#4c5563;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:14px;display:grid}.standalone-trim-controls input[type=range]{accent-color:#0957d0;width:100%;margin:0}.standalone-audio-controls{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.standalone-audio-toggle{color:#1e2228;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.standalone-volume-control{width:170px}.primary-button,.secondary-button{border-radius:4px;min-width:auto;height:40px;padding:8px 12px;font-size:14px;font-weight:600}.primary-button{background:var(--blue);color:var(--white);border:0}.secondary-button{color:#1e2228;background:#fff;border:0}.media-dialog__footer{border-top:1px solid #e3e8ee;justify-content:flex-end;gap:12px;min-height:56px;padding:8px 16px}@media (max-width:920px){.page-header,.card-board,.timeline-bar{padding-left:20px;padding-right:20px}.card-board{padding-top:53px}.media-stage{height:min(403px,100vh - 245px)}.crop-preview__frame{width:calc(min(375px,100vh - 273px)/1.77715);height:min(375px,100vh - 273px)}.media-stage__note{max-width:120px}.timeline-bar__right{gap:12px}.save-button{min-width:112px}}@media (max-width:640px){.timeline-bar,.timeline-bar__right{gap:8px}#timeReadout{display:none}.save-button{min-width:104px}}