@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.0ztvx5mb7lxp4.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}._30JRzW_className{font-family:pretendard,pretendard Fallback}._30JRzW_variable{--font-pretendard:"pretendard", "pretendard Fallback"}
:root{--bg:#0b1112;--shell:#11181a;--panel:#172022;--field:#1f2a2c;--hover:#273436;--line:#2a3739;--line-strong:#3f5154;--text:#eef6f4;--muted:#9cb0ad;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-soft:#0f2f2b;--accent-text:#7ff0dc;--accent-line:#1f4d47;--accent-glow:#2dd4bf54;--on-accent:#04211d;--sun:#facc15;--sun-soft:#2b2510;--sun-text:#fde68a;--sun-line:#4a3f1d;--text-soft:#cfdcda;--highlight:#ffe500;--danger:#ff6b6b;--gradient-text:linear-gradient(105deg, #7ff0dc, #2dd4bf 45%, #fde047);--gradient-accent:linear-gradient(115deg, #14b8a6, #2dd4bf 50%, #fde047);--radius:14px;--radius-sm:9px;--header-height:64px;--sidebar-width:236px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}html{scrollbar-gutter:stable}html:has(body.editor-open){scrollbar-gutter:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-pretendard), "Malgun Gothic", system-ui, sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em}.muted{color:var(--muted)}.accent{color:var(--accent)}.small-text{font-size:13px}.gradient-text{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.site-header{height:var(--header-height);z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0b1112d6;align-items:center;gap:12px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.logo{align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.logo-mark{width:26px;height:26px;box-shadow:0 0 18px var(--accent-glow);background:linear-gradient(to top right,#14b8a6,#2dd4bf 50%,#fde047);border-radius:7px;flex:none;position:relative}.logo-mark:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#0b1112;width:28.1%;height:34.4%;position:absolute;top:32.8%;left:40.6%}.header-tag{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.icon-button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--text);cursor:pointer;place-items:center;display:inline-grid}.menu-button{display:none}.sidebar{top:var(--header-height);width:var(--sidebar-width);z-index:20;background:var(--shell);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:20px 14px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar-profile{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-bottom:18px;padding:12px;display:flex}.sidebar-profile:hover{background:var(--hover)}.sidebar-profile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.sidebar-profile-plan{color:var(--muted);flex:none;font-size:12px}.sidebar-profile-credit{color:var(--muted);flex-direction:column;flex:1 0 100%;gap:2px;margin-top:6px;font-size:12px;display:flex}.sidebar-profile-credit strong{color:var(--accent-text);font-size:13px}.nav-group+.nav-group{margin-top:22px}.nav-title{color:var(--muted);letter-spacing:.02em;margin:0 10px 8px;font-size:12px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--text-soft);align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 2px 0 0 var(--accent)}.sidebar-note{color:var(--muted);margin:0 6px;font-size:12px;line-height:1.5}.scrim{display:none}.content{margin-left:var(--sidebar-width);padding-top:var(--header-height);flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:32px 28px 64px}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:20px 28px;font-size:13px}.site-footer p{margin:0}.site-footer strong{color:var(--text-soft)}.site-footer .footer-business{flex-wrap:wrap;justify-content:center;gap:2px 12px;margin-top:8px;font-size:12px;display:flex}.site-footer .footer-business a{color:inherit}.footer-links{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px;display:flex}.footer-links a{color:var(--muted);font-weight:600}.footer-links a:hover{color:var(--text)}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel{margin-top:18px;padding:22px 24px}.panel h2{margin:0 0 10px;font-size:18px}.eyebrow{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--field);width:100%;color:var(--text);font:inherit;padding:12px 14px}input::placeholder,textarea::placeholder{color:#6f8380}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2dd4bf33}.field-label{color:var(--muted);margin:6px 0;font-size:13px;font-weight:600;display:block}.button{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:13px 20px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover)}.button.primary:disabled{opacity:.55;cursor:wait}.button.ghost{border-color:var(--line-strong);color:var(--text);background:0 0}.button.ghost:hover{background:var(--hover)}.button.small{padding:8px 14px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip.active{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent)}.form-error{color:var(--danger);white-space:pre-wrap;margin:0;font-size:14px}.error{color:#ffc9c9;white-space:pre-wrap;background:#2a1a1a;border-color:#6b2f2f;margin-bottom:20px;padding:18px 20px}.error p{margin:0 0 12px}.page-head{margin:0 0 24px}.page-head h1,.page-head h2{margin:10px 0 4px;font-size:clamp(24px,3vw,30px)}.back{color:var(--muted);font-size:14px}.back:hover{color:var(--text)}.narrow{max-width:760px}.home-hero{text-align:center;isolation:isolate;flex-direction:column;align-items:center;gap:14px;padding:36px 0 8px;display:flex;position:relative}:root{--hero-side:var(--sidebar-width)}.content{overflow-x:clip}.hero-bg{z-index:-1;width:calc(100vw - var(--hero-side));pointer-events:none;background:var(--bg) url(/media/home-hero-poster.jpg) center / cover no-repeat;-webkit-mask-composite:source-in;position:absolute;top:-32px;bottom:-56px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 50%,#0000),linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#000 50%,#0000),linear-gradient(90deg,#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(90deg,#0b11128c,#0000 18% 82%,#0b11128c),radial-gradient(closest-side at 50% 42%,#0b111259,#0b111200),linear-gradient(#0b1112b8,#0b1112db);position:absolute;inset:0}@media (max-width:860px){:root{--hero-side:0px}.hero-bg{top:-24px}}@media (max-width:560px){.hero-bg{bottom:-40px}}@media (prefers-reduced-motion:reduce){.hero-video{display:none}}.home-hero h1{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.16}.hero-sub{color:var(--text-soft);max-width:560px;margin:0;font-size:16.5px}@media (max-width:560px){.home-hero{padding:24px 0 4px}}.create-stack{flex-direction:column;align-items:center;gap:28px;margin-top:32px;display:flex}.home-hero .create-stack{text-align:left;align-items:center;width:100%;max-width:720px;margin-top:10px}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.source-box{background:var(--bg);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:760px;padding:16px;display:flex}.source-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.source-label{color:var(--muted);font-size:14px;font-weight:700}.source-tabs{background:var(--field);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.source-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:700;display:inline-flex}.source-tabs button:hover{color:var(--text)}.source-tabs button.active{color:var(--on-accent);background:var(--accent)}.source-row{gap:8px;display:flex}.url-field{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 8px 0 14px;display:flex}.url-field input{background:0 0;border:0;flex:1;min-width:0;padding:14px 0;font-size:16px}.url-field input:focus{box-shadow:none}.url-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2dd4bf33}.url-field-icon{color:var(--muted);flex:none}.paste-button{border:1px solid var(--line-strong);background:var(--field);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:grid}.paste-button:hover{background:var(--hover)}.convert-button{color:var(--on-accent);background:var(--accent);border-radius:12px;padding:14px 26px;font-size:16px}.convert-button:hover{background:var(--accent-hover)}.convert-button:disabled{opacity:.6;cursor:wait}.drop{border:1.5px dashed var(--line-strong);color:var(--muted);cursor:pointer;background:var(--panel);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:13px 16px;display:flex}.drop span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drop.over,.drop:hover{border-color:var(--accent);color:var(--text)}.drop input{display:none}.flow-steps{color:var(--muted);flex-wrap:wrap;gap:18px;margin:2px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.flow-steps li{align-items:center;gap:7px;display:inline-flex}.flow-steps span{width:20px;height:20px;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:6px;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.source-box .form-error{text-align:left}@media (max-width:640px){.source-row{flex-wrap:wrap}.source-row .convert-button{width:100%}}.genre-buttons{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1040px;display:flex}.genre-button{border:1px solid var(--line);background:var(--shell);color:var(--text-soft);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:inline-flex}.genre-button:hover{border-color:var(--line-strong);color:var(--text)}.genre-button.active{color:#fff;background:linear-gradient(var(--shell), var(--shell)) padding-box, var(--gradient-accent) border-box;border-color:#0000;box-shadow:0 0 24px #2dd4bf29}.phone-mock{aspect-ratio:9/16;background:linear-gradient(135deg,#3a4152,#1d2029 60%,#3a2c33);border:2px solid #2d2e33;border-radius:18px;font-weight:800;position:relative;overflow:hidden;container-type:inline-size}.phone-mock.layout-fill{background:linear-gradient(135deg,#59647d,#2b3141 55%,#5a4350)}.phone-video{background:linear-gradient(135deg,#6c7894,#3c4458 55%,#6b505e);height:48.2%;position:absolute;top:17.8%;left:0;right:0}.phone-mock.layout-fill .phone-video{opacity:.55;height:100%;top:0}.phone-hook,.phone-subtitle{z-index:1;text-align:center;margin:0;line-height:1.25;position:absolute;left:6%;right:6%}.phone-credit{z-index:1;text-align:center;margin:0;font-weight:700;line-height:1.25;position:absolute;left:6%;right:6%}.phone-hook span{width:fit-content;margin:0 auto;display:block}.phone-subtitle{padding-top:2.5cqw}.phone-subtitle>span{-webkit-box-decoration-break:clone;box-decoration-break:clone}.template-choices{border:0;gap:10px;min-width:0;margin:0;padding:0;display:flex}.template-choice{text-align:center;border:1.5px solid var(--line);background:var(--shell);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 8px 10px;display:flex;position:relative}.template-choice-phone{pointer-events:none;width:100%;margin-bottom:6px;display:block}.template-choice-phone .phone-mock{border-color:#26272b;border-radius:10px}.template-choice strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;overflow:hidden}.template-choice-tag{color:var(--muted);font-size:12px}.template-choice:hover{border-color:var(--line-strong)}.template-choice.selected{border-color:var(--accent);background:var(--accent-soft)}.template-choice.selected strong{color:var(--accent-text)}.template-choice:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-glow)}.template-choice.disabled{opacity:.45;cursor:not-allowed}.template-choice.disabled:hover{border-color:var(--line)}.create-options{margin-top:0}.create-top{flex-wrap:wrap;align-items:center;gap:14px;width:100%;max-width:860px;display:flex}.create-top h2{margin:0;font-size:clamp(22px,3vw,28px)}.create-source{align-items:center;gap:14px;width:100%;min-width:0;max-width:860px;padding:12px;display:flex}.create-source-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--field);border-radius:10px;flex:none;width:160px;height:auto}.create-source-icon{background:var(--field);width:56px;height:56px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.create-source-info{flex-direction:column;gap:2px;min-width:0;display:flex}.create-source-info strong{overflow-wrap:anywhere}.create-submit{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:860px;display:flex}.create-submit .form-error{text-align:center;margin:0}.format-group{border:0;min-width:0;margin:0;padding:0}.format-group legend{margin-bottom:8px;padding:0}.layout-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.layout-option{cursor:pointer;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:12px;transition:border-color .15s,background .15s;display:flex}.layout-option:hover{border-color:var(--line-strong)}.layout-option.selected{border-color:var(--accent);background:var(--accent-soft)}.layout-option:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-glow)}.layout-text{flex-direction:column;gap:2px;min-width:0;display:flex}.layout-text strong{font-size:15px}.layout-text span{color:var(--muted);font-size:12.5px;line-height:1.45}.layout-option.selected .layout-text strong{color:var(--accent-text)}.layout-preview{aspect-ratio:9/16;border:2px solid #3d3e44;border-radius:6px;flex:none;width:40px;display:block;position:relative;overflow:hidden}.layout-preview.fit{background:linear-gradient(135deg,#3a4152,#1d2029 60%,#3a2c33)}.layout-preview.fill{background:linear-gradient(135deg,#7b88a6,#4b556b 55%,#7a5c6a)}.layout-preview-video{background:linear-gradient(135deg,#7b88a6,#4b556b 55%,#7a5c6a);height:48%;position:absolute;top:18%;left:0;right:0}.layout-preview.fill .layout-preview-video{display:none}.layout-preview-hook{opacity:.9;z-index:1;background:#fff;border-radius:2px;height:6%;position:absolute;top:9%;left:18%;right:18%}.layout-preview-sub{background:var(--highlight);z-index:1;border-radius:2px;height:5%;position:absolute;bottom:27%;left:22%;right:22%}.pill-group{flex-wrap:wrap;gap:6px;display:flex}.pill{cursor:pointer;background:var(--panel);border:1.5px solid var(--line);color:var(--muted);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}.pill:hover{border-color:var(--line-strong);color:var(--text)}.pill.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.pill:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-glow)}.segmented{border:1.5px solid var(--line);background:var(--panel);border-radius:10px;display:grid;overflow:hidden}.segmented label{color:var(--muted);cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;place-items:center;padding:8px 2px;font-size:13px;font-weight:800;display:grid}.segmented label+label{border-left:1px solid var(--line)}.segmented label:hover{color:var(--text);background:var(--shell)}.segmented label.selected{color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.segmented label:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--accent)}.section{margin-top:72px}.section-title{text-align:center;margin:0 0 28px;font-size:clamp(24px,3vw,32px)}.section-title.big{font-size:clamp(28px,3.6vw,40px);line-height:1.3}.cta-note{text-align:center;color:var(--muted);margin:12px 0 0;font-size:13px}.cta-note a{color:var(--accent-text)}.button.pill{border-radius:99px;padding:14px 30px;font-size:16px}.section-sub{text-align:center;max-width:620px;color:var(--muted);margin:-16px auto 26px;font-size:15.5px}.step-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid;position:relative}.step-flow:before{content:"";border-top:2px dashed var(--accent-line);position:absolute;top:31px;left:16.6667%;right:16.6667%}.step-flow-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.step-flow-icon{width:64px;height:64px;color:var(--accent-text);background:var(--shell);border:1px solid var(--accent-line);box-shadow:0 0 0 6px var(--bg), 0 10px 28px #2dd4bf1f;border-radius:20px;place-items:center;margin-bottom:8px;display:grid}.step-flow-item:nth-child(2) .step-flow-icon{color:var(--sun-text);border-color:var(--sun-line)}.step-label{letter-spacing:.08em;background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:800}.step-flow-item h3{margin:2px 0 4px;font-size:19px}.step-flow-item p{max-width:300px;color:var(--muted);margin:0;font-size:15px}.home-hero,.showcase,.step-flow,.faq-list{word-break:keep-all}.section-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.section-head .section-title{text-align:left;margin:0}.section-count{color:var(--muted);font-weight:700}.section-more{color:var(--accent-text);white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.section-more:hover{color:var(--accent)}.recent-projects .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase{flex-direction:column;align-items:center;display:flex}.showcase-genres{margin-bottom:30px}.showcase-joined{margin-top:36px}.showcase-stage{grid-template-columns:minmax(0,480px) auto 330px;justify-content:center;align-items:center;gap:36px;width:100%;padding:8px 0;display:grid}.showcase-source{flex-direction:column;gap:10px;min-width:0;display:flex}.showcase-source h3{margin:10px 0 0;font-size:22px}.showcase-source p{margin:0}.showcase-label{color:var(--muted);font-size:13px;font-weight:700}.showcase-screen{aspect-ratio:16/9;background:linear-gradient(135deg,#6c7894,#3c4458 55%,#6b505e);border-radius:14px;position:relative;overflow:hidden}.showcase-play{background:#04211d8c;border:2px solid #ffffffb3;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase-play:after{content:"";border:10px solid #0000;border-left:16px solid #fff;border-right-width:0;position:absolute;top:16px;left:21px}.showcase-timeline{background:var(--field);border-radius:99px;height:12px;position:relative;overflow:hidden}.showcase-timeline:after{content:"";opacity:.8;background:#fff;width:2px;animation:6s linear infinite showcase-scan;position:absolute;top:0;bottom:0}.showcase-pick{background:var(--accent-line);border-radius:99px;position:absolute;top:0;bottom:0}.showcase-pick.current{background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}@keyframes showcase-scan{0%{left:0}to{left:100%}}.showcase-found{color:var(--accent-text);margin:2px 0 0;font-size:14px;font-weight:700}.showcase-arrow{width:44px;height:44px;color:var(--on-accent);background:var(--accent);box-shadow:0 0 22px var(--accent-glow);border-radius:50%;place-items:center;display:grid}.showcase-result{flex-direction:column;align-items:center;gap:14px;display:flex}.showcase-phone{width:220px}.showcase-stack{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:330px;height:395.111px;position:relative}.showcase-stack.swipeable{cursor:grab}.showcase-stack.dragging{cursor:grabbing}.showcase-card{transform-origin:50%;will-change:transform, opacity;background:0 0;border:0;width:220px;padding:0;transition:transform .45s cubic-bezier(.22,.8,.24,1),opacity .45s;position:absolute;top:0;left:50%}.showcase-stack.dragging .showcase-card,.showcase-card.wrapped{transition:none}.showcase-card.side{cursor:pointer;border:1px solid var(--line-strong);background:#000;border-radius:20px;overflow:hidden}.showcase-card.side:hover{filter:brightness(1.4)}.showcase-card.hidden{pointer-events:none}.showcase-card.side img{aspect-ratio:9/16;object-fit:cover;pointer-events:none;width:100%;display:block}.showcase-card.current video{cursor:auto}@media (prefers-reduced-motion:reduce){.showcase-card{transition:none}}.showcase-phone .phone-mock{border:2px solid var(--accent);box-shadow:0 18px 50px #00000080}.showcase-templates{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.showcase-templates .chip{padding:6px 11px;font-size:13px}.showcase-note{color:var(--muted);margin:12px 0 0;font-size:12.5px}@media (max-width:1100px){.showcase-stage{grid-template-columns:minmax(0,1fr);padding:0}.showcase-arrow{justify-self:center;transform:rotate(90deg)}}.showcase-screen img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase-timeline .showcase-pick{cursor:pointer;border:0;padding:0}.showcase-timeline .showcase-pick:hover{background:var(--accent-hover)}.showcase-controls{z-index:2;color:#fff;opacity:0;background:linear-gradient(#0000,#000000bf);border-radius:0 0 12px 12px;flex-direction:column;gap:2px;padding:22px 8px 6px;transition:opacity .2s;display:flex;position:absolute;bottom:2px;left:2px;right:2px}.showcase-card.current:hover .showcase-controls,.showcase-controls:focus-within{opacity:1}@media (hover:none){.showcase-controls{opacity:1}}@media (prefers-reduced-motion:reduce){.showcase-controls{transition:none}}.showcase-controls-row{align-items:center;gap:4px;display:flex}.showcase-ctl{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.showcase-ctl:hover{background:#fff3}.showcase-controls input[type=range]{accent-color:var(--accent);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.showcase-seek{width:100%;height:14px}.showcase-volume{flex:auto;min-width:64px;max-width:140px;height:14px}.showcase-time{text-align:right;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:11px}.showcase-ctl:focus-visible,.lightbox-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox{z-index:200;background:0 0;place-items:center;padding:16px;transition:background .3s;display:grid;position:fixed;inset:0}.lightbox.shown{background:#000000d1}.lightbox-frame{transform-origin:0 0;will-change:transform}.lightbox-video{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:14px;max-width:calc(100vw - 32px);height:min(82vh,177.778vw - 56.8889px);display:block;box-shadow:0 24px 80px #0009}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff47}@media (prefers-reduced-motion:reduce){.lightbox{transition:none}}.showcase-video{aspect-ratio:9/16;object-fit:cover;border:2px solid var(--accent);background:#000;border-radius:14px;width:100%;display:block;box-shadow:0 18px 50px #00000080}.showcase-placeholder{background:var(--shell);border-radius:24px;height:640px}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.example-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);height:100%;color:inherit;flex-direction:column;display:flex;overflow:hidden}.example-card:hover{border-color:var(--accent-line)}.example-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.example-thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.example-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.example-card:hover .example-thumb img{transform:scale(1.04)}.example-badge{color:var(--on-accent);background:var(--accent);border-radius:7px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.example-length{color:#fff;background:#000000bf;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.example-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.example-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.example-body span{color:var(--muted);font-size:13px}@media (max-width:860px){.example-grid{grid-template-columns:minmax(0,1fr)}}.marquee{color:inherit;padding:6px 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-track{flex:none;gap:16px;margin:0;padding:0 16px 0 0;list-style:none;animation:70s linear infinite marquee-flow;display:flex}.marquee:hover .marquee-track,.marquee:active .marquee-track{animation-play-state:paused}.marquee .phone-comment{animation:none}.marquee .phone-comment:not(:first-child){opacity:0}.marquee .phone-comment:first-child{opacity:1}.marquee-item{width:150px;color:var(--text-soft);flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.marquee-phone{width:100%;transition:transform .2s}.marquee-item:hover .marquee-phone{transform:translateY(-4px)}.marquee-phone .phone-mock{border-radius:12px}@keyframes marquee-flow{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marquee-track{animation:none}.marquee-track+.marquee-track{display:none}.showcase-timeline:after{animation:none;display:none}}.shorts-marquee .marquee-track{gap:14px;padding-right:14px;animation-duration:60s}.marquee:focus-within .marquee-track{animation-play-state:paused}.shorts-card{flex:none;width:168px}.shorts-card a{aspect-ratio:9/16;background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:14px;display:block;position:relative;overflow:hidden}.shorts-card a:hover,.shorts-card a:focus-visible{border-color:var(--accent)}.shorts-card a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shorts-card img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.shorts-card a:hover img{transform:scale(1.04)}.shorts-card-text{background:linear-gradient(#0000,#000000d9);flex-direction:column;gap:4px;padding:36px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.shorts-card-text strong{-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.shorts-card-text span{color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.shorts-note{text-align:center}.marquee-placeholder{background:var(--shell);border-radius:14px;height:312px}.faq-list{flex-direction:column;gap:10px;max-width:760px;margin:0 auto;display:flex}.faq-item{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.faq-item[open]{border-color:var(--accent-line)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent-text);flex:none;font-size:20px;font-weight:600;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius)}.faq-item p{color:var(--text-soft);margin:0;padding:0 20px 18px;font-size:15px;line-height:1.65}.flow-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.flow-item{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);gap:16px;padding:18px 20px;display:flex}.flow-item h3{margin:2px 0 4px;font-size:17px}.flow-item p{margin:0}.flow-number{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.tip-list{color:var(--text-soft);flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.notice{border-color:var(--sun-line);background:var(--sun-soft)}.notice p{color:var(--sun-text);margin:0}.bar{background:var(--field);border-radius:99px;height:8px;overflow:hidden}.bar-fill{background:var(--gradient-accent);width:0;height:100%;transition:width .4s}.run{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:22px;display:grid}.run-stages{top:calc(var(--header-height) + 20px);flex-direction:column;gap:16px;padding:22px;display:flex;position:sticky}.run-percent{flex-direction:column;gap:4px;display:flex}.run-percent strong{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:900;line-height:1}.run-percent small{font-size:22px}.run-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.run-steps li{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.run-steps li.done{color:var(--text)}.run-steps li.active{color:var(--accent-text)}.run-dot{border:2px solid var(--line-strong);border-radius:50%;flex:none;width:14px;height:14px}.run-steps li.done .run-dot{border-color:var(--accent);background:var(--accent)}.run-steps li.active .run-dot{border-color:var(--accent);animation:1.4s infinite run-pulse;box-shadow:0 0 0 4px #2dd4bf33}@keyframes run-pulse{50%{box-shadow:0 0 0 7px #2dd4bf12}}.run-tip{margin:0;font-size:13px;line-height:1.5}.run-board-title{margin:0 0 12px;font-size:18px}.run-board-title .muted{font-size:14px;font-weight:500}.result-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.result-head .button{align-items:center;gap:8px;display:inline-flex}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.button.ghost.danger{color:var(--danger)}.button.ghost.danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.result-rows{flex-direction:column;gap:18px;display:flex}.result-row{background:var(--panel);border:1px solid var(--line);scroll-margin-top:calc(var(--header-height) + 16px);border-radius:20px;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:26px;padding:20px;display:grid}.result-player video{aspect-ratio:9/16;background:#000;border-radius:16px;width:100%;display:block}.result-info{flex-direction:column;gap:14px;min-width:0;display:flex}.result-row-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.result-title{overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(19px,2vw,24px);font-weight:900;line-height:1.35}.result-number{color:var(--accent-text);margin-right:2px}.result-score{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:14px;flex:none;grid-template-columns:auto auto;align-items:baseline;margin:0;padding:8px 14px;line-height:1;display:grid}.result-score strong{color:var(--accent-text);font-size:28px;font-weight:900}.result-score span{color:var(--muted);font-size:13px;font-weight:700}.result-score small{color:var(--muted);text-align:center;grid-column:1/-1;margin-top:5px;font-size:11.5px;font-weight:700}.result-chips{flex-wrap:wrap;gap:6px;display:flex}.result-chips span{background:var(--field);border:1px solid var(--line);color:var(--text-soft);border-radius:99px;padding:4px 11px;font-size:13px;font-weight:700}.result-chips span.accent{color:var(--accent-text);border-color:var(--accent-line)}.origin{flex-direction:column;gap:6px;display:flex}.origin-head{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.origin-head span:last-child{color:var(--text);font-weight:700}.origin-bar{background:var(--field);border-radius:99px;height:10px;position:relative}.origin-bar span{background:var(--gradient-accent);border-radius:99px;min-width:6px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #2dd4bf80}.result-reason{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:14px;padding:14px 16px}.result-reason-label{color:var(--accent-text);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.result-reason p{margin:6px 0 0;line-height:1.6}.description-panel{background:var(--shell);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.description-label{color:var(--muted);font-size:13px;font-weight:800}.description-text{white-space:pre-wrap;color:#e4e3e6;margin:0;font-size:14.5px;line-height:1.65}.description-title{color:#e4e3e6;margin:0;font-size:15px;font-weight:700;line-height:1.5}.description-panel textarea{resize:vertical;line-height:1.6}.description-actions{flex-wrap:wrap;gap:6px;display:flex}.description-actions .button{align-items:center;gap:5px;display:inline-flex}.save-template-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.result-fold{border:1px solid var(--line);background:var(--shell);border-radius:14px}.result-fold summary{cursor:pointer;align-items:center;gap:8px;padding:12px 16px;font-weight:700;list-style:none;display:flex}.result-fold summary::-webkit-details-marker{display:none}.result-fold summary:after{content:"▾";color:var(--accent-text);margin-left:auto;transition:transform .2s}.result-fold[open] summary:after{transform:rotate(180deg)}.result-fold summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:14px}.result-fold-body{color:var(--text-soft);flex-direction:column;gap:12px;margin:0;padding:0 16px 14px;font-size:14.5px;line-height:1.7;display:flex}.result-info .result-actions{gap:10px;margin-top:auto}.result-actions .button{align-items:center;gap:8px;display:inline-flex}.row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.keyword-row{grid-template-columns:minmax(0,1fr) 140px;align-items:end;gap:10px;display:grid}.keyword-color .color-trigger{height:46px}.keyword-color .color-popover{left:auto;right:0}.color-picker{min-width:0;position:relative}.color-trigger{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);width:100%;height:40px;color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 10px;display:flex}.color-trigger:hover{border-color:var(--line-strong)}.color-trigger[aria-expanded=true]{border-color:var(--accent)}.color-chip{border-radius:6px;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #fff3}.color-code{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px}.color-popover{z-index:30;background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;gap:12px;width:252px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #0009}.color-area{cursor:crosshair;touch-action:none;border-radius:8px;height:170px;position:relative}.color-area:before{content:"";border-radius:inherit;background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.color-area-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 1px 4px #0008}.color-hue-row{align-items:center;gap:10px;display:flex}.color-dropper{border:1px solid var(--line);background:var(--field);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.color-dropper:hover{border-color:var(--line-strong)}.color-picker input.color-hue{height:12px;box-shadow:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border:0;border-radius:99px;flex:1;padding:0}.color-hue::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0006}.color-hue::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:12px;height:12px}.color-inputs{gap:6px;display:flex}.color-inputs select{flex:none;width:74px;height:34px;padding:0 8px;font-size:13px}.color-inputs input{text-transform:uppercase;flex:1;min-width:0;height:34px;padding:0 8px;font-size:13px}.color-swatches{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.color-swatches button{aspect-ratio:1;cursor:pointer;border:0;border-radius:6px;padding:0;box-shadow:inset 0 0 0 1px #fff3}.color-swatches button:hover{transform:scale(1.08)}.color-swatches button.selected{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.notice-text{color:#f2dfb4;margin:0;font-size:13px}.subtitle-list{flex-direction:column;gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.subtitle-row{align-items:center;gap:6px;display:flex}.subtitle-time{width:46px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.subtitle-row input{padding:8px 10px;font-size:14px}.subtitle-row button{border:1px solid var(--line);background:var(--panel);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:8px;flex:none}.subtitle-row button:disabled,.subtitle-row input:disabled{opacity:.4;cursor:default}.subtitle-row .subtitle-view{width:auto;font:inherit;padding:0 8px;font-size:12px;font-weight:700}.edit-preview{background:var(--shell);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.edit-preview-image{width:100%;height:auto;display:block}.live-preview{aspect-ratio:9/16;background:#000;border-radius:14px;flex:none;width:100%;max-width:280px;font-weight:700;position:relative;overflow:hidden;container-type:inline-size}.live-preview-empty{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.live-layers{pointer-events:none;position:absolute;inset:0}.live-layer{text-align:center;white-space:normal;word-break:keep-all;margin:0;line-height:1.2;position:absolute}.live-layer>span{width:fit-content;margin:0 auto;display:block}.live-handles{pointer-events:none;position:absolute;inset:0}.live-pan{cursor:move;touch-action:none;position:absolute}.live-pan:hover{outline-offset:-1px;outline:1px dashed #ffffff8c}.live-frame-box{pointer-events:none;position:absolute;inset:0}.live-frame-outline{outline-offset:-1px;outline:1px dashed #ffffff59;position:absolute}.live-frame-box.active .live-frame-outline,.live-preview:hover .live-frame-outline{outline-color:#ffffffb3}.live-frame-corner,.live-frame-move{pointer-events:auto;touch-action:none;background:var(--accent);border:2px solid var(--on-accent);position:absolute;box-shadow:0 0 0 1px #00000073}.live-frame-corner{border-radius:3px;width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.live-frame-move{width:22px;height:22px;color:var(--on-accent);cursor:move;border-radius:50%;place-items:center;margin:-11px 0 0 -11px;font-size:12px;line-height:1;display:grid}.live-guide{background:var(--sun);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #00000059}.live-handle{text-align:center;color:#0000;pointer-events:auto;cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;margin:0;padding:0;line-height:1.2;display:flex;position:absolute}.live-handle-box{padding:var(--handle-pad,0);outline-offset:calc(2px + var(--handle-grow,0px));border-radius:4px;outline:1px dashed #0000;width:fit-content;max-width:100%;display:block;position:relative}.live-handle-box:before{content:attr(data-text);white-space:pre-line;word-break:keep-all}.live-handle:hover .live-handle-box{outline-color:#ffffffb3}.live-handle.selected .live-handle-box,.live-handle:focus-visible .live-handle-box{outline:2px solid var(--accent)}.live-handle.dragging{cursor:grabbing}.live-handle.as-typed .live-handle-box{max-width:none}.live-handle.as-typed .live-handle-box:before{white-space:pre}.live-handle.dragging .live-handle-box{outline:2px solid var(--sun)}.live-handle:focus-visible{outline:none}.project-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.project{flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.project:hover{border-color:var(--line-strong);transform:translateY(-2px)}.project .thumb{aspect-ratio:9/16;background:var(--field) center / cover no-repeat}.project .info{padding:12px 14px 14px}.project-item{flex-direction:column;display:flex;position:relative}.project-item>.project{flex:1}.project-delete{border:1px solid var(--line-strong);color:#fff;cursor:pointer;background:#0009;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.project-delete:hover:not(:disabled),.project-delete:focus-visible{background:var(--danger);border-color:var(--danger)}.project-delete:disabled{opacity:.5;cursor:default}.project .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.status{font-size:12px;font-weight:700}.status.done{color:var(--accent-text)}.status.error{color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:56px 24px}.trending-filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.trending-filters .chips{flex:480px}.trending-filters select{width:auto;min-width:180px}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.trending-card{flex-direction:column;display:flex;overflow:hidden}.trending-thumb{aspect-ratio:16/9;background:var(--field) center / cover no-repeat;position:relative}.trending-rank,.trending-duration{color:#fff;background:#000000bf;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:800;position:absolute}.trending-rank{top:8px;left:8px}.trending-duration{font-weight:600;right:8px}.trending-info{flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px;display:flex}.trending-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;line-height:1.4;display:-webkit-box;overflow:hidden}.channel-card{flex-direction:column;align-items:flex-start;gap:16px;max-width:640px;padding:22px;display:flex}.channel-card p{margin:0;line-height:1.6}.channel-who{align-items:center;gap:14px;display:flex}.channel-who img{border-radius:50%}.channel-who div{flex-direction:column;gap:2px;display:flex}.channel-who strong{font-size:18px}.channel-actions{flex-wrap:wrap;gap:8px;display:flex}.channel-notice{color:var(--accent-text);margin:0 0 14px}.channel-notes{max-width:640px;margin:18px 0 0;padding-left:18px;line-height:1.7}.channel-list{flex-direction:column;gap:14px;width:100%;margin:0;padding:0;list-style:none;display:flex}.channel-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.channel-row .channel-who strong{font-size:16px}.channel-badge{vertical-align:middle;background:var(--accent-soft);color:var(--accent-text);border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.dash-channel{align-items:center;gap:8px;display:inline-flex}.upload-panel{background:var(--shell);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.upload-panel p{margin:0;line-height:1.6}.upload-form{flex-direction:column;gap:12px;width:100%;display:flex}.upload-form label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.upload-form .studio-check{flex-direction:row;align-items:center;gap:10px;font-weight:600}.upload-details-summary{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);width:100%;color:var(--text);align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.upload-details-summary::-webkit-details-marker{display:none}.upload-details-summary:hover{border-color:var(--line-strong);background:var(--hover)}.upload-details-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-details-icon{color:var(--muted);flex:none}.upload-details-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.upload-details-text strong{font-size:14px}.upload-details-text small{color:var(--muted);font-size:12px;font-weight:500}.upload-details-chips{flex-wrap:wrap;gap:6px;display:flex}.upload-details-chip{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}.upload-details-chevron{color:var(--muted);flex:none;transition:transform .15s;transform:rotate(90deg)}.upload-details[open]>.upload-details-summary .upload-details-chevron{transform:rotate(270deg)}.upload-details-body{flex-direction:column;gap:14px;padding-top:12px;display:flex}.upload-details fieldset{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.upload-details legend{padding:0 0 8px;font-size:14px;font-weight:600}.upload-ai{flex-direction:column;gap:8px;display:flex}.upload-subtitle{margin:0;font-size:14px;font-weight:600}.tag-field{flex-direction:column;gap:8px;display:flex}.upload-done{margin:0}.banner{z-index:40;color:#ffd6d6;background:#2a1a1a;border:1px solid #6b2f2f;border-radius:12px;max-width:480px;padding:12px 16px;font-size:14px;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #0006}.phone-comments{z-index:1;height:24%;position:absolute;left:5.6%;right:4.6%}.phone-comment{text-align:left;isolation:isolate;opacity:0;gap:2.4cqw;font-weight:500;animation:9s infinite comment-cycle;display:flex;position:absolute;inset:0 0 auto}.phone-comment-box{z-index:-1;pointer-events:none;position:absolute}.phone-comment-avatar{background:#c8b4f0;border-radius:50%;flex:none;width:6.7cqw;height:6.7cqw}.phone-comment:nth-child(2) .phone-comment-avatar{background:#e8a0c8}.phone-comment:nth-child(3) .phone-comment-avatar{background:#f5c880}.phone-comment-body{flex-direction:column;gap:.6cqw;min-width:0;display:flex}.phone-comment-author{color:var(--comment-meta,#a0a0a0);filter:blur(.55cqw);font-size:3.1cqw}.phone-comment-text{color:var(--comment-text,#f1f1f1);font-size:4.3cqw;line-height:1.3}.phone-comment-actions{color:var(--comment-meta,#a0a0a0);align-items:center;gap:1.6cqw;margin-top:.6cqw;font-size:3.1cqw;display:flex}@keyframes comment-cycle{0%{opacity:0;transform:translateY(4px)}3%,30%{opacity:1;transform:none}33%,to{opacity:0;transform:translateY(-4px)}}.phone-comment.cut{animation-name:comment-cycle-cut}@keyframes comment-cycle-cut{0%,33.3%{opacity:1}33.4%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.phone-comment,.phone-comment.cut{animation:none}.phone-comment:first-child{opacity:1}}.comment-bulk{flex-wrap:wrap;gap:8px;margin:2px 0 8px;display:flex}.comment-list{flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.comment-row{background:var(--field);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.comment-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.comment-meta{color:var(--muted);font-size:12px}.comment-text{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.comment-actions{flex:none;gap:4px;display:flex}.comment-actions button{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--text);cursor:pointer;font:inherit;border-radius:8px;font-size:13px}.comment-actions button:disabled{opacity:.35;cursor:default}.notice-card{color:#f2dfb4;background:#2a2416;border-color:#5a4a2a;margin-bottom:18px;padding:14px 18px;font-size:14px}.format-note{background:var(--panel);color:var(--muted);border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.format-note strong{color:var(--text)}.library-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;padding-bottom:22px;display:flex}.library-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,42px);font-weight:900}.library-search{border:1px solid var(--line);background:var(--shell);width:min(100%,380px);color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 16px;display:flex}.library-search:focus-within{border-color:var(--accent)}.library-search input{box-shadow:none;background:0 0;border:0;padding:13px 0}.library-search input:focus{box-shadow:none}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.library-grid>li{display:flex}.library-card{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:20px;flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding:26px 26px 24px;transition:border-color .15s,transform .15s;display:flex}.library-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.library-card.mine{border-color:var(--sun-line)}.library-phone{pointer-events:none;align-self:center;width:100%;max-width:210px;margin-bottom:18px}.library-phone .phone-mock{border-color:#26272b;border-radius:14px}.library-name{font-size:19px;font-weight:800}.library-desc{color:var(--muted);font-size:14.5px;line-height:1.5}.library-tag{color:var(--text-soft);background:var(--field);border:1px solid var(--line);border-radius:99px;margin-top:auto;padding:5px 13px;font-size:13px;font-weight:700}.library-tag.mine{color:var(--sun-text);background:var(--sun-soft);border-color:var(--sun-line)}.library-card .library-tag{margin-top:10px}.library-new{text-align:center;background:0 0;border-style:dashed;justify-content:center;align-items:center;min-height:420px}.library-new strong{font-size:21px}.library-plus{border:1px solid var(--line-strong);width:84px;height:84px;color:var(--muted);border-radius:50%;place-items:center;margin-bottom:14px;font-size:34px;font-weight:300;display:grid}.library-new:hover .library-plus{border-color:var(--accent);color:var(--accent)}.studio{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;display:grid}.studio-top{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.studio-title{margin:0;font-size:clamp(24px,3vw,30px)}.studio-loading{flex-direction:column;gap:12px;display:flex}.studio-editor{flex-direction:column;gap:14px;min-width:0;display:flex}.studio-group{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;min-width:0;margin:0;padding:16px 18px 18px;display:grid}.studio-group legend{float:left;grid-column:1/-1;width:100%;margin:0 0 2px;padding:0;font-size:16px;font-weight:800}.studio-field{flex-direction:column;gap:6px;min-width:0;display:flex}.studio-field-label{color:var(--muted);font-size:13px;font-weight:600}.studio-field input[type=range]{box-shadow:none;accent-color:var(--accent);background:0 0;border:0;padding:0}.studio-check{cursor:pointer;grid-column:1/-1;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.studio-check input[type=checkbox]{appearance:none;background:var(--line-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:40px;height:22px;margin:0;padding:0;transition:background .15s;position:relative}.studio-check input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000059}.studio-check input[type=checkbox]:checked{background:var(--accent)}.studio-check input[type=checkbox]:checked:after{transform:translate(18px)}.studio-check input[type=checkbox]:focus{box-shadow:none}.studio-check input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}@media (forced-colors:active){.studio-check input[type=checkbox]{border:1px solid canvastext}.studio-check input[type=checkbox]:after{background:canvastext}.studio-check input[type=checkbox]:checked:after{background:highlight}}.studio-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-actions .form-error,.studio-message{flex-basis:100%;margin:0;font-size:14px}.studio-message{color:var(--accent-text)}.studio-preview{top:calc(var(--header-height) + 20px);flex-direction:column;align-items:center;gap:12px;display:flex;position:sticky}.studio-layouts{width:100%}.studio-layouts .pill{flex:1;justify-content:center}.studio-scene{width:100%}.studio-preview .edit-preview{background:0 0;border:0;width:100%;padding:0}.studio-scene-error{text-align:center;margin:0;font-size:13px}.studio-hint{color:var(--muted);text-align:center;margin:0;font-size:12.5px}.studio-hint-left{text-align:left;grid-column:1/-1}@media (max-width:1100px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-card{padding:18px}.library-new{min-height:300px}.studio{grid-template-columns:minmax(0,1fr)}.studio-preview{order:-1;position:static}.studio-top{order:-2}.menu-button{display:inline-grid}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:10px 0 40px #00000080}.scrim{inset:var(--header-height) 0 0 0;z-index:15;background:#00000080;border:0;display:block;position:fixed}.content{margin-left:0}main{padding:24px 16px 48px}.step-flow{grid-template-columns:minmax(0,1fr)}.step-flow:before{display:none}.recent-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.run{grid-template-columns:minmax(0,1fr)}.run-stages{position:static}.result-row{grid-template-columns:minmax(0,1fr);padding:16px}.result-player{justify-self:center;width:100%;max-width:300px;margin:0 auto}}@media (max-width:560px){.header-tag{display:none}.source-row{flex-direction:column}.layout-options{grid-template-columns:minmax(0,1fr)}.hero-sub{font-size:15px}.genre-button{padding:10px 13px;font-size:14px}.create-source{flex-direction:column;align-items:stretch}.create-source-thumb{width:100%}.studio-group{grid-template-columns:minmax(0,1fr)}}.create-range{flex-direction:column;gap:8px;width:100%;max-width:860px;padding:18px 20px;display:flex}.range-picker{flex-direction:column;gap:10px;margin-top:6px;display:flex}.range-track{background:linear-gradient(to right, var(--field) var(--range-left), var(--accent) var(--range-left), var(--accent) var(--range-right), var(--field) var(--range-right)) center / 100% 6px no-repeat;border-radius:99px;height:28px;position:relative}.range-track input[type=range]{width:100%;box-shadow:none;appearance:none;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.range-track input[type=range]::-webkit-slider-runnable-track{background:0 0;height:28px}.range-track input[type=range]::-moz-range-track{background:0 0}.range-track input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;cursor:grab;background:var(--accent);border:2px solid var(--on-accent);border-radius:6px;width:16px;height:26px;box-shadow:0 2px 8px #00000073}.range-track input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:grab;background:var(--accent);border:2px solid var(--on-accent);border-radius:6px;width:14px;height:24px}.range-track input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-glow)}.range-track input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-glow)}.range-track input[type=range].on-top{z-index:1}fieldset[disabled] .swatch,fieldset[disabled] .swatch-default{opacity:.4;cursor:not-allowed}.range-scale{justify-content:space-between;margin-top:-6px;display:flex}.range-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.range-clock{flex-direction:column;gap:4px;display:flex}.range-clock input{font-variant-numeric:tabular-nums;width:120px}.range-summary{margin:0;font-size:14px}.range-summary strong{color:var(--accent-text);font-variant-numeric:tabular-nums}.swatch-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;outline-offset:2px;border-radius:50%;outline:2px solid #0000;width:30px;height:30px;box-shadow:inset 0 0 0 1px #ffffff40}.swatch.selected{outline-color:var(--text)}.swatch:has(input:focus-visible){outline-color:var(--accent)}.swatch-default{cursor:pointer;border:1.5px solid var(--line);color:var(--muted);background:var(--panel);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700}.swatch-default.selected{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.rights-check{cursor:pointer;align-items:flex-start;gap:12px;width:100%;max-width:860px;padding:16px 18px;display:flex}.rights-check input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:2px}.rights-check>span{flex-direction:column;gap:4px;display:flex}.rights-check:has(input:checked){border-color:var(--accent-line)}@property --percent{syntax:"<percentage>";inherits:false;initial-value:0%}.project.working .thumb{position:relative}.project.working .thumb:before{content:"";background:inherit;filter:grayscale()brightness(.45);position:absolute;inset:0}.project-progress{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;position:absolute;inset:0}.project-ring{--percent:0%;background:conic-gradient(var(--accent) var(--percent), #ffffff29 0);border-radius:50%;place-items:center;width:64px;height:64px;transition:--percent .6s;display:grid}.project-ring>span{background:#0b1112e0;border-radius:50%;place-items:center;width:52px;height:52px;font-size:14px;font-weight:800;display:grid}.project-step{background:#0b1112c7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.4}.result-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.result-count{margin:0;font-size:20px;font-weight:900}.source-retention{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-text);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;padding:12px 18px;font-size:14px;display:flex}.queue-cancel{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.source-retention>p{flex:260px;margin:0}.project-expiry{color:var(--accent-text);margin-top:4px;font-weight:700}.source-retention .form-error{flex-basis:100%}.source-gone{flex-direction:column;gap:14px;max-width:980px;margin:0 auto;padding:24px 16px;display:flex}.source-gone h2{margin:0}.source-gone-body{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.source-gone-player{flex-direction:column;gap:10px;display:flex}.source-gone-player video{aspect-ratio:9/16;background:#000;border-radius:12px;width:100%}@media (max-width:720px){.source-gone-body{grid-template-columns:minmax(0,1fr)}}.result-why{flex-direction:column;gap:16px;display:flex}.reveal{z-index:200;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.reveal-top{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(120px,360px) minmax(0,1fr);align-items:center;gap:16px;padding:14px 24px;display:grid}.reveal-brand{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.reveal-top .button{justify-self:end}.reveal-progress{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.reveal-progress>span{height:100%;width:var(--to);background:var(--gradient-accent);animation:reveal-fill var(--ms) linear;display:block}@keyframes reveal-fill{0%{width:var(--from)}to{width:var(--to)}}.reveal-stage{flex:1;place-items:center;padding:24px 16px;animation:.45s ease-out reveal-in;display:grid;overflow:auto}@keyframes reveal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reveal-scan{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(560px,100%);display:flex}.reveal-scan h2{word-break:keep-all;margin:6px 0 0;font-size:22px}.reveal-scan p{margin:0}.reveal-source{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:14px;width:min(360px,100%)}.reveal-timeline{background:var(--field);border-radius:10px;width:100%;height:36px;margin-top:14px;position:relative;overflow:hidden}.reveal-mark{background:var(--accent);opacity:0;animation:reveal-mark .4s var(--delay) ease-out forwards;border-radius:5px;position:absolute;top:6px;bottom:6px}@keyframes reveal-mark{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:none}}.reveal-scanline{background:var(--sun);width:2px;box-shadow:0 0 12px var(--sun);animation:2.2s ease-in-out forwards reveal-scan;position:absolute;top:0;bottom:0}@keyframes reveal-scan{0%{left:0}to{left:100%}}.reveal-caption{color:var(--muted);font-size:14px}.reveal-headline{text-align:center;word-break:keep-all;margin:0;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.3}.reveal-headline strong{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.reveal-clip{grid-template-columns:220px minmax(0,440px);align-items:center;gap:36px;display:grid}.reveal-phone{aspect-ratio:9/16;border:1px solid var(--line-strong);background:#000;border-radius:22px;padding:6px;box-shadow:0 20px 60px #00000080}.reveal-phone img{object-fit:cover;border-radius:17px;width:100%;height:100%}.reveal-clip-text{flex-direction:column;gap:14px;display:flex}.reveal-number{letter-spacing:.06em;color:var(--accent-text);font-size:13px;font-weight:800}.reveal-clip-text h2{word-break:keep-all;min-height:2.6em;margin:0;font-size:clamp(24px,3.4vw,34px);line-height:1.3}.reveal-cursor{vertical-align:-.08em;background:var(--accent);width:3px;height:.9em;margin-left:4px;animation:.8s step-end infinite reveal-blink;display:inline-block}@keyframes reveal-blink{50%{opacity:0}}.reveal-chips{opacity:0;flex-wrap:wrap;gap:8px;animation:.4s ease-out 1s forwards reveal-in;display:flex}.reveal-chips span{background:var(--field);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.reveal-reason{background:var(--accent-soft);border:1px solid var(--accent-line);opacity:0;border-radius:14px;padding:14px 16px;animation:.4s ease-out 1.5s forwards reveal-in}.reveal-reason span{color:var(--accent-text);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.reveal-reason p{color:var(--text-soft);margin:6px 0 0;line-height:1.6}.reveal-done{flex-direction:column;align-items:center;gap:18px;display:flex}.reveal-check{background:var(--accent);width:64px;height:64px;color:var(--on-accent);border-radius:50%;place-items:center;animation:.5s ease-out reveal-pop;display:grid}@keyframes reveal-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.1)}to{opacity:1;transform:none}}@media (max-width:720px){.reveal-top{grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.reveal-progress{grid-area:2/1/auto/-1}.reveal-clip{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px}.reveal-phone{width:150px}.reveal-chips{justify-content:center}.reveal-reason{text-align:left}}body.editor-open .site-header,body.editor-open .sidebar,body.editor-open .site-footer,body.editor-open .scrim{display:none}body.editor-open .content{margin-left:0;padding-top:0}body.editor-open main{max-width:none;padding:0}.editor{background:var(--bg);grid-template-rows:auto auto minmax(0,1fr) auto auto;height:100dvh;display:grid}.editor>.editor-top{grid-row:1}.editor>.editor-notices{grid-row:2}.editor>.editor-body{grid-row:3}.editor>.editor-split-row{grid-row:4}.editor>.timeline{grid-row:5}.editor-top{border-bottom:1px solid var(--line);background:var(--shell);align-items:center;gap:10px;min-width:0;padding:10px 18px;display:flex}.editor-back{width:36px;height:36px;color:var(--text-soft);border-radius:10px;place-items:center;font-size:18px;display:grid}.editor-back:hover{background:var(--hover);color:var(--text)}.editor-heading{flex-direction:column;flex:1;min-width:0;display:flex}.editor-heading span{letter-spacing:.05em;color:var(--accent-text);font-size:12px;font-weight:800}.editor-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-history{align-items:center;gap:4px;display:flex}.editor-history>button{background:var(--panel);border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;font-size:17px}.editor-history>button:disabled{opacity:.35;cursor:default}.editor-saved{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin:0 6px;font-size:12px;display:inline-flex}.editor-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.editor-dot.dirty{background:var(--sun)}.editor-notices{flex-direction:column;display:flex}.render-status{background:var(--accent-soft);border-bottom:1px solid var(--accent-line);color:var(--accent-text);padding:10px 18px 12px}.render-status-text{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.render-status-time{font-variant-numeric:tabular-nums;font-weight:700}.render-status-note{color:var(--muted);margin-right:auto;font-size:13px}.editor-body.is-locked{opacity:.6}.render-status-bar{background:var(--accent-line);border-radius:999px;height:6px;position:relative;overflow:hidden}.render-status-bar>span{background:var(--accent);border-radius:999px;width:35%;animation:1.4s ease-in-out infinite render-status-slide;position:absolute;top:0;bottom:0}@keyframes render-status-slide{0%{left:-35%}to{left:100%}}@media (prefers-reduced-motion:reduce){.render-status-bar>span{opacity:.6;width:100%;animation:none;left:0}}.editor-render-failed{border-bottom:1px solid var(--danger);color:var(--danger);background:#ff6b6b1f;margin:0;padding:10px 18px;font-size:14px}.button-spinner{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.8s linear infinite button-spin;display:inline-block}@keyframes button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button-spinner{border-right-color:currentColor;animation:none}}.applied-toast{z-index:50;pointer-events:none;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--accent-line);color:var(--accent-text);padding:10px 18px;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.editor-message{background:var(--accent-soft);border-bottom:1px solid var(--accent-line);color:var(--accent-text);margin:0;padding:8px 18px;font-size:13px}.editor-body{grid-template-columns:minmax(0, 1fr) auto var(--panel-w,440px);grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.editor-stage{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:0;padding:16px;display:flex;overflow:auto}.editor-screen{flex:none;justify-content:center;width:100%;min-height:0;display:flex}.editor-screen[hidden]{display:none}.editor-stage .edit-preview{background:0 0;border:0;padding:0}.editor-stage .live-preview{max-width:none;width:min(300px, calc((100dvh - var(--timeline-h,270px) - 205px - var(--split-h,8px)) * 9 / 16), calc(100vw - var(--panel-w,440px) - 48px));min-width:150px}.editor-format{color:var(--muted);font-size:12px}.editor-side{border-left:1px solid var(--line);background:var(--shell);grid-template-rows:minmax(0,1fr);grid-template-columns:68px minmax(0,1fr);min-height:0;display:grid}.editor-tabs{border-right:1px solid var(--line);flex-direction:column;grid-area:1/1;gap:2px;min-height:0;padding:8px 6px;display:flex;overflow-y:auto}.editor-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 8px;font-size:11px;font-weight:800;display:flex;position:relative}.editor-tab:hover{color:var(--text);background:var(--panel)}.editor-tab.active{color:var(--accent-text);background:var(--accent-soft)}.editor-tab.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-6px}.editor-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.editor-panel{flex-direction:column;grid-area:1/2;gap:12px;min-height:0;padding:14px 16px 20px;display:flex;overflow-y:auto}.editor-panel[hidden]{display:none}.editor-panel input[type=range]{box-shadow:none;accent-color:var(--accent);background:0 0;border:0;padding:0}.editor-framing{flex-direction:column;gap:12px;display:flex}@media (max-width:860px){.editor{height:auto;min-height:100dvh}.editor-top{flex-wrap:wrap}.editor-heading{flex-basis:calc(100% - 46px)}.editor-saved{display:none}.editor-body{grid-template-rows:auto;grid-template-columns:1fr;overflow:visible}.editor-side{border-left:0;border-top:1px solid var(--line)}.editor-stage .live-preview{width:min(240px,70vw)}.editor-panel{overflow:visible}}.bg-picker{flex-direction:column;gap:10px;display:flex}.bg-picker-upload{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.bg-picker-upload p{flex:180px;margin:0}.bg-picker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.bg-picker-item{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.bg-picker-thumb{aspect-ratio:9/16;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--field);cursor:pointer;width:100%;padding:0;display:block;overflow:hidden}.bg-picker-thumb img{object-fit:cover;width:100%;height:100%;display:block}.bg-picker-thumb:hover{border-color:var(--line-strong)}.bg-picker-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.bg-picker-thumb:focus-visible{outline:3px solid var(--sun);outline-offset:1px}.bg-picker-delete{width:24px;height:24px;color:var(--text);cursor:pointer;background:#0b1112bf;border:0;border-radius:50%;font-size:12px;position:absolute;top:4px;right:4px}.bg-picker-delete:hover:not(:disabled){background:var(--danger);color:#fff}.bg-picker-confirm{color:var(--text-soft);flex-direction:column;gap:4px;font-size:11px;display:flex}.bg-picker-item.confirming{flex-direction:row;grid-column:1/-1;align-items:center;gap:10px}.bg-picker-item.confirming .bg-picker-thumb{flex:none;width:72px}.bg-picker-item.confirming .bg-picker-confirm{flex-flow:wrap;flex:1;align-items:center;gap:6px;font-size:12px}.bg-picker-item.confirming .bg-picker-confirm span{flex-basis:100%}.textbox-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.textbox-row{align-items:stretch;gap:6px;display:flex}.textbox-row>button:last-child{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);width:34px;color:var(--muted);cursor:pointer}.textbox-row>button:last-child:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.textbox-pick{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--panel);min-width:0;color:var(--text);text-align:left;cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.textbox-row.selected .textbox-pick{border-color:var(--accent);background:var(--accent-soft)}.textbox-text{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.textbox-time{color:var(--muted);flex:none;font-size:12px}.textbox-editor{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:6px;display:flex}.effect-group{border:0;border-top:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;margin:0;padding:12px 0 0;display:flex}.effect-group legend{float:left;width:100%;margin:0;padding:0}.live-editor{pointer-events:auto;z-index:2;line-height:1.2;position:absolute}.live-editor.as-typed{width:max-content;max-width:100%}.live-editor textarea{width:100%;min-width:2em;padding:var(--handle-pad,0);font:inherit;font-weight:700;line-height:inherit;text-align:center;white-space:pre-wrap;resize:none;field-sizing:content;outline:2px solid var(--accent);outline-offset:6px;box-shadow:0 0 0 6px #0b1112, 0 0 0 11px var(--accent-glow);-webkit-user-select:text;user-select:text;background:#0b1112;border:0;border-radius:4px;margin:0;display:block;overflow:hidden}.live-editor.as-typed textarea{white-space:pre}.live-place{z-index:3;border:2px dashed var(--sun);cursor:crosshair;background:#0000001f;border-radius:14px;justify-content:center;align-items:flex-end;padding:0 0 10px;display:flex;position:absolute;inset:0}.live-place span{color:var(--sun-text);pointer-events:none;background:#0b1112cc;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.editor-stage-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.editor-place.selected{border-color:var(--sun);color:var(--sun-text);background:var(--sun-soft)}.live-preview,.live-handles,.live-place{-webkit-user-select:none;user-select:none}.editor-place-icon{background:var(--accent-soft);width:18px;height:18px;color:var(--accent-text);border-radius:4px;place-items:center;font-weight:900;display:inline-grid}.live-turn,.live-resize{z-index:1;background:var(--accent);border:2px solid var(--on-accent);touch-action:none;position:absolute;box-shadow:0 0 0 1px #00000073}.live-turn{cursor:grab;border-radius:50%;width:16px;height:16px;margin-left:-8px;top:-28px;left:50%}.live-turn:after{content:"";background:var(--accent);width:2px;height:10px;margin:2px 0 0 -1px;position:absolute;top:100%;left:50%}.live-resize{cursor:nwse-resize;border-radius:3px;width:13px;height:13px;bottom:-8px;right:-8px}.live-handle.dragging .live-turn{cursor:grabbing}.live-turn.flip{top:auto;bottom:-28px}.live-turn.flip:after{margin:0 0 2px -1px;top:auto;bottom:100%}.account-menu{align-items:center;gap:10px;min-height:36px;margin-left:auto;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-soft);font-size:14px;font-weight:600;overflow:hidden}.auth-card{max-width:400px;margin:48px auto;padding:0 4px}.auth-brand{letter-spacing:-.01em;justify-content:center;align-items:center;gap:14px;margin:0 0 14px;font-size:34px;font-weight:800;display:flex}.auth-brand .logo-mark{border-radius:13px;width:46px;height:46px}.auth-lead{text-align:center;margin:0 0 36px;font-size:14px}.auth-form{flex-direction:column;gap:12px;margin-top:22px;display:flex}.auth-form[hidden]{display:none}.auth-form .small-text{margin:6px 0 0}.auth-card>.form-error{text-align:center;margin:14px 0 0}.auth-card>.form-error:empty{display:none}.auth-switch{color:var(--muted);justify-content:center;gap:8px;margin:22px 0 0;display:flex}.auth-link{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.auth-link:hover{text-decoration:underline}.social-buttons{flex-direction:column;gap:12px;display:flex}.drop-dialog-backdrop.auth-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px)}.drop-dialog.auth-dialog{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, #fff 8%), var(--panel));border-radius:24px;width:min(440px,100%);max-height:92dvh;padding:44px 32px 28px;position:relative;box-shadow:0 24px 60px #00000080}.auth-dialog:focus{outline:none}.auth-dialog .auth-card{width:100%;margin:0;padding:0;display:block}.auth-dialog .auth-brand{margin-bottom:18px;font-size:24px}.auth-dialog .auth-brand .logo-mark{border-radius:9px;width:32px;height:32px}.auth-dialog .auth-title{text-align:center;margin:0 0 28px;font-size:22px;font-weight:800}.auth-dialog .auth-lead{margin:-16px 0 24px;font-size:13px}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-email-toggle{border-radius:12px;gap:10px;width:100%;min-height:54px;font-size:15px}.auth-email-toggle[aria-expanded=true]{border-color:var(--text-soft)}.auth-agree{text-align:center;color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.6}.auth-agree a{color:var(--text-soft);text-underline-offset:2px;text-decoration:underline}.auth-dialog-close{width:36px;height:36px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.auth-dialog-close:hover{background:var(--line);color:var(--text)}@media (max-width:640px){.drop-dialog-backdrop.auth-dialog-backdrop{padding:0}.drop-dialog.auth-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}.auth-dialog .auth-card{margin-block:auto}}.social-button{border-radius:12px;justify-content:center;gap:10px;width:100%;min-height:54px;padding:14px 20px;font-size:15px;font-weight:700}.social-button.google{color:#3c4043;background:#fff;border-color:#dadce0}.social-button.google:hover{background:#f8f9fa}.social-button.kakao{color:#000000d9;background:#fee500}.social-button.kakao:hover{background:#f5dc00}.social-button.naver{color:#fff;background:#03c75a}.social-button.naver:hover{background:#02b351}@media (max-width:640px){.header-tag{display:none}.account-name{max-width:110px}}.account-page{flex-direction:column;gap:20px;max-width:820px;margin:0 auto;display:flex}.account-page .page-head{margin-bottom:4px}.account-section{flex-direction:column;gap:14px;padding:22px 24px;display:flex}.account-section h2{margin:0;font-size:18px}.account-section>p{margin:0}.account-form{flex-direction:column;gap:10px;width:100%;display:flex}.account-form .small-text{margin:4px 0 0}.account-password-form{max-width:360px}.creator-password .text-button{color:inherit;padding:2px 0;font-size:12px}.creator-password .account-password-form{background:var(--panel);color:var(--text);border-radius:12px;margin-top:8px;padding:14px}.creator-who-text .creator-password .password-status{color:inherit;margin-top:4px;font-size:13px}.creator-who:has(.account-password-form){align-items:flex-start}.account-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.price-plans{flex-direction:column;align-items:center;gap:22px;display:flex}.billing-toggle{border:1px solid var(--line);background:#121a1b;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.billing-toggle button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex}.billing-toggle button.is-on{background:var(--text);color:#0b1112}.billing-toggle button:focus-visible{outline-offset:2px;outline:2px solid #5eead4}.billing-save{color:#04211d;background:#5eead4;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.price-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;gap:16px;width:100%;margin:0;padding:0;list-style:none;display:grid}.price-card{text-align:left;border:1px solid var(--line);background:#141b1c;border-radius:20px;flex-direction:column;gap:4px;padding:24px 20px 20px;display:flex;position:relative}.price-card.is-popular{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf14,0 18px 48px #2dd4bf1f}.price-card.current{outline:2px solid var(--accent-text);outline-offset:2px}.price-card,.pack-card{transition:transform .22s,box-shadow .22s,border-color .22s}.price-card:hover,.price-card:focus-within{border-color:#5eead4;transform:translateY(-6px);box-shadow:0 0 0 4px #2dd4bf1f,0 24px 56px #00000073}.pack-card:hover{border-color:var(--accent-text);transform:translateY(-4px);box-shadow:0 16px 36px #0006}@media (prefers-reduced-motion:reduce){.price-card,.pack-card{transition:none}.price-card:hover,.price-card:focus-within,.pack-card:hover{transform:none}}.price-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.price-name{margin:0;font-size:20px;font-weight:800}.price-badge{color:#5eead4;background:#2dd4bf24;border:1px solid #2dd4bf66;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.price-tagline{color:var(--muted);margin:0;font-size:13px}.price-was{color:var(--muted);margin:18px 0 0;font-size:14px;line-height:20px;text-decoration:line-through}.price-was.is-hidden{visibility:hidden}.price-amount{align-items:baseline;gap:4px;margin:0;display:flex}.price-amount strong{letter-spacing:-.02em;font-size:40px;font-weight:900;line-height:1.1}.price-amount span{color:var(--muted);font-size:14px}.price-billing{color:var(--muted);margin:0 0 14px;font-size:12px}.price-cta{text-align:center;color:#04211d;background:linear-gradient(90deg,#2dd4bf,#7ff0dc);border-radius:999px;padding:12px 16px;font-weight:800;text-decoration:none;display:block}.price-cta:hover{filter:brightness(1.08)}.price-cta.is-current{color:var(--muted);border:1px solid var(--line-strong);cursor:default;filter:none;background:#ffffff0d}.price-box{border:1px solid var(--line);background:#0e1415;border-radius:14px;flex-direction:column;flex:1;gap:10px;margin-top:14px;padding:16px;display:flex}.price-box-head{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.price-box-head svg{color:#5eead4}.price-features{color:var(--text-soft);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.price-features li{align-items:center;gap:8px;display:flex}.price-features svg{color:#2dd4bf;flex:none}.pack-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pack-card{border:1px solid var(--line);background:#151e1f;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:22px 16px 18px;display:flex;position:relative}.pack-off{color:#ffe27a;font-size:12px;font-weight:800;position:absolute;top:10px;right:10px}.pack-credits{white-space:nowrap;font-size:22px;font-weight:900}.pack-list{color:var(--muted);font-size:13px;text-decoration:line-through}.pack-price{color:var(--accent-text);font-size:20px;font-weight:800}.pack-unit{color:var(--muted);font-size:12px}.pricing-page{flex-direction:column;gap:36px;max-width:1040px;margin:0 auto;padding-bottom:40px;display:flex}.pricing-hero{text-align:center;flex-direction:column;gap:8px;padding-top:12px;display:flex}.pricing-hero h1{word-break:keep-all;letter-spacing:-.02em;margin:0;font-size:clamp(26px,4vw,38px);font-weight:900}.pricing-hero p{margin:0}.pricing-trial{background:linear-gradient(90deg,#2dd4bf24,#2dd4bf0a);border:1px solid #2dd4bf59;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.pricing-trial strong{font-size:18px}.pricing-trial p{margin:4px 0 0}.pricing-section{flex-direction:column;gap:12px;display:flex}.pricing-section h2{margin:0;font-size:22px}.pricing-faq{flex-direction:column;margin:0;display:flex}.pricing-faq div{border-top:1px solid var(--line);padding:16px 0}.pricing-faq dt{font-weight:800}.pricing-faq dd{margin:6px 0 0}.create-plan-left{text-align:center;margin:0}.plan-meter{flex-direction:column;gap:6px;display:flex}.plan-meter-head{justify-content:space-between;gap:12px;font-size:14px;display:flex}.plan-meter-bar{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.plan-meter-bar span{background:var(--accent);border-radius:inherit;height:100%;display:block}.plan-meter p{margin:0}.creator-banner{background:var(--gradient-accent);color:var(--on-accent);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.creator-banner:after{content:"";pointer-events:none;background:#ffffff2e;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-40px}.creator-who{z-index:1;align-items:center;gap:16px;min-width:0;display:flex;position:relative}.creator-avatar{background:var(--bg);width:64px;height:64px;color:var(--accent);border-radius:18px;flex:none;place-items:center;font-size:28px;font-weight:900;display:grid;transform:rotate(-4deg)}.creator-who-text{min-width:0}.creator-who-text p{overflow-wrap:anywhere;margin:0}.creator-name{letter-spacing:-.02em;font-size:22px;font-weight:800}.creator-email{font-size:14px;font-weight:700}.verified-badge{color:var(--accent-text);background:var(--accent-soft,#0000000f);vertical-align:middle;border-radius:99px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700}.creator-stats{z-index:1;gap:8px;margin:0;display:flex;position:relative}.creator-stats div{text-align:center;background:#04211d24;border-radius:14px;min-width:92px;padding:10px 16px}.creator-stats dt{font-size:12px;font-weight:800}.creator-stats dd{margin:2px 0 0;font-size:24px;font-weight:900;line-height:1.1}.creator-quick{grid-template-columns:1.3fr 1fr 1fr;gap:12px;display:grid}.creator-quick-item{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;transition:border-color .15s,transform .15s;display:flex}.creator-quick-item:hover{border-color:var(--accent-line);transform:translateY(-2px)}.creator-quick-item.primary{border-color:var(--accent-line);background:var(--accent-soft)}.creator-quick-icon{background:var(--field);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.creator-quick-item.primary .creator-quick-icon{background:var(--accent);color:var(--on-accent)}.creator-quick-text{flex-direction:column;min-width:0;display:flex}.creator-quick-text span{color:var(--muted);font-size:13px}.account-settings{margin:0;padding:0;list-style:none}.account-settings li+li{border-top:1px solid var(--line)}.account-settings a,.account-settings button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:13px 2px;font-weight:600;display:flex}.account-settings a:hover,.account-settings button:hover{color:var(--accent-text)}.account-settings span{color:var(--muted);margin-left:auto;font-size:20px;line-height:1}.account-leave{flex-direction:column;gap:10px;padding-top:4px;display:flex}.account-leave p{margin:0}.text-button{min-height:24px;color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:13px;text-decoration:underline}.text-button.danger{color:var(--muted)}.text-button.danger:hover{color:var(--danger)}@media (max-width:720px){.creator-banner{padding:22px 20px}.creator-stats{width:100%}.creator-stats div{flex:1;min-width:0;padding:10px 8px}.creator-quick{grid-template-columns:1fr}}.fallback-page{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:520px;margin:64px auto;padding:0 16px;display:flex}.fallback-page h1{word-break:keep-all;margin:0;font-size:24px}.fallback-page p{word-break:keep-all;margin:0}.fallback-code{color:var(--accent-text);letter-spacing:-.02em;font-size:56px;font-weight:900}.fallback-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.editor-subhead{border-top:1px solid var(--line);margin:20px 0 8px;padding-top:16px}
.trending-toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;min-width:0;margin-bottom:22px;display:flex}.trending-toolbar>*{max-width:100%}.trending-cc-toggle{white-space:nowrap;flex:none}.trending-toolbar input[type=search]{flex:220px;width:auto;min-width:180px}.trending-toolbar select{width:auto;min-width:120px}.trending-thumb-link{position:absolute;inset:0}.trending-thumb-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.trending-badges{pointer-events:none;gap:6px;display:flex;position:absolute;top:8px;left:8px}.trending-badges .trending-rank{position:static}.trending-cc{background:var(--accent);color:var(--on-accent);pointer-events:auto;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:800}.trending-duration{pointer-events:none;top:8px;bottom:auto;right:8px}.trending-info>span:last-of-type{margin-bottom:0}.trending-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.trending-save{border:1px solid var(--line-strong);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:99px;flex:none;padding:5px 12px;font-size:13px;font-weight:700}.trending-save:hover{border-color:var(--accent);color:var(--accent-text)}.trending-save.saved{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.trending-actions{opacity:0;pointer-events:none;background:linear-gradient(#0000,#000c);flex-wrap:wrap;gap:6px;padding:28px 8px 8px;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.trending-thumb:hover .trending-actions,.trending-thumb:focus-within .trending-actions{opacity:1;pointer-events:auto}@media (any-hover:none),(pointer:coarse){.trending-actions{opacity:1;pointer-events:auto}}.trending-action{color:#fff;font:inherit;cursor:pointer;background:#0000008c;border:1px solid #ffffff59;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.trending-action svg{width:14px;height:14px}.trending-action:hover,.trending-action:focus-visible{background:#000000d9;border-color:#fff}.trending-action.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.trending-action.primary:hover,.trending-action.primary:focus-visible{background:var(--accent-hover);border-color:var(--accent-hover)}.empty .button{margin-top:14px}
.library-filters{margin:-8px 0 22px}.library-item{position:relative}.library-item .library-card{width:100%}.library-star{cursor:pointer;width:36px;height:36px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.library-star:hover{border-color:var(--line-strong);color:var(--text)}.library-star.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.library-star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-empty{flex-direction:column;align-items:center;gap:14px;display:flex}.library-empty p{margin:0}.library-copy{cursor:pointer;width:36px;height:36px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:56px}.library-copy:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.library-copy:disabled{cursor:default;opacity:.55}.library-copy[aria-busy=true]{opacity:1;color:var(--accent);border-color:var(--accent)}.library-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-status{color:var(--text-soft);margin:0;font-size:14.5px}.library-status:not(:empty){margin:-8px 0 18px}.library-item.copied .library-card{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button.template-choice{width:100%;font:inherit;color:var(--text)}button.template-choice:disabled{cursor:not-allowed}button.template-choice:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}.template-dialog{border:1px solid var(--line);background:var(--panel);width:min(1180px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);border-radius:20px;padding:24px;overflow-y:auto}.template-dialog::backdrop{background:#0009}.template-dialog-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.template-dialog-head h2{margin:0 auto 0 0;font-size:22px}.template-dialog .library-filters{margin:0 0 18px}.template-dialog-close{cursor:pointer;width:40px;height:40px;color:var(--muted);background:var(--shell);border:1px solid var(--line);border-radius:50%;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.template-dialog-close:hover{color:var(--text);border-color:var(--line-strong)}.template-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-dialog-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;padding:2px;list-style:none;display:grid}.template-dialog-grid>li{min-width:0;display:flex}.template-dialog-empty{text-align:center;margin:8px 0 0}@media (max-width:560px){.template-dialog{padding:16px}.template-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-dialog-head .library-search{order:3;width:100%}}
.dash{flex-direction:column;gap:16px;max-width:960px;margin-top:28px;transition:opacity .15s;display:flex}.dash-loading{opacity:.6}.dash h3,.dash h4{margin:0}.dash h3{font-size:20px}.dash h4{font-size:16px}.dash-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.dash-head .button{margin-left:auto}.dash-section-error{color:var(--danger);margin:0;font-size:14px}.dash-error{flex-direction:column;gap:12px;max-width:640px;margin-top:28px;padding:18px 20px;display:flex}.dash-error p,.dash-footnote{margin:0}.dash-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dash-tiles-small{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dash-tile{flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.dash-tile strong{overflow-wrap:anywhere;font-size:24px;font-weight:700}.dash-tiles-small .dash-tile{background:var(--shell)}.dash-tiles-small .dash-tile strong{font-size:18px}.dash-card{flex-direction:column;gap:14px;min-width:0;padding:18px 20px;display:flex}.dash-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dash-card-head .chip:disabled{opacity:.5;cursor:not-allowed}.dash-reconnect{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-line);flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.dash-reconnect p{margin:0}.dash-chart{flex-direction:column;gap:6px;display:flex}.dash-chart-plot{height:200px;margin:8px 44px 0 40px;position:relative}.dash-chart-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dash-grid{border-top:1px solid var(--line);position:absolute;left:0;right:0}.dash-grid span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:-9px;right:calc(100% + 8px)}.dash-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.dash-area{fill:var(--accent);opacity:.1}.dash-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--panel);pointer-events:none;border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.dash-end-label{color:var(--text);pointer-events:none;font-size:13px;font-weight:700;position:absolute;left:calc(100% + 8px);transform:translateY(-50%)}.dash-crosshair{border-left:1px solid var(--line-strong);pointer-events:none;position:absolute;top:0;bottom:0}.dash-tooltip{border-radius:var(--radius-sm);background:var(--field);border:1px solid var(--line-strong);width:max-content;max-width:calc(50% - 12px);color:var(--muted);pointer-events:none;z-index:2;flex-direction:column;gap:2px;margin-left:12px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:0}.dash-tooltip.flip{margin-left:-12px;transform:translate(-100%)}.dash-tooltip strong{color:var(--text);font-size:15px}.dash-hit{cursor:crosshair;touch-action:pan-y;position:absolute;inset:-8px 0}.dash-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.dash-axis{font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 44px 0 40px;display:flex}.dash-table summary{cursor:pointer;width:fit-content}.dash-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:13px}.dash-table th,.dash-table td{border-bottom:1px solid var(--line);text-align:right;padding:6px 8px}.dash-table th:first-child,.dash-table td:first-child{text-align:left}.dash-table th{color:var(--muted);font-weight:600}.dash-uploads{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.dash-uploads li{align-items:flex-start;gap:14px;min-width:0;display:flex}.dash-uploads li.removed img{opacity:.4}.dash-uploads img{object-fit:cover;background:var(--field);border-radius:8px;flex:none;width:120px;height:68px}.dash-upload-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-upload-info strong{overflow-wrap:anywhere}.dash-upload-stats{color:var(--text-soft);font-size:14px}.dash-upload-links{flex-wrap:wrap;gap:4px 14px;font-size:13px;font-weight:600;display:flex}.dash-bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.dash-bars li{grid-template-columns:minmax(0,140px) minmax(0,1fr);align-items:center;gap:4px 12px;display:grid}.dash-bar-name{overflow-wrap:anywhere;font-weight:600}.dash-bar-track{height:16px;display:block}.dash-bar{background:var(--accent);border-radius:0 4px 4px 0;min-width:4px;height:100%;display:block}.dash-bar-value{color:var(--muted);grid-column:2;font-size:13px}.dash-bar-value em{color:var(--sun-text);font-style:normal}@media (max-width:860px){.dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.dash-tiles-small{grid-template-columns:minmax(0,1fr)}.dash-card{padding:16px}.dash-uploads img{width:96px;height:54px}.dash-bars li{grid-template-columns:minmax(0,1fr)}.dash-bar-value{grid-column:1}.dash-chart-plot{height:170px}}.channel-avatar{object-fit:cover;vertical-align:middle;border-radius:50%;flex:none;place-items:center;display:inline-grid}.channel-avatar.fallback{background:var(--accent-soft);color:var(--accent-text);font-weight:800;line-height:1}.channel-line{align-items:center;gap:6px;display:flex}.channel-choice{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.channel-choice legend{margin-bottom:6px;padding:0;font-size:14px;font-weight:600}.upload-form .channel-option{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--field);flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 12px;font-weight:600}.channel-option-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-option-default{white-space:nowrap;flex:none}div.channel-option{display:flex}.upload-form label.channel-option{cursor:pointer}.upload-form label.channel-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.channel-option input[type=radio]{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0;padding:0}.channel-option input[type=radio]:focus{box-shadow:none}.channel-option input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.run-live{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:20px;padding:18px;animation:.35s ease-out both run-enter;display:grid}.run-live-media{aspect-ratio:16/9;background:var(--field);border:1px solid var(--line);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.run-live-media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.run-live-file-icon{width:48px;height:48px;color:var(--accent-text);opacity:.8}.run-live-scan{pointer-events:none;background:linear-gradient(#0000 0%,#2dd4bf47 48%,#7ff0dc80 50%,#0000 52%) 0 0/100% 220%;animation:2.4s ease-in-out infinite run-scan;position:absolute;inset:0}.run-live.is-queued .run-live-scan{opacity:.35}@keyframes run-scan{0%{background-position:0 120%}to{background-position:0 -20%}}.run-live-body{flex-direction:column;gap:8px;min-width:0;display:flex}.run-live-eyebrow,.run-focus-eyebrow{letter-spacing:.04em;color:var(--accent-text);font-size:12px;font-weight:800}.run-live-headline{font-size:20px;line-height:1.35}.run-live-detail{color:var(--text-soft);font-size:14px}.run-live-source{border-radius:var(--radius-sm);background:var(--field);flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;display:flex}.run-live-source-title{overflow-wrap:anywhere;font-weight:700}.run-thinking{align-items:center;gap:5px;height:10px;display:inline-flex}.run-thinking i{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite run-dot}.run-thinking i:nth-child(2){animation-delay:.15s}.run-thinking i:nth-child(3){animation-delay:.3s}@keyframes run-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.run-focus{border-color:var(--accent-line);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;padding:18px;animation:.45s ease-out both run-slide;display:grid}.run-focus-media{aspect-ratio:9/16;background:linear-gradient(160deg, var(--accent-soft), var(--field));border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.run-focus-media:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff14 50%,#0000 70%) 0 0/200% 100%;animation:1.4s infinite run-shimmer;position:absolute;inset:0}@keyframes run-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.run-focus-number{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900}.run-focus-body{flex-direction:column;gap:8px;min-width:0;display:flex}.run-focus-title{font-size:19px;line-height:1.35}.run-focus-meta{color:var(--muted);font-size:13px}.run-focus-reason{color:var(--text-soft);margin:0;font-size:14px;line-height:1.55}.run-focus-render{flex-direction:column;gap:6px;padding-top:4px;display:flex}.run-focus-render-label{color:var(--sun-text);font-size:12px;font-weight:800}.run-indeterminate{background:var(--field);border-radius:99px;height:6px;display:block;position:relative;overflow:hidden}.run-indeterminate span{background:var(--gradient-accent);border-radius:99px;width:40%;animation:1.3s ease-in-out infinite run-indeterminate;position:absolute;inset:0 auto 0 0}@keyframes run-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.run-strip{gap:12px;margin:14px 0 0;padding:0 0 6px;list-style:none;display:flex;overflow-x:auto}.run-strip-item{width:108px;animation:.35s ease-out both run-enter;animation-delay:calc(min(var(--i,0), 8) * 80ms);flex-direction:column;flex:none;gap:6px;display:flex}.run-strip-media{aspect-ratio:9/16;background:#000;border-radius:10px;width:100%;display:block;overflow:hidden}.run-strip-play{border:2px solid var(--accent);cursor:pointer;padding:0;position:relative}.run-strip-play:focus-visible{outline:3px solid var(--accent-hover);outline-offset:2px}.run-strip-play img{object-fit:cover;width:100%;height:100%;display:block}.run-strip-play-icon{width:36px;height:36px;color:var(--text);background:#0000008c;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.run-strip-play:hover .run-strip-play-icon{background:var(--accent);color:var(--on-accent)}.run-strip-label{color:var(--accent-text);font-size:12px;font-weight:800}.run-strip-item.is-waiting{aspect-ratio:9/16;border:1px dashed var(--line-strong);background:var(--panel);border-radius:10px;justify-content:flex-start;height:auto;padding:10px}.run-strip-number{color:var(--line-strong);font-size:26px;font-weight:900}.run-strip-state{background:var(--field);color:var(--muted);border-radius:99px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:800}.run-strip-title{color:var(--text-soft);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}@keyframes run-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes run-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (max-width:560px){.run-live{grid-template-columns:minmax(0,1fr)}.run-focus{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.run-focus-number{font-size:30px}.run-live-headline,.run-focus-title{font-size:17px}.run-strip-item{width:92px}}@media (prefers-reduced-motion:reduce){.run-live,.run-focus,.run-strip-item,.run-thinking i,.run-indeterminate span{animation:none}.run-live-scan,.run-focus-media:after{display:none}.run-indeterminate span{opacity:.6;width:100%}}
.guide-replay{align-items:center;gap:6px;display:inline-flex}.guide-replay-icon{background:var(--accent-soft);width:18px;height:18px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.guide-tour{z-index:60;position:fixed;inset:0}.guide-blocker{position:absolute;inset:0}.guide-spotlight{border-radius:var(--radius);pointer-events:none;box-shadow:0 0 0 2px var(--accent), 0 0 18px 4px var(--accent-glow), 0 0 0 200vmax #030809ad;transition:top .25s,left .25s,width .25s,height .25s;position:fixed}.guide-spotlight[hidden]{display:none}.guide-card{border-color:var(--accent-line);flex-direction:column;gap:8px;width:min(340px,100vw - 32px);padding:16px 18px;animation:.2s ease-out both guide-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #00000073}.guide-card:focus{outline:none}.guide-card:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.guide-card.is-docked{width:auto;inset:auto 16px 16px;transform:none}.guide-card-head{justify-content:space-between;align-items:center;display:flex}.guide-progress{background:var(--accent-soft);color:var(--accent-text);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:800}.guide-close{border:1px solid var(--line);width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;font-size:18px;line-height:1}.guide-close:hover{background:var(--hover)}.guide-title{font-size:17px;line-height:1.35}.guide-body{color:var(--text-soft);margin:0;font-size:14px;line-height:1.55}.guide-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.guide-never{white-space:nowrap;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.guide-never input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none;margin:0;padding:0}.guide-actions{gap:8px;margin-left:auto;display:flex}@keyframes guide-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.guide-spotlight{transition:none}.guide-card{animation:none}}
.timeline{--tl-label:150px;min-height:0;height:var(--timeline-size,38dvh);border-top:1px solid var(--line);background:var(--shell);-webkit-user-select:none;user-select:none;flex-direction:column;padding:6px 0 8px;display:flex}.timeline>.tl-toolbar,.timeline>.timeline-note{flex:none}.tl-toolbar{flex-wrap:wrap;align-items:center;gap:6px;padding:0 18px 6px;font-size:13px;display:flex}.tl-tool{border:1px solid var(--line);background:var(--panel);height:28px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700}.tl-tool:hover:not(:disabled){border-color:var(--line-strong);background:var(--hover)}.tl-tool:disabled{opacity:.35;cursor:default}.tl-tool:focus-visible{outline:2px solid var(--sun);outline-offset:1px}.tl-tool.danger{color:var(--danger)}.tl-play{border-color:var(--accent-line);background:var(--accent-soft);width:34px;color:var(--accent-text);padding:0}.tl-magnet.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.tl-timecode{font-variant-numeric:tabular-nums;min-width:118px;color:var(--text);font-weight:700}.tl-divider{background:var(--line);width:1px;height:20px}.tl-spacer{flex:1}.tl-zoom{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.tl-zoom input[type=range]{width:110px;box-shadow:none;accent-color:var(--accent);background:0 0;border:0;padding:0}.tl-length{color:var(--muted);white-space:nowrap}.tl-length strong{color:var(--text)}.tl-scroll{overscroll-behavior:contain;flex:auto;min-height:0;position:relative;overflow:auto}.tl-content{min-width:100%;position:relative}.tl-row{align-items:stretch;min-height:30px;margin-top:3px;display:flex}.tl-row:not(.tl-ruler-row){margin-top:4px}.tl-row:not(.tl-ruler-row)>.tl-lane{background:var(--panel);border-radius:6px}.tl-label{z-index:3;width:var(--tl-label);background:var(--shell);color:var(--muted);flex:none;align-self:stretch;align-items:center;padding:0 6px 0 12px;font-size:11px;font-weight:700;line-height:1.2;display:flex;position:sticky;left:0;overflow:visible}.tl-lane{flex:1;min-width:0;position:relative}.tl-ruler-row{z-index:4;background:var(--shell);min-height:22px;margin-top:0;position:sticky;top:0}.tl-ruler-row>.tl-label{z-index:5}.tl-ruler{border-bottom:1px solid var(--line);cursor:pointer;touch-action:none;height:22px}.tl-tick{border-left:1px solid var(--line-strong);height:8px;color:var(--muted);white-space:nowrap;padding-left:4px;font-size:10px;line-height:1;position:absolute;bottom:0;transform:translateY(-10px)}.tl-playhead{z-index:4;background:var(--sun);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-playhead:before{content:"";border:6px solid #0000;border-top-color:var(--sun);position:absolute;top:0;left:-5px}.tl-video{height:46px}.tl-block{height:46px;position:absolute;top:0}.tl-block-body{border:2px solid var(--accent-line);background-color:var(--field);cursor:pointer;text-align:left;background-repeat:no-repeat;border-radius:8px;width:100%;padding:0;position:absolute;inset:0;overflow:hidden}.tl-block-body:hover{border-color:var(--accent)}.tl-block.selected .tl-block-body{border-color:var(--sun);box-shadow:0 0 0 2px var(--sun)}.tl-block-body:focus-visible{outline:2px solid var(--sun);outline-offset:1px}.tl-block-label{color:#fff;background:#0000008c;border-radius:4px;padding:0 5px;font-size:10px;font-weight:800;position:absolute;top:3px;left:12px}.tl-trim{z-index:2;background:var(--accent-line);cursor:ew-resize;touch-action:none;width:min(9px,45%);position:absolute;top:0;bottom:0}.tl-trim.start{border-radius:8px 0 0 8px;left:0}.tl-trim.end{border-radius:0 8px 8px 0;right:0}.tl-trim.outer{background:var(--accent)}.tl-trim:after{content:"";background:var(--on-accent);opacity:.8;border-radius:1px;width:2px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl-trim:focus-visible{outline:2px solid var(--sun);outline-offset:0}.tl-joint{z-index:3;border:1px solid var(--line-strong);background:var(--panel);width:20px;height:20px;color:var(--muted);cursor:pointer;border-radius:50%;margin-left:-10px;padding:0;font-size:11px;line-height:1;position:absolute;top:1px}.tl-joint:hover,.tl-joint.selected{border-color:var(--sun);color:var(--sun-text)}.tl-joint.selected{box-shadow:0 0 0 2px var(--sun)}.tl-audio{--wave:var(--accent);height:32px}.tl-wave{pointer-events:none;height:32px;position:absolute;top:0}.timeline-chunks{height:30px}.timeline-chunk{border:1px solid var(--accent-line);background:var(--accent-soft);height:28px;color:var(--accent-text);white-space:nowrap;text-align:left;cursor:pointer;border-radius:6px;padding:0;font-size:12px;font-weight:700;position:absolute;top:0;overflow:hidden}.timeline-chunk span{text-overflow:ellipsis;padding:0 6px;display:block;overflow:hidden}.timeline-chunk:hover{border-color:var(--accent)}.timeline-chunks .track-item>.timeline-chunk{width:calc(100% - 2px);left:1px}.timeline-chunks.stale .timeline-chunk{opacity:.35}.track-item{min-width:0;height:28px;position:absolute;top:0}.track-item>.timeline-chunk,.track-item>.timeline-box{width:100%;left:0}.track-item.selected>.timeline-chunk{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.track-item.parked>.timeline-chunk{opacity:.5;border-style:dashed}.track-item.copy-ghost{pointer-events:none;opacity:.55;outline:2px dashed var(--accent);outline-offset:-2px;border-radius:4px}.track-item.copy-ghost.blocked{outline-color:var(--danger)}.track-item.copy-ghost>.timeline-box{height:100%;position:absolute;top:0;overflow:hidden}.track-marquee{z-index:4;border:1px solid var(--accent);background:var(--accent-soft);opacity:.6;pointer-events:none;border-radius:4px;height:28px;position:absolute;top:0}.track-item{--grip-in:10px}.track-item.narrow{--grip-in:4px}.track-edge{z-index:1;width:calc(min(var(--grip-in), 35%) + var(--grip-out,0px));cursor:ew-resize;touch-action:none;border-radius:3px;position:absolute;top:0;bottom:0}.track-edge.start{left:calc(-1 * var(--grip-out,0px))}.track-edge.end{right:calc(-1 * var(--grip-out,0px))}.track-edge:after{content:"";background:0 0;border-radius:2px;width:4px;position:absolute;top:3px;bottom:3px}.track-item:hover .track-edge:after,.track-item.selected .track-edge:after,.track-edge:focus-visible:after{background-image:linear-gradient(#0000 40%,#0000008c 40% 45%,#0000 45% 55%,#0000008c 55% 60%,#0000 60%)}.track-edge.start:after{left:var(--grip-out,0px)}.track-edge.end:after{right:var(--grip-out,0px)}.track-item:hover .track-edge:after,.track-item.selected .track-edge:after,.track-edge:focus-visible:after{background-color:var(--accent)}.timeline-boxes .track-item:hover .track-edge:after,.timeline-boxes .track-item.selected .track-edge:after{background-color:var(--sun)}.track-edge.blocked{cursor:not-allowed}.track-item:hover .track-edge.blocked:after,.track-item.selected .track-edge.blocked:after{background-color:var(--line-strong)}.track-edge:focus-visible{outline:2px solid var(--sun);outline-offset:0}.track-hint{z-index:5;background:var(--panel);border:1px solid var(--accent-line);color:var(--accent-text);white-space:nowrap;pointer-events:none;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:30px;left:0}.timeline-boxes{height:30px;position:relative}.track-item.box{height:26px;top:2px}.timeline-box{border:1px solid var(--sun-line);background:var(--sun-soft);height:26px;color:var(--sun-text);text-align:left;cursor:grab;touch-action:none;border-radius:6px;padding:0;font-size:12px;font-weight:700;position:absolute;top:0;overflow:hidden}.timeline-box span{white-space:nowrap;text-overflow:ellipsis;padding:0 8px;display:block;overflow:hidden}.track-item.box.selected .timeline-box{border-color:var(--sun);box-shadow:0 0 0 2px var(--sun)}.tl-text-row.hidden>.tl-lane{opacity:.45;background:repeating-linear-gradient(135deg,#0000 0 6px,#00000024 6px 9px)}.tl-text-row.locked .timeline-box{cursor:default;border-style:dashed}.tl-text-row.drop-ok>.tl-lane{box-shadow:inset 0 0 0 2px var(--accent);border-radius:6px}.tl-text-row.drop-blocked>.tl-lane{box-shadow:inset 0 0 0 2px var(--danger);border-radius:6px}.tl-track-header{gap:2px}.tl-track-header.menu-open{z-index:30}.tl-track-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;flex:1;min-width:0;overflow:hidden}.tl-track-icon{width:20px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:0;font-size:12px;line-height:1}.tl-track-icon:hover{background:var(--hover);color:var(--text)}.tl-track-icon[aria-pressed=true]{color:var(--sun-text)}.tl-track-icon:focus-visible{outline:2px solid var(--sun);outline-offset:0}.tl-add-track{position:relative}.tl-add-button{height:20px;padding:0 6px;font-size:11px}.tl-menu{z-index:50;border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #0000004d}.tl-menu button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 10px;font-size:12px;font-weight:700;display:flex}.tl-menu button:hover:not(:disabled){background:var(--hover)}.tl-menu button:disabled{opacity:.45;cursor:default}.tl-menu button.danger{color:var(--danger)}.tl-menu-note{color:var(--muted);font-size:11px;font-weight:500}.track-tip.below{top:30px}.track-tip{z-index:5;background:var(--panel);border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:-24px}.timeline-note{color:var(--sun-text);margin:3px 18px 0;font-size:12px;line-height:1.35}fieldset.textbox-editor{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:6px 0 0}.subtitle-row.selected{outline:2px solid var(--sun);outline-offset:2px;border-radius:8px}.subtitle-row.parked>.subtitle-time,.subtitle-row.parked>input{opacity:.55}.subtitle-parked{border:1px dashed var(--line-strong);color:var(--text-soft);white-space:nowrap;border-radius:99px;flex:none;padding:1px 6px;font-size:11px;font-weight:700}.splitter{z-index:2;touch-action:none;background:0 0;flex:none;position:relative}.splitter:after{content:"";background:var(--line);transition:background .15s;position:absolute}.splitter.vertical{cursor:col-resize;width:8px;margin:0 -4px}.splitter.vertical:after{width:2px;margin-left:-1px;top:0;bottom:0;left:50%}.editor{--split-h:8px}.splitter.horizontal{height:var(--split-h);cursor:row-resize}.splitter.horizontal:after{height:2px;margin-top:-1px;top:50%;left:0;right:0}.splitter:hover:after,.splitter.active:after{background:var(--accent)}.splitter:focus-visible{outline:none}.splitter:focus-visible:after{background:var(--sun)}.editor-body>.editor-side{border-left:0}.editor-split-row{background:var(--shell)}body.resizing-col,body.resizing-col *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}body.resizing-row,body.resizing-row *{-webkit-user-select:none;user-select:none;cursor:row-resize!important}@media (max-width:860px){.splitter{display:none}.timeline{height:auto;max-height:60dvh}}@media (pointer:coarse){.track-item{--grip-in:16px}.track-item.narrow{--grip-in:8px}.tl-trim{width:min(16px,45%)}.splitter.vertical{width:16px;margin:0 -8px}.editor{--split-h:14px}}.editor-drop-overlay{z-index:60;border:2px dashed var(--accent);pointer-events:none;background:#0f2f2b2e;border-radius:16px;place-items:start center;padding-top:72px;display:grid;position:fixed;inset:8px}.editor-drop-overlay span{background:var(--panel);border:1px solid var(--accent-line);color:var(--accent-text);border-radius:99px;padding:8px 14px;font-size:13px;font-weight:700}.editor-screen.drop-target .live-preview{outline:3px solid var(--accent);outline-offset:3px}.tl-drop-line{z-index:6;pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-drop-line.ok{background:var(--accent)}.tl-drop-line.blocked{background:var(--danger)}.tl-drop-line.neutral{background:var(--muted)}.tl-drop-tip{background:var(--panel);border:1px solid var(--danger);color:var(--text);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:24px;left:6px}.sticker-card[draggable=true],.music-item[draggable=true]{cursor:grab}.drop-dialog-backdrop{z-index:70;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.drop-dialog{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;flex-direction:column;gap:12px;width:min(440px,100%);max-height:80dvh;padding:18px 20px;display:flex;overflow-y:auto}.drop-dialog h2{margin:0;font-size:16px}.drop-dialog section{flex-direction:column;gap:6px;display:flex}.drop-dialog-files{color:var(--text-soft);word-break:break-all;margin:0;padding-left:18px;font-size:13px}.drop-dialog-files.rejected{color:var(--danger)}.drop-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.notice-dialog-backdrop{animation:.2s ease-out both notice-dialog-in}.notice-dialog-backdrop.is-closing{animation:.18s ease-in both notice-dialog-out}.notice-dialog{gap:18px;width:min(420px,100%);padding:22px 22px 18px;box-shadow:0 18px 48px #00000073}.notice-dialog-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notice-dialog-item{align-items:flex-start;gap:14px;padding:14px 0;display:flex}.notice-dialog-item:first-child{padding-top:0}.notice-dialog-item:last-child{padding-bottom:0}.notice-dialog-item+.notice-dialog-item{border-top:1px solid var(--line)}.notice-dialog-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);border-radius:10px;flex:none;place-items:center;display:grid}.notice-dialog-icon svg{width:18px;height:18px}.notice-dialog-item.is-retention .notice-dialog-icon{color:var(--danger);background:#ff6b6b24}.notice-dialog-text{flex-direction:column;gap:4px;min-width:0;padding-top:2px;display:flex}.notice-dialog-text strong{color:var(--text);word-break:keep-all;font-size:15px;font-weight:700;line-height:1.45}.notice-dialog-text span{color:var(--text-soft);word-break:keep-all;font-size:13.5px;line-height:1.55}.notice-dialog-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.notice-dialog-actions .button{align-items:center;gap:6px;display:inline-flex}.notice-dialog-actions .button svg{width:15px;height:15px}.notice-dialog-snooze{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-right:auto;padding:6px 2px;font-size:13px;text-decoration:underline}.notice-dialog-snooze:hover{color:var(--text)}.notice-dialog-snooze:disabled{opacity:.5;cursor:default}@keyframes notice-dialog-in{0%{opacity:0}to{opacity:1}}@keyframes notice-dialog-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.notice-dialog-backdrop,.notice-dialog-backdrop.is-closing{animation-duration:1ms}}body.editor-open,body.editor-open .content,body.editor-open main{overflow-x:clip}html:has(body.editor-open){overflow-x:clip}body.editor-open .content,body.editor-open main{min-width:0}.editor{grid-template-columns:minmax(0,1fr);overflow-x:clip}.editor>*,.timeline,.tl-scroll{min-width:0;max-width:100%}.tl-past-end{z-index:2;pointer-events:none;border-left:2px solid var(--text-soft);position:absolute;top:0;bottom:0}.timeline-note.strong{background:var(--sun-soft);border:1px solid var(--sun-line);border-radius:8px;padding:4px 10px;font-weight:700}.confirm-dialog-backdrop{z-index:90}
.playback-stage{pointer-events:none;background:#000;position:absolute;inset:0;overflow:hidden}.playback-stage[hidden]{display:none}.playback-background{position:absolute;inset:0}.playback-background canvas,.playback-background img{width:100%;height:100%;display:block}.playback-background img{object-fit:fill}.playback-video{position:absolute;inset:0;overflow:hidden}.playback-video.framed{bottom:auto}.playback-video video{object-fit:cover;width:100%;height:100%;display:block}.playback-comment{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}
.live-images{pointer-events:none;position:absolute;inset:0;overflow:hidden}.live-images img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;height:auto;display:block;position:absolute}.live-handle.image{display:block}.live-handle.image .live-handle-box{width:100%;max-width:none;height:100%;padding:0}.sticker-upload{border-radius:var(--radius-sm);border:1px dashed var(--line-strong);flex-direction:column;gap:10px;padding:12px;display:flex}.sticker-upload input[type=file]{padding:8px;font-size:13px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sticker-card{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--shell);flex-direction:column;gap:6px;padding:6px;display:flex}.sticker-card img,.sticker-thumb{aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(var(--field) 0 25%, var(--line) 0 50%) 0 0 / 12px 12px;border-radius:6px;width:100%;display:block}.sticker-thumb{flex:none;width:40px}.sticker-actions{gap:4px;display:flex}.sticker-actions .button{flex:1;padding:6px 4px}.sticker-settings{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.sticker-settings[disabled]{opacity:.6}.timeline-overlay{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);align-items:center;gap:4px;display:flex}.timeline-overlay img{object-fit:contain;pointer-events:none;width:auto;max-width:100%;height:22px;margin-left:3px;display:block}.track-item.overlay.selected .timeline-overlay{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.track-item.overlay.missing .timeline-overlay{border-style:dashed;border-color:var(--danger);color:var(--danger)}.logo-panel{flex-direction:column;gap:10px;min-width:0;display:flex}.logo-settings{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.logo-picker-thumb{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.logo-picker-thumb img{object-fit:cover;width:84%;height:84%}.phone-logo-name{z-index:1;white-space:nowrap;pointer-events:none;margin:0;font-weight:700;line-height:1.25;position:absolute;transform:translate(-50%)}
.timeline-music{border-color:var(--line-strong);background:var(--field);color:var(--text-soft);align-items:center;display:flex}.timeline-music .music-wave{width:100%;height:calc(100% - 2px);color:var(--accent);opacity:.55;pointer-events:none;position:absolute;inset:1px 0}.timeline-music span{position:relative}.track-item.music.selected .timeline-music{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.track-item.music.missing .timeline-music{border-style:dashed;border-color:var(--danger);color:var(--danger)}.music-seam{border-left:2px dotted var(--text-soft);pointer-events:none;width:0;position:absolute;top:2px;bottom:2px}.music-silent{pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 5px,#00000059 5px 8px);border-radius:0 6px 6px 0;position:absolute;top:0;bottom:0;right:0}.music-upload{border-radius:var(--radius-sm);border:1px dashed var(--line-strong);flex-direction:column;gap:10px;padding:12px;display:flex}.music-upload input[type=file]{padding:8px;font-size:13px}.music-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.music-item{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--shell);align-items:center;gap:8px;padding:6px 8px;display:flex}.music-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.music-item .button{flex:none;padding:6px 8px}.music-settings{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.music-preview{width:100%;height:36px}.music-copyright{margin:0}