:root{--bg:#f5f6fb;--bg-tint:#eef0f8;--surface:#fff;--text:#17181d;--text-muted:#5d6170;--text-soft:#8a8f9e;--border:#e4e6ef;--border-strong:#d5d8e4;--accent:#5b4dff;--accent-hover:#4a3cf0;--accent-2:#4d74ff;--accent-soft:#ece9ff;--accent-softer:#f4f1ff;--success:#1f8a5b;--danger:#d64545;--shadow:0 10px 30px #17181d0f;--shadow-md:0 14px 40px #17181d1a;--radius-sm:10px;--radius:16px;--radius-lg:22px;--nav-h:68px;--sans:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%}body{min-width:320px;max-width:100%;font-family:var(--sans);color:var(--text);background:var(--bg);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100svh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-toast{z-index:80;background:var(--text);color:#fff;box-shadow:var(--shadow-md);border-radius:12px;max-width:min(92vw,420px);padding:12px 16px;font-size:14px;line-height:1.4;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.reading-overlay{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f5f6fbc7;place-items:center;display:grid;position:fixed;inset:0}.reading-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);align-items:center;gap:12px;padding:22px 26px;font-weight:600;display:flex}.reading-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.85)}}.logo{color:var(--text);letter-spacing:-.04em;align-items:center;gap:10px;font-size:18px;font-weight:750;text-decoration:none;display:inline-flex}.logo-mark{object-fit:contain;flex-shrink:0;width:32px;height:32px;display:block}.logo-wordmark{letter-spacing:inherit;align-items:center;display:inline-flex}.logo-accent{color:#f26b21;align-items:center;display:inline-flex}.logo-fx{flex-shrink:0;width:auto;height:.74em;margin-left:.04em;display:block}.btn{letter-spacing:-.02em;color:var(--text);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:650;text-decoration:none;transition:all .16s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--surface);border-color:var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--accent-softer)}.btn-icon{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:12px;place-items:center;padding:0;display:inline-grid}.btn-icon:hover:not(:disabled){background:var(--accent-softer)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.dialog-backdrop{z-index:60;background:#17181d52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,400px);box-shadow:var(--shadow-md);padding:22px}.dialog h3{margin:0 0 8px;font-size:18px}.dialog p{color:var(--text-muted);margin:0 0 18px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.export-dialog{width:min(100%,440px)}.export-progress{background:var(--border);border-radius:999px;height:8px;margin:4px 0 8px;overflow:hidden}.export-progress-bar{background:var(--accent);height:100%}.export-progress-label{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0 0 18px}.coming-drawer{text-align:left;background:var(--surface);border:1px solid var(--border);width:min(100%,640px);box-shadow:var(--shadow);border-radius:16px;margin-top:8px;padding:16px 18px 18px}.coming-drawer h3{margin:0 0 6px}.coming-drawer p{color:var(--text-muted);margin:0;line-height:1.5}.coming-drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.auth-dialog-backdrop{z-index:120}.auth-dialog{width:min(100%,420px)}.auth-form{gap:12px;display:grid}.auth-field{color:var(--text);gap:6px;font-size:13px;font-weight:650;display:grid}.auth-field input{border:1px solid var(--border);background:var(--surface);height:42px;color:var(--text);border-radius:12px;padding:0 12px}.auth-form-error{color:var(--danger);margin:0;font-size:13px}.auth-dialog-actions{flex-wrap:wrap}.auth-switch{color:var(--text-muted);margin:4px 0 0;font-size:13px}.auth-switch button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:650}.admin-page{color:#17181d;max-width:1100px;min-height:100vh;margin:0 auto;padding:28px 20px 48px}.admin-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.admin-kicker{letter-spacing:.08em;text-transform:uppercase;color:#8a8f9e;margin:0 0 4px;font-size:12px;font-weight:700}.admin-header h1{letter-spacing:-.04em;margin:0;font-size:28px}.admin-card{background:#fff;border:1px solid #e4e6ef;border-radius:16px;padding:20px;box-shadow:0 10px 30px #17181d0f}.admin-form{gap:12px;max-width:360px;display:grid}.admin-form label{gap:6px;font-size:13px;font-weight:650;display:grid}.admin-form input{height:40px;font:inherit;border:1px solid #d5d8e4;border-radius:10px;padding:0 12px}.admin-btn{height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5d8e4;border-radius:10px;padding:0 14px;font-weight:650}.admin-btn-primary{color:#fff;background:#17181d;border-color:#17181d}.admin-btn:disabled{opacity:.6;cursor:default}.admin-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.admin-filter{height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e4e6ef;border-radius:999px;padding:0 12px;font-weight:650}.admin-filter.is-active{color:#fff;background:#17181d;border-color:#17181d}.admin-metrics{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.admin-metric{background:#fff;border:1px solid #e4e6ef;border-radius:14px;padding:14px 16px}.admin-metric p{color:#5d6170;margin:0 0 8px;font-size:13px;font-weight:650}.admin-metric strong{letter-spacing:-.04em;font-size:28px}.admin-card h2{margin:0 0 12px;font-size:18px}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f8;padding:10px 8px}.admin-table th{color:#8a8f9e;font-weight:700}.admin-mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.admin-status{margin-bottom:20px}.admin-status-controls{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.admin-note,.admin-error,.admin-success{margin:0 0 16px}.admin-error{color:#d64545}.admin-success{color:#1f8a5b}.editor{--editor-bg:#fffaf6;--header:#fff;--rail:#fffcf9;--panel:#fffcf9;--stage:#f5eee6;--timeline:#fffcf9;--surface:#fff;--surface-soft:#fff7f1;--card:#fff;--field:#fff;--lane:#f6efe8;--border:#efe4d9;--border-strong:#e6d8ca;--text:#171412;--text-muted:#6b645e;--text-soft:#9a918a;--purple:#f26b21;--purple-dark:#e35d14;--purple-soft:#fff1e6;--purple-border:#f6c9a8;--danger:#d64545;--shadow-m:0 12px 32px #2c1c101f;--tl-h:192px;--sheet-h:0px;--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b645e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");grid-template-rows:64px minmax(0, 1fr) var(--tl-h);background:var(--editor-bg);width:100%;height:100svh;min-height:600px;color:var(--text);font-size:14px;line-height:1.4;display:grid;position:relative;overflow:hidden}.editor *,.editor :before,.editor :after{box-sizing:border-box}.editor button,.editor input,.editor select{font-family:inherit}.editor button:focus-visible,.editor input:focus-visible,.editor select:focus-visible{outline-offset:2px;outline:2px solid #f26b2159}.editor-header{z-index:100;background:var(--header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:relative}.editor-header-left,.editor-header-right,.editor-header-actions{align-items:center;display:flex}.editor-header-left{gap:8px;min-width:0}.editor-header-right{gap:8px}.editor .logo{letter-spacing:-.04em;gap:8px;font-size:18px;font-weight:800}.editor .logo-mark{object-fit:contain;width:28px;height:28px;display:block}.header-text-btn,.header-preview-btn,.header-export-btn{white-space:nowrap;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.header-text-btn{color:var(--text-muted);background:0 0}.header-text-btn:hover,.header-theme-toggle:hover{background:var(--lane);color:var(--text)}.header-preview-btn{border:1px solid var(--border-strong);color:var(--text);background:0 0;margin-left:8px;padding:0 16px}.header-export-btn{background:var(--purple);color:#fff;padding:0 16px;font-weight:600;box-shadow:0 4px 12px #f26b2140}.header-export-btn:hover{background:var(--purple-dark);color:#fff}.header-text-btn:disabled,.header-preview-btn:disabled,.header-export-btn:disabled{opacity:.72;cursor:default}.header-theme-toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.editor-avatar{background:var(--purple-soft);width:32px;height:32px;color:var(--purple);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-left:8px;padding:0;font-size:13px;font-weight:700;display:grid}.menu-wrap{position:relative}.menu-wrap--end .overflow-menu{left:auto;right:0}.overflow-menu{border:1px solid var(--border);z-index:20;background:#fff;border-radius:12px;min-width:168px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 40px #17181d1a}.overflow-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 10px;font-size:13px;font-weight:600}.overflow-menu button:hover{background:var(--purple-soft)}.editor-bottom{z-index:30;border:0;border-top:1px solid var(--border);background:var(--timeline);width:100%;max-width:none;box-shadow:none;border-radius:0;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.editor-logo{color:var(--text);letter-spacing:-.03em;align-items:center;gap:8px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.editor-logo-mark{background:var(--purple);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.editor-file-name{border-left:1px solid var(--border);align-items:center;gap:4px;min-width:0;margin-left:16px;padding-left:16px;display:flex}.editor-file-name span{max-width:240px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.editor-file-name input{border:0;border-bottom:1px solid var(--purple);background:0 0;outline:none;width:140px;font-size:13px;font-weight:600}.editor-file-name button{color:var(--text-muted)}.editor-header .btn-icon{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.editor-header .header-more-btn{width:28px;height:28px}.editor-header .btn-icon:hover{background:var(--lane);color:var(--text)}.editor-header .btn-icon:disabled{opacity:.35;cursor:default}.editor-header .btn-primary{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;height:36px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.editor-header .btn-primary:hover{background:var(--purple-dark)}.editor-main{grid-template-columns:64px 320px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.editor-main>.animation-drawer-panel,.editor-main>.editor-preview-area,.editor-main>.animation-category-tabs{min-width:0;min-height:0}.editor--has-rail .editor-main,.editor--has-rail.editor--panel-open .editor-main,.editor--has-rail.editor--drawer-open .editor-main,.editor--has-rail.editor--drawer-open.editor--panel-open .editor-main{grid-template-columns:64px 320px minmax(0,1fr)}.editor--has-rail.editor--drawer-open .editor-main:has(.animation-drawer--collapsed){grid-template-columns:64px 320px minmax(0,1fr)}.editor--has-rail.editor--drawer-open.editor--panel-open .editor-main:has(.animation-drawer--collapsed){grid-template-columns:64px 320px minmax(0,1fr)}.editor-preview-area{background:var(--stage);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;padding:24px;transition:padding .25s;display:grid;position:relative;overflow:hidden}.editor--has-rail .editor-preview-area,.editor--drawer-open .editor-preview-area{border-left:0;padding:24px}.editor-stage{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.preview-shell{--preview-ar:16 / 9;--preview-arn:1.7778;aspect-ratio:var(--preview-ar);width:min(100cqw, calc(100cqh * var(--preview-arn)));max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow-m);background:#111218;border:0;border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.preview-media{background:#101116;display:block;position:absolute;inset:0;overflow:hidden}.preview-media video{object-fit:contain;object-position:center;transform-origin:50%;background:#101116;width:100%;height:100%;display:block}.video-effect-vignette,.video-effect-glow,.video-effect-flash,.video-effect-color-flash,.video-effect-golden-hour,.video-effect-teal-orange-shadow,.video-effect-teal-orange-highlight,.video-effect-neon-magenta,.video-effect-neon-cyan,.video-effect-cross-shadow,.video-effect-cross-highlight,.video-effect-light-leak,.video-effect-anamorphic,.video-effect-bleach,.video-effect-vintage-fade,.video-effect-retro-tv,.video-effect-letterbox{pointer-events:none;z-index:1;position:absolute;inset:0}.video-effect-vignette{background:radial-gradient(#0000 42%,#000000d1 100%)}.video-effect-glow{mix-blend-mode:screen;box-shadow:inset 0 0 70px 18px #ffecaa8c}.video-effect-flash{background:#fff}.video-effect-color-flash{mix-blend-mode:screen;background:#ff4d2e}.video-effect-golden-hour{mix-blend-mode:screen;background:radial-gradient(80% 70% at 78% 12%,#ffe8ba6b,#ffc48029 38%,#0000 72%),radial-gradient(52% 46% at 28% 82%,#ffd2a01f,#0000 72%)}.video-effect-teal-orange-shadow{mix-blend-mode:multiply;background:linear-gradient(#0000 28%,#085660b8 100%)}.video-effect-teal-orange-highlight{mix-blend-mode:screen;background:radial-gradient(70% 55% at 72% 18%,#ff84308c,#0000 70%)}.video-effect-neon-magenta{mix-blend-mode:screen;background:radial-gradient(62% 58% at 16% 30%,#ff24a894,#ff24a833 45%,#0000 72%)}.video-effect-neon-cyan{mix-blend-mode:screen;background:radial-gradient(64% 58% at 86% 70%,#00ecff85,#00ecff2e 42%,#0000 72%)}.video-effect-cross-shadow{mix-blend-mode:multiply;background:linear-gradient(#0000 18%,#126052b3 100%)}.video-effect-cross-highlight{mix-blend-mode:screen;background:radial-gradient(70% 55% at 68% 16%,#d64e947a,#0000 70%)}.video-effect-light-leak{transform:translateX(calc(var(--leak-x,50%) - 50%));mix-blend-mode:screen;background:linear-gradient(118deg,#0000 32%,#ffc48c47 44%,#ffd6a08c 50%,#ffb0783d 56%,#0000 68%)}.video-effect-anamorphic{background:linear-gradient(to bottom, transparent calc(var(--flare-y,42%) - 1.8%), #ffd2a047 var(--flare-y,42%), transparent calc(var(--flare-y,42%) + 1.8%)), radial-gradient(ellipse 34% 10% at var(--flare-x,50%) var(--flare-y,42%), #ffecd2b8 0%, #ffb06e6b 22%, #50c8ff38 48%, transparent 70%);mix-blend-mode:screen}.video-effect-bleach{mix-blend-mode:multiply;background:#bcccd6}.video-effect-vintage-fade{mix-blend-mode:multiply;background:#764e2a}.video-effect-retro-tv{background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px)}.video-effect-letterbox{background:linear-gradient(#000, #000) top / 100% var(--letterbox-bar,12.5%) no-repeat, linear-gradient(#000, #000) bottom / 100% var(--letterbox-bar,12.5%) no-repeat}.text-overlay-stage,.editor-overlay-stage{pointer-events:none;cursor:default;z-index:2;margin:auto;position:absolute;inset:0}.text-overlay-stage canvas,.editor-overlay-stage>*{pointer-events:auto}.preview-controls{z-index:10;color:#fff;background:linear-gradient(#0000,#0a0c10b8);border:0;border-radius:0;align-items:center;gap:12px;height:40px;min-height:40px;padding:0 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-ctrl-btn,.preview-controls button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.preview-controls button:hover{background:#ffffff1a}.preview-time,.preview-controls .time{color:#ffffffeb;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:600}.preview-seek{height:4px;accent-color:var(--purple);cursor:pointer;flex:1}.preview-seek::-webkit-slider-thumb{background:var(--purple);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000059}.preview-volume,.volume-wrap{align-items:center;margin-left:auto;display:flex}.text-customization-panel{z-index:2;background:var(--panel);border:0;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.text-panel-head{background:0 0;border-bottom:0;flex-direction:column;flex:none;justify-content:flex-start;align-items:flex-start;min-height:0;padding:12px 16px 8px;display:flex}.text-panel-eyebrow{color:#9a9cb0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.text-panel-head h3{color:var(--text);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.text-panel-head .btn-icon{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.text-panel-head .btn-icon:hover{border-color:var(--border);background:var(--surface-soft);color:var(--text)}.text-panel-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background:0 0;flex-direction:column;flex:auto;gap:20px;min-height:0;padding:8px 16px 20px;display:flex;overflow:hidden auto}.text-panel-body::-webkit-scrollbar{width:5px}.text-panel-body::-webkit-scrollbar-thumb{background:#d9dae4;border-radius:999px}.text-customization-panel .text-panel-head{padding:8px 16px 0}.text-customization-panel .text-panel-body{gap:14px;padding-top:6px;padding-bottom:12px}.text-customization-panel .text-control,.text-customization-panel .text-control--lead{gap:4px;margin-bottom:0}.text-customization-panel .text-control--lead .custom-control-label{font-size:13px;font-weight:700}.text-customization-panel .custom-control-label,.text-customization-panel .slider-head,.text-customization-panel .editor-section-label{margin-bottom:4px}.text-customization-panel .text-preset-block{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;gap:12px;padding:10px;display:flex}.text-customization-panel .text-animation-section{gap:10px}.text-customization-panel .text-section-toggle{border:1px solid var(--purple-border);background:var(--purple-soft);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;margin:0;padding:8px 10px;display:flex}.text-customization-panel .text-section-toggle .editor-section-label{color:var(--purple);margin-bottom:0}.text-customization-panel .text-section-toggle-value{color:var(--purple-dark);margin-left:auto;font-size:12px;font-weight:600}.text-customization-panel .text-section-toggle-chevron{color:var(--purple);margin-left:auto;transition:transform .15s}.text-customization-panel .text-section-toggle-value+.text-section-toggle-chevron{margin-left:0}.text-customization-panel .text-section-toggle-chevron.is-open{transform:rotate(180deg)}.text-customization-panel .text-style-row{align-items:flex-end;gap:6px;min-width:0;display:flex}.text-customization-panel .text-style-row .text-control{min-width:0}.text-customization-panel .text-style-row .text-control:first-child{flex:auto}.text-customization-panel .text-size-field{flex:0 0 72px;width:72px}.text-customization-panel .text-chip-field{flex:0 0 32px;width:32px}.text-customization-panel .text-size-input-wrap{position:relative}.text-customization-panel .text-size-input-wrap input{border:1px solid var(--border-strong);background:var(--field);width:100%;height:32px;color:var(--text);border-radius:8px;padding:0 22px 0 8px;font-size:12px;font-weight:500}.text-customization-panel .text-size-input-wrap span{color:var(--text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.text-customization-panel .text-swatch{border:1px solid var(--border-strong);background:var(--field);border-radius:8px;width:32px;height:32px;display:block;position:relative;overflow:hidden}.text-customization-panel .text-swatch-input{cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;display:block}.text-customization-panel .text-swatch-input::-webkit-color-swatch-wrapper{padding:0}.text-customization-panel .text-swatch-input::-webkit-color-swatch{border:0;border-radius:0}.text-customization-panel .text-chip-field .custom-control-label{text-align:center}.text-customization-panel .text-swatch.is-none:after{content:"";background:var(--text-muted);pointer-events:none;height:1.5px;position:absolute;top:50%;left:4px;right:4px;transform:rotate(-45deg)}.text-customization-panel .text-swatch-off{background:var(--card);width:12px;height:12px;color:var(--text-muted);cursor:pointer;border:0;border-radius:99px;padding:0;position:absolute;top:1px;right:1px}.text-customization-panel .text-swatch-off:before{content:"×";text-align:center;font-size:10px;line-height:12px;display:block}.text-customization-panel .text-textarea{height:56px;min-height:56px;padding:8px 10px}.text-customization-panel .text-style-row .custom-select-wrap select{height:32px}.text-customization-panel .animation-grid--text{gap:6px;padding-bottom:0}.text-customization-panel .animation-grid--text .animation-card{gap:1px;height:54px;min-height:54px;padding:2px 2px 3px}.text-customization-panel .animation-grid--text .animation-card-preview{height:28px;min-height:28px}.text-customization-panel .animation-grid--text .animation-card-body{min-height:14px;padding-top:0}.text-control-section{border-bottom:0;margin-bottom:0;padding-bottom:0}.text-control-section:last-child{margin-bottom:0}.text-section-title{color:var(--text);letter-spacing:-.01em;margin-bottom:10px;font-size:13px;font-weight:700}.text-anim-current{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.text-anim-current strong{color:var(--text);margin-top:2px;font-size:14px;display:block}.text-anim-change{border:1px solid var(--border);height:32px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:8px;flex:none;padding:0 12px;font-size:12px;font-weight:700}.text-anim-chooser{scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.text-anim-chooser::-webkit-scrollbar{display:none}.text-anim-chooser .animation-card{flex:0 0 92px;min-height:96px;padding:6px}.text-anim-chooser .animation-card-preview{min-height:56px}.text-control{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.text-control:last-child{margin-bottom:0}.text-control--lead{margin-bottom:20px}.custom-control-label{color:#6b6d80;letter-spacing:-.01em;font-size:12px;font-weight:600}.text-input,.text-textarea{border:1px solid var(--border);color:#242536;resize:vertical;background:#fff;border-radius:10px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.text-input{height:40px}.text-textarea{border-radius:12px;min-height:88px;padding:12px 14px;line-height:1.45}.text-typography-row{grid-template-columns:1.25fr 1.05fr .7fr;gap:8px;margin-bottom:0;display:grid}.text-typography-row .text-control{min-width:0;margin-bottom:0}.text-typography-row .custom-select-wrap select{border-radius:8px;height:36px;padding-right:28px;font-size:12.5px;font-weight:500}.text-input:hover,.text-textarea:hover{border-color:var(--border-strong)}.text-input:focus,.text-textarea:focus{border-color:#f0c4a4;box-shadow:0 0 0 3px #f26b2117}.custom-select-wrap{position:relative}.custom-select-wrap select{appearance:none;border:1px solid var(--border);width:100%;height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:9px;outline:none;padding:0 34px 0 11px;font-size:12px}.custom-select-wrap select:focus{border-color:#f0c4a4;box-shadow:0 0 0 3px #f26b2117}.custom-select-icon{color:var(--text-soft);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.slider-head{justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.slider-head .val{color:var(--text-muted);font-variant-numeric:tabular-nums}.range-control-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.range-control-row{align-items:center;gap:12px;display:flex}.range-control-row .text-range{flex:1;min-width:0;margin:0}.range-control-value{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.text-range{--p:50%;appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:20px;margin:0;padding:0}.text-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--purple) var(--p), var(--border-strong) var(--p));border-radius:999px;height:6px}.text-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--purple);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 4px #0003}.text-range::-moz-range-track{background:linear-gradient(90deg, var(--purple) var(--p), var(--border-strong) var(--p));border-radius:999px;height:6px}.text-range::-moz-range-progress{background:var(--purple);border-radius:999px;height:6px}.text-range::-moz-range-thumb{border:2px solid var(--purple);background:#fff;border-radius:50%;width:12px;height:12px}.background-options{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:12px;display:flex}.background-option{min-height:0;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:600;display:inline-flex;position:relative}.background-option:hover,.background-option.is-active{color:var(--text)}.background-option-radio{border:2px solid var(--border-strong);box-sizing:border-box;background:#fff;border-radius:50%;width:16px;height:16px;transition:border-color .15s,box-shadow .15s;display:inline-block}.background-option.is-active .background-option-radio{border-color:var(--purple);box-shadow:inset 0 0 0 4px var(--purple)}.background-option input{opacity:0;pointer-events:none;position:absolute}.custom-color-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex;position:relative}.custom-color-trigger{border:1px solid var(--border);width:100%;height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:9px;outline:none;align-items:center;gap:9px;padding:0 10px;display:flex}.custom-color-trigger:hover{border-color:var(--border-strong)}.custom-color-swatch{border:1px solid #0000001a;border-radius:6px;flex:0 0 23px;width:23px;height:23px;box-shadow:inset 0 0 0 1px #ffffff59}.custom-color-value{color:var(--text-muted);text-align:left;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.custom-color-trigger svg{color:#999baa}.custom-color-field{position:relative}.custom-color-popover{z-index:220;background:#fff;border:1px solid #dedee8;border-radius:12px;width:min(228px,100vw - 32px);padding:11px;position:fixed;inset:auto;box-shadow:0 18px 40px #1b1b3024,0 4px 12px #1b1b300f}.custom-color-popover-head{color:#343546;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;font-weight:800;display:flex}.custom-color-popover-head button{color:#9294a4;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:23px;height:23px;padding:0;display:grid}.custom-color-popover-head button:hover{color:#444556;background:#f3f3f7}.custom-color-spectrum{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,red);border-radius:8px;height:125px;position:relative;overflow:hidden}.custom-color-spectrum-white,.custom-color-spectrum-black{pointer-events:none;position:absolute;inset:0}.custom-color-spectrum-white{background:linear-gradient(90deg,#fff,#0000)}.custom-color-spectrum-black{background:linear-gradient(#0000,#000)}.custom-color-spectrum input[type=color]{opacity:0;cursor:crosshair;width:100%;height:100%;padding:0;position:absolute;inset:0}.custom-color-presets{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px;display:grid}.custom-color-presets button{cursor:pointer;border:1px solid #00000014;border-radius:5px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:relative}.custom-color-presets button:hover{transform:scale(1.08)}.custom-color-presets button.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3px #7257e8}.custom-color-hex{align-items:center;gap:8px;margin-top:10px;display:flex}.custom-color-hex span{color:#858798;font-size:9px;font-weight:800}.custom-color-hex input{border:1px solid var(--border);min-width:0;height:30px;color:var(--text-muted);border-radius:7px;outline:none;flex:1;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.custom-color-hex input:focus{border-color:#f0c4a4;box-shadow:0 0 0 3px #f26b2114}.text-panel-foot{border-top:1px solid var(--border);background:0 0;flex:none;align-items:center;gap:8px;padding:12px 16px 16px;display:flex}.text-panel-foot .btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;height:40px;min-height:40px;font-size:13px;font-weight:600;display:inline-flex}.text-panel-foot .btn-primary{background:var(--purple);color:#fff;border:0;flex:1.3}.text-panel-foot .btn-primary:hover{background:var(--purple-dark)}.text-panel-foot .btn-ghost{border:1px solid var(--border-strong);color:var(--text);background:0 0;padding:0 14px}.text-panel-foot .text-panel-cancel{flex:1;min-width:0}.text-panel-foot .text-panel-delete{width:40px;color:var(--text-muted);flex:none;padding:0}.text-panel-foot .btn-ghost:hover{background:var(--lane);color:var(--text)}.text-panel-foot .text-panel-delete:hover{color:var(--danger);border-color:#e9b4b4}.text-panel-foot .text-panel-cancel:hover{border-color:var(--border-strong);background:var(--lane);color:var(--text)}.timeline{z-index:30;background:0 0;border-top:0;flex-direction:column;gap:4px;height:100%;min-height:0;padding:8px 24px 12px 16px;display:flex;position:relative}.timeline-toolbar{border-bottom:0;justify-content:flex-end;align-items:center;height:32px;margin-bottom:2px;padding:0;display:flex}.timeline-tools{align-items:center;gap:8px;display:flex}.timeline-toolbar button,.timeline-tools .btn-icon{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.timeline-fit-btn{color:var(--text-muted);gap:4px;font-size:13px;font-weight:700;border:1px solid var(--border)!important;border-radius:10px!important;width:auto!important;height:32px!important;padding:0 12px 0 14px!important}.timeline-zoom-slider{width:110px;accent-color:var(--purple)}.timeline-scroller{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding-bottom:6px;overflow:auto}.timeline-scroller::-webkit-scrollbar{width:8px;height:8px}.timeline-scroller::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.timeline-board{grid-template-columns:64px minmax(0,1fr);align-items:start;column-gap:8px;min-width:100%;display:grid}.timeline-gutter{z-index:5;background:var(--timeline);flex-direction:column;gap:4px;padding-top:18px;padding-right:8px;display:flex;position:sticky;left:0}.timeline-track{min-width:0;padding:0;position:relative;overflow:visible}.time-ruler{height:14px;color:var(--text-soft);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:10px;font-weight:600;position:relative}.time-ruler span{position:absolute;top:0;transform:translate(-50%)}.track-label{height:32px;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.track-label--text,.track-label--element,.track-label--effect{box-sizing:border-box;align-items:center;height:auto;min-height:22px;padding-top:0}.filmstrip{background:var(--lane);border-radius:6px;height:32px;display:flex;overflow:hidden}.filmstrip img,.filmstrip .thumb-fallback{object-fit:cover;border-right:1px solid #ffffff80;flex:1 0 0;min-width:0;max-width:none;height:100%}.thumb-fallback{background:repeating-linear-gradient(90deg,#e4d8cc 0 18px,#f3ebe3 18px 36px)}.text-track-container{background:var(--lane);border-radius:6px;margin-top:4px;position:relative;overflow:hidden}.text-track-lanes{background:var(--lane);border-radius:6px;min-height:22px;position:relative}.animation-track{background:var(--lane);border-radius:6px;height:22px;margin-top:4px;position:relative;overflow:hidden}.animation-track--text{height:auto;min-height:28px;margin-top:0;overflow:visible}.element-track-container{background:var(--lane);border-radius:6px;margin-top:4px;position:relative;overflow:hidden}.element-track-lanes{background:#f5f8ff;border-radius:8px;min-height:28px;position:relative}.animation-track--element{background:#f5f8ff;height:auto;min-height:28px;margin-top:0;overflow:visible}.element-track-lanes .timeline-anim-block--element{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:48px;top:auto}.element-track-lanes .timeline-anim-block--element:active{cursor:grabbing;z-index:3}.effect-track-container{background:var(--lane);border-radius:6px;margin-top:4px;position:relative;overflow:hidden}.effect-track-lanes{background:var(--lane);border-radius:6px;min-height:22px;position:relative}.animation-track--effect{background:var(--lane);height:auto;min-height:22px;margin-top:0;overflow:visible}.effect-track-lanes .timeline-anim-block--effect{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:48px;top:auto}.effect-track-lanes .timeline-anim-block--effect:active{cursor:grabbing;z-index:3}.text-track-lanes .timeline-anim-block--text{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:48px;top:auto}.text-track-lanes .timeline-anim-block--text:active{cursor:grabbing;z-index:3}.timeline-track-placeholder{color:var(--text-soft);pointer-events:none;align-items:center;padding:0 12px;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.timeline-anim-block,.timeline-animation{background:linear-gradient(180deg, #ff8a3d, var(--purple));color:#fff;cursor:pointer;border:0;border-radius:5px;align-items:center;gap:6px;min-width:48px;height:16px;padding:0 8px;font-size:10px;font-weight:600;display:flex;position:absolute;top:3px;overflow:hidden}.timeline-clip-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.timeline-clip-anim-badge{display:none}.timeline-anim-block.is-selected,.timeline-animation.is-selected{z-index:5;outline:none;box-shadow:inset 0 0 0 2px #111}.timeline-anim-block--element{background:linear-gradient(#7693e9,#5879dc);border-color:#8ea7ee}.timeline-anim-block--effect{background:linear-gradient(#e0b35a,#c9922e);border-color:#c9a24a}.timeline-anim-handle,.timeline-animation-handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.timeline-anim-handle--start,.timeline-animation-handle.left{left:0}.timeline-anim-handle--end,.timeline-animation-handle.right{right:0}.playhead,.timeline-playhead{z-index:8;pointer-events:none;width:14px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.playhead-line,.timeline-playhead{background:0 0}.playhead-line{background:var(--purple);width:2px;position:absolute;top:14px;bottom:0;left:50%;transform:translate(-50%)}.playhead-label,.timeline-playhead-label{background:var(--purple);color:#0000;border-radius:50%;width:12px;height:12px;padding:0;font-size:0;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.add-animation-bar,.add-animation{z-index:35;border-bottom:1px solid var(--border);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:0;padding:8px 20px;display:flex;position:relative}.add-animation-button{background:var(--purple);color:#fff;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:168px;height:34px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #f26b2138}.add-animation-button:hover{background:var(--purple-dark);transform:none}.add-animation-bar p,.add-animation p{display:none}.icon-button{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.animation-drawer,.animation-drawer--rail-only,.animation-drawer--collapsed{display:contents}.animation-drawer-panel{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;width:320px;min-width:320px;max-width:320px;min-height:0;display:flex;overflow:hidden}.animation-drawer--collapsed .animation-drawer-panel{justify-content:flex-start;align-items:center}.animation-drawer--collapsed .animation-drawer-heading{display:none}.animation-drawer-head{background:0 0;border-bottom:0;flex:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:20px 16px 8px;display:flex}.animation-drawer-collapse{display:none}.animation-drawer-heading{flex-direction:column;gap:8px;min-width:0;display:flex}.animation-drawer-title{color:var(--text);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.animation-drawer-time{color:var(--text-muted);margin:0;font-size:13px;font-weight:400;line-height:1.4}.animation-drawer-close{width:32px;height:32px;color:var(--text-muted);border-radius:8px}.animation-drawer-close:hover{background:var(--surface-soft);color:var(--text)}.animation-drawer-head .btn-icon{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.animation-drawer-head .btn-icon:hover{border-color:var(--border);background:var(--surface-soft);color:var(--text)}.animation-category-tabs{border:0;border-right:1px solid var(--border);background:var(--rail);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:64px;min-width:64px;padding:12px 0;display:flex;overflow:visible}.animation-category-tabs button{width:48px;height:52px;color:var(--text-soft);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:600;display:flex;overflow:visible}.animation-category-tabs button svg{flex:none}.animation-category-tabs button:hover{background:var(--lane);color:var(--text)}.animation-category-tabs button.active,.animation-category-tabs button.is-active,.animation-category-tab.is-active,.animation-category-tabs button[aria-selected=true]{background:var(--purple-soft);color:var(--purple)}.editor-sheet-handle{display:none}.editor-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;margin:0 0 8px -4px;padding:4px 8px 4px 4px;font-size:13px;font-weight:600;display:inline-flex}.editor-back-btn:hover{background:var(--lane);color:var(--text)}.editor-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:0 0 8px;font-size:11px;font-weight:700}.editor-layer-section{flex-direction:column;min-width:0;display:flex}.editor-layer-rows{flex-direction:column;gap:8px;display:flex}.editor-layer-row{border:1px solid var(--border);background:var(--card);width:100%;height:36px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 4px 0 12px;font-size:12px;display:flex}.editor-layer-row:hover{border-color:var(--purple-border)}.editor-layer-row b{flex:none;font-weight:600}.editor-layer-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;overflow:hidden}.editor-layer-badge{background:var(--lane);color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.editor-layer-dot{background:var(--purple-soft);width:20px;height:20px;color:var(--purple);border-radius:6px;flex:none;place-items:center;display:grid}.editor-layer-more{width:28px;height:28px;color:var(--text-muted);pointer-events:none;place-items:center;display:grid}.editor-edit-summary{border:1px solid var(--border);background:var(--card);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.effect-picker{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.effect-picker-trigger{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.effect-picker-trigger>div{flex:auto;min-width:0}.effect-picker-chevron{color:var(--text-muted);flex:none;margin-left:auto;transition:transform .15s}.effect-picker-chevron.is-open{transform:rotate(180deg)}.effect-picker-menu{border:1px solid var(--border);background:var(--card);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;border-radius:12px;max-height:280px;padding:8px;overflow:hidden auto}.effect-picker-menu .element-library-chips{margin-bottom:8px}.effect-picker-menu .animation-grid--effect{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.editor-edit-summary-preview{background:linear-gradient(#3d4a59 0%,#2b3440 100%);border-radius:10px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.text-customization-panel[aria-label=Element\ customization] .editor-edit-summary-preview{color:#171412;background:#fff8f1;border:1px solid #17141214}.editor-edit-summary b{font-size:14px;font-weight:600;display:block}.editor-edit-summary span{color:var(--text-muted);font-size:12px}.editor-color-input{border:1px solid var(--border-strong);background:var(--field);cursor:pointer;border-radius:8px;width:100%;height:36px;padding:4px}.editor-color-input::-webkit-color-swatch-wrapper{padding:0}.editor-color-input::-webkit-color-swatch{border:0;border-radius:4px}.background-seg-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.background-seg-row .custom-control-label{margin:0}.editor-seg{background:var(--lane);border-radius:10px;grid-template-columns:1fr 1fr;width:156px;padding:3px;display:grid}.editor-seg button{height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:600}.editor-seg button.is-active{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000001f}.custom-control-label{color:var(--text);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.text-textarea{resize:none;border:1px solid var(--border-strong);background:var(--field);width:100%;height:84px;min-height:84px;color:var(--text);border-radius:10px;padding:12px;font:400 14px/1.4 inherit}.custom-select-wrap select{appearance:none;border:1px solid var(--border-strong);background:var(--field);width:100%;height:36px;color:var(--text);border-radius:8px;padding:0 28px 0 12px;font:500 12.5px inherit}.animation-drawer-toolbar{border-bottom:1px solid var(--border);background:#fffaf6;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px 14px;display:flex}.animation-filters{align-items:center;gap:4px;display:flex}.animation-filters button{height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.animation-filters button:hover{background:#fff7f1}.animation-filters button.active,.animation-filters button.is-active,.animation-filter.is-active,.animation-filters button[aria-selected=true]{border-color:var(--purple-border);background:var(--purple-soft);color:var(--purple-dark)}.animation-search{border:1px solid var(--border);width:min(260px,42%);height:34px;color:var(--text-soft);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.animation-search:focus-within{border-color:#c0b6f2;box-shadow:0 0 0 3px #f26b2114}.animation-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13px}.animation-search input::placeholder{color:#a2a4b4}.animation-search-clear{color:#999baa;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid}.animation-search-clear:hover{color:var(--text);background:#f2f2f6}.animation-drawer-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:auto;align-items:stretch;gap:20px;min-width:0;min-height:0;padding:8px 16px 20px;display:flex;overflow:hidden auto}.animation-drawer-body--text{flex-direction:column;align-items:stretch;gap:12px;width:100%;overflow:hidden auto}.text-animation-section{flex-direction:column;gap:8px;width:100%;min-width:0;margin-top:0;display:flex}.text-animation-section-title{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.text-add-section{flex-direction:column;gap:8px;width:100%;min-width:0;margin-bottom:0;display:flex}.text-add-section-cta{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 6px 16px #f26b2138}.text-add-section-cta:hover{background:var(--purple-dark)}.text-add-action{cursor:pointer;min-height:34px;color:var(--purple-dark);background:linear-gradient(#fff,#fff7f1);border:1px solid #f6d3b8;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #f26b2114}.text-add-action:hover{border-color:#f0c4a4;box-shadow:0 4px 12px #f26b2124}.text-add-action--compact{min-height:32px;padding:0 10px}.inline-text-editor{pointer-events:auto;z-index:40;box-sizing:border-box;background:0 0}.animation-grid,.animation-card-row{flex-flow:wrap;justify-content:flex-start;align-items:stretch;gap:8px;width:100%;min-width:0;height:auto;display:flex}.animation-drawer-body--text .animation-grid,.animation-grid--text{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;padding:0 0 8px;display:grid;overflow:visible}.animation-drawer-body--text .animation-card-shell,.animation-drawer-body--text .animation-card,.animation-grid--text .animation-card-shell,.animation-grid--text .animation-card{flex:none;width:100%;min-width:0;max-width:none;height:64px;min-height:64px}.animation-drawer-body--text .animation-card-preview,.animation-grid--text .animation-card-preview{min-height:36px}.animation-drawer-body--text .animation-card-body,.animation-grid--text .animation-card-body{min-height:16px;padding-top:3px}.animation-drawer-body--text .animation-card-name,.animation-grid--text .animation-card-name{font-size:10.5px}.animation-drawer-body--element .animation-grid,.animation-grid--element{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0;display:grid}.animation-drawer-body--element .animation-card{flex:none;gap:6px;width:100%;min-width:0;height:118px;min-height:118px;padding:6px 6px 7px}.animation-drawer-body--element .animation-card-preview{color:#171412;background:#fff8f1;border:1px solid #17141214;border-radius:8px;width:100%;height:78px;min-height:78px}.animation-drawer-body--element .animation-card-name{color:#171412;font-size:11px;font-weight:650}.element-preview-canvas{width:100%;height:100%;display:block}.element-library-toolbar{flex-direction:column;gap:10px;display:flex}.element-library-search{border:1px solid var(--border-strong);background:var(--field);width:100%;height:36px;color:var(--text);border-radius:10px;padding:0 12px}.element-library-search:focus{border-color:var(--purple);outline:0;box-shadow:0 0 0 3px #f26b2124}.element-library-search::placeholder{color:var(--text-soft)}.element-library-chips{flex-wrap:wrap;gap:6px;display:flex}.element-library-chip{border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:650}.element-library-chip:hover{border-color:var(--purple-border);color:var(--text)}.element-library-chip.is-active{border-color:var(--purple);background:var(--purple-soft);color:var(--purple-dark)}.element-preview-svg{width:48px;height:36px;display:block}.animation-drawer-body--effect .element-library-chips{margin-bottom:10px}.animation-drawer-body--effect .animation-grid,.animation-grid--effect{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.animation-drawer-body--effect .animation-card,.animation-card--effect{background:#12151c;border:0;flex:none;justify-content:stretch;gap:0;width:100%;min-width:0;height:92px;min-height:92px;padding:0}.animation-drawer-body--effect .animation-card-preview,.animation-card--effect .animation-card-preview{border-radius:10px;height:auto;min-height:0;position:absolute;inset:0}.animation-drawer-body--effect .animation-card-body,.animation-card--effect .animation-card-body{z-index:1;background:linear-gradient(#0000,#080a0ec7);min-height:28px;padding:18px 6px 7px;position:absolute;bottom:0;left:0;right:0}.animation-drawer-body--effect .animation-card-name,.animation-card--effect .animation-card-name,.animation-card--effect.animation-card--selected .animation-card-name{color:#fff;text-shadow:0 1px 2px #00000073;font-size:11px;font-weight:700}@media (hover:hover){.animation-drawer-body--effect .animation-card:hover,.animation-card--effect:hover{background:#12151c;border-color:#0000}}.animation-drawer-body--effect .animation-card.animation-card--selected,.animation-card--effect.animation-card--selected{border:1.5px solid var(--purple);background:#12151c}.animation-card-shell{flex:none;width:100%;height:84px;position:relative}.animation-card-shell .animation-card{width:100%;height:100%}.animation-card-remove{z-index:2;color:#8b8ca0;cursor:pointer;background:#fffffff5;border:1px solid #fff3ea;border-radius:999px;place-items:center;width:20px;height:20px;padding:0;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 2px 6px #f26b211a}.animation-card-remove:hover{color:var(--purple-dark);background:#fff;border-color:#f6d3b8;box-shadow:0 3px 8px #f26b2129}.text-add-empty{width:100%;padding:0;display:flex}.text-add-hero-card{background:radial-gradient(circle at 18% 18%,#ffb05c2e,#0000 36%),radial-gradient(circle at 92% 12%,#ba96ff38,#0000 34%),radial-gradient(circle at 78% 88%,#c4a8ff47,#0000 40%),linear-gradient(#fff8f2 0%,#fff 68%);border:1px solid #f8e4d4;border-radius:18px;grid-template-columns:minmax(0,.92fr) minmax(140px,1.08fr);align-items:center;gap:4px;width:100%;min-height:176px;padding:18px 8px 14px 18px;display:grid;position:relative;overflow:visible}.text-add-hero-art{justify-content:flex-end;align-items:center;width:100%;min-height:148px;padding:0;display:flex;position:relative}.text-add-hero-title span{width:max-content;color:var(--purple);display:block;position:relative}.text-add-hero-spark{width:22px;height:22px;margin-left:4px;position:absolute;top:2px;left:100%}.text-add-illustration-svg{width:100%;max-width:230px;height:auto;display:block;overflow:visible}.text-add-illustration-float{transform-origin:175px 45px;animation:3.2s ease-in-out infinite text-add-float}.text-add-illustration-character{transform-origin:104px 96px;animation:3.2s ease-in-out infinite text-add-bob}@keyframes text-add-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes text-add-bob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.text-add-hero-copy{z-index:1;text-align:left;flex-direction:column;gap:8px;width:100%;max-width:168px;display:flex;position:relative}.text-add-hero-title{color:#1d2030;letter-spacing:-.04em;margin:0;font-size:20px;font-weight:800;line-height:1.12}.text-add-hero-subtitle{color:#6b6d80;margin:0;font-size:12px;font-weight:500;line-height:1.45}.text-add-cta{background:linear-gradient(180deg, #ff8a3d 0%, var(--purple) 55%, var(--purple-dark) 100%);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:42px;padding:0 18px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff47,0 10px 22px #f26b2147}.text-add-cta:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 12px 26px #f26b2157}.text-add-cta:active{transform:translateY(0)}.text-add-cta-label{letter-spacing:-.01em;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.text-add-cta-spark{color:#ffe27a;opacity:.95;filter:drop-shadow(0 0 4px #ffe27a73);position:absolute;top:50%;transform:translateY(-50%)}.text-add-cta-spark--left{left:14px}.text-add-cta-spark--right{right:14px}.text-edit-empty{width:100%;padding:8px 2px 4px}.text-edit-empty p{color:var(--text-muted);margin:0;font-size:11px;font-weight:600;line-height:1.4}.animation-card{border:1px solid var(--border);background:var(--card);width:100%;height:64px;min-height:64px;box-shadow:none;cursor:pointer;text-align:center;color:var(--text-muted);border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 4px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.animation-card:hover{border-color:var(--purple-border);background:var(--card);box-shadow:none;transform:none}}.animation-card:active{background:var(--purple-soft);border-color:var(--purple-border);transform:none}.animation-card.selected,.animation-card.animation-card--selected,.animation-card[aria-selected=true],.animation-card[aria-pressed=true]{border-color:var(--purple);background:var(--purple-soft);box-shadow:none;color:var(--purple)}.animation-card--effect.animation-card--selected,.animation-card--effect[aria-pressed=true]{border:1.5px solid var(--purple);color:#fff;background:#12151c}.animation-card-preview{background:0 0;border-radius:0;place-items:center;height:28px;min-height:28px;display:grid;position:relative;overflow:hidden}.animation-card-preview-label{color:var(--text-soft);text-align:center;padding:0 8px;font-size:11px;font-weight:600}.animation-card-preview video,.animation-card-preview canvas,.animation-card-preview svg{max-width:100%;max-height:100%}.animation-card-body{justify-content:center;align-items:center;min-height:18px;padding:4px 1px 0;display:flex}.animation-card-name{color:var(--text-muted);letter-spacing:-.01em;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.2}.animation-card.selected .animation-card-name,.animation-card--selected .animation-card-name{color:var(--purple-dark);font-weight:800}.text-preview-stage{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.text-preview-ghost,.text-preview-label{letter-spacing:-.04em;grid-area:1/1;font-size:20px;font-weight:800;line-height:1}.text-preview-ghost{color:#2e314429}.text-preview-label{color:#1d2030}.text-preview-caret{color:#1d2030;margin-left:1px;font-weight:500;animation:1s step-end infinite text-caret-blink;display:inline-block}@keyframes text-caret-blink{50%{opacity:0}}.text-preview-highlight{background:#f26b2147;border-radius:4px;height:16px;position:absolute;left:22%}.element-preview-stage{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.element-preview-motion{transform-origin:50%;place-items:center;width:100%;height:100%;display:grid}.element-preview-arrow{background:var(--purple);transform-origin:0;border-radius:999px;width:54px;height:5px;position:relative}.element-preview-arrow:after{border-top:5px solid var(--purple);border-right:5px solid var(--purple);content:"";width:17px;height:17px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.element-preview-circle{border:5px solid var(--purple);border-radius:50%;width:48px;height:48px}.element-preview-highlight-bar{transform-origin:0;background:#f26b2159;border-radius:7px;width:62px;height:24px}.element-preview-box{border:3px solid var(--purple);border-radius:4px;width:42px;height:28px}.element-preview-underline{background:var(--purple);border-radius:999px;width:54px;height:5px;margin-top:18px}.element-preview-spotlight{background:#f26b2147;border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 3px #f26b2173}.element-preview-curved-arrow{border:4px solid var(--purple);border-color:var(--purple) var(--purple) transparent transparent;border-radius:0 22px 0 0;width:42px;height:22px;position:relative;transform:rotate(18deg)}.element-preview-curved-arrow:after{border-top:4px solid var(--purple);border-right:4px solid var(--purple);content:"";width:10px;height:10px;position:absolute;top:-7px;right:-5px;transform:rotate(48deg)}.element-preview-pointer{border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:28px solid var(--purple);width:0;height:0}.element-preview-check{border-left:4px solid var(--purple);border-bottom:4px solid var(--purple);width:18px;height:10px;margin-bottom:6px;transform:rotate(-40deg)}.element-preview-cross{width:22px;height:22px;position:relative}.element-preview-cross:before,.element-preview-cross:after{background:var(--purple);content:"";border-radius:999px;width:4px;height:18px;position:absolute;top:2px;left:9px}.element-preview-cross:before{transform:rotate(45deg)}.element-preview-cross:after{transform:rotate(-45deg)}.element-preview-burst{background:linear-gradient(var(--purple), var(--purple)) center / 4px 100% no-repeat, linear-gradient(var(--purple), var(--purple)) center / 100% 4px no-repeat, linear-gradient(45deg, transparent 44%, var(--purple) 44%, var(--purple) 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--purple) 44%, var(--purple) 56%, transparent 56%);width:28px;height:28px}.element-preview-line{background:var(--purple);border-radius:999px;width:54px;height:5px}.element-preview-stage.is-active .element-preview-curved-arrow,.element-preview-stage.is-active .element-preview-pointer,.element-preview-stage.is-active .element-preview-check,.element-preview-stage.is-active .element-preview-cross,.element-preview-stage.is-active .element-preview-burst,.element-preview-stage.is-active .element-preview-line{animation:1.8s ease-in-out infinite element-preview-circle}.element-preview-stage.is-active .element-preview-underline{animation:1.8s ease-in-out infinite element-preview-highlight}.element-preview-stage.is-active .element-preview-spotlight{animation:1.8s ease-in-out infinite element-preview-circle}.element-preview-stage.is-active .element-preview-arrow{animation:1.8s ease-in-out infinite element-preview-arrow}.element-preview-stage.is-active .element-preview-circle{animation:1.8s ease-in-out infinite element-preview-circle}.element-preview-stage.is-active .element-preview-highlight-bar{animation:1.8s ease-in-out infinite element-preview-highlight}@keyframes element-preview-arrow{0%,12%{opacity:0;transform:translate(-12px)scaleX(.3)}35%,80%{opacity:1;transform:translate(0)scaleX(1)}to{opacity:0;transform:translate(8px)scaleX(1)}}@keyframes element-preview-circle{0%,12%{opacity:0;transform:scale(.45)}38%{opacity:1;transform:scale(1.08)}55%,82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes element-preview-highlight{0%,12%{opacity:0;transform:scaleX(0)}42%,82%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.effect-preview-stage{background:#12151c;width:100%;height:100%;display:block;position:relative;overflow:hidden}.effect-preview-photo{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.effect-preview-look-fx{pointer-events:none;position:absolute;inset:0}.effect-preview-stage--golden-hour .effect-preview-photo{filter:contrast(1.05)saturate(1.07)brightness(1.05)}.effect-preview-stage--golden-hour .effect-preview-look-fx{mix-blend-mode:screen;opacity:.72;background:radial-gradient(80% 70% at 78% 12%,#ffe8ba6b,#ffc48029 38%,#0000 72%),radial-gradient(52% 46% at 28% 82%,#ffd2a01f,#0000 72%)}.effect-preview-stage--letterbox .effect-preview-look-fx{background:linear-gradient(#000,#000) top/100% 14% no-repeat,linear-gradient(#000,#000) bottom/100% 14% no-repeat}.effect-preview-stage--light-leak .effect-preview-look-fx{mix-blend-mode:screen;background:linear-gradient(118deg,#0000 32%,#ffc48c47 44%,#ffd6a08c 50%,#ffb0783d 56%,#0000 68%)}.effect-preview-stage--teal-orange .effect-preview-photo{filter:contrast(1.16)saturate(1.08)}.effect-preview-stage--teal-orange .effect-preview-look-fx{background-blend-mode:multiply, screen;background:linear-gradient(#0000 28%,#08566073 100%),radial-gradient(70% 55% at 72% 18%,#ff843066,#0000 70%)}.effect-preview-stage--neon-nights .effect-preview-photo{filter:brightness(.9)contrast(1.24)saturate(1.42)}.effect-preview-stage--neon-nights .effect-preview-look-fx{mix-blend-mode:screen;background:radial-gradient(62% 58% at 16% 30%,#ff24a894,#0000 72%),radial-gradient(64% 58% at 86% 70%,#00ecff85,#0000 72%)}.effect-preview-stage--anamorphic-flare .effect-preview-look-fx{mix-blend-mode:screen;background:linear-gradient(#0000 40%,#ffd2a047 42%,#0000 44%),radial-gradient(34% 12% at 58% 42%,#ffecd2b8,#ffb06e6b 22%,#50c8ff38 48%,#0000 70%)}.effect-preview-stage--retro-tv .effect-preview-photo{filter:saturate(.65)contrast(1.12)}.effect-preview-stage--retro-tv .effect-preview-look-fx{background:repeating-linear-gradient(#00000052 0 1px,#0000 1px 3px)}.effect-preview-stage--bleach-bypass .effect-preview-photo{filter:saturate(.48)contrast(1.42)brightness(1.04)}.effect-preview-stage--bleach-bypass .effect-preview-look-fx{mix-blend-mode:multiply;opacity:.18;background:#bcccd6}.effect-preview-stage--vintage-fade .effect-preview-photo{filter:sepia(.38)saturate(.78)brightness(1.06)}.effect-preview-stage--vintage-fade .effect-preview-look-fx{mix-blend-mode:multiply;opacity:.28;background:#764e2a}.effect-preview-stage--cross-process .effect-preview-photo{filter:contrast(1.12)saturate(1.06)brightness(1.02)}.effect-preview-stage--cross-process .effect-preview-look-fx{background-blend-mode:multiply, screen;background:linear-gradient(#0000 18%,#1260528c 100%),radial-gradient(70% 55% at 68% 16%,#d64e946b,#0000 70%)}.editor-edit-summary-preview .effect-preview-stage{border-radius:8px;width:100%;height:100%}.effect-preview-stage--pulse .effect-preview-photo{animation:.9s ease-in-out infinite effect-preview-scale-pulse}.effect-preview-stage--shake .effect-preview-photo{animation:.28s linear infinite effect-preview-shake}.effect-preview-stage--zoom-in .effect-preview-photo{animation:1.2s ease-in-out infinite effect-preview-zoom-in}.effect-preview-stage--zoom-out .effect-preview-photo{animation:1.2s ease-in-out infinite effect-preview-zoom-out}.effect-preview-stage--flicker .effect-preview-photo{animation:.26s steps(2,end) infinite effect-preview-flicker}@keyframes effect-preview-scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes effect-preview-shake{0%,to{transform:translate(-2px,1px)}25%{transform:translate(2px,-1px)}50%{transform:translate(-1.5px,1.5px)}75%{transform:translate(1.5px,-1px)}}@keyframes effect-preview-zoom-in{0%{transform:scale(1)}70%,to{transform:scale(1.18)}}@keyframes effect-preview-zoom-out{0%{transform:scale(1.16)}70%,to{transform:scale(1)}}@keyframes effect-preview-flicker{0%,49%{opacity:1}50%,to{opacity:.35}}.animation-recent-hint{color:var(--text-soft);padding:8px 14px 10px;font-size:10px}.recent-animations,.animation-recent-list{gap:10px;width:max-content;min-width:100%;display:flex}.recent-animation,.recent-animation-card{flex:0 0 142px}.animation-recent-empty{width:100%;min-height:120px;color:var(--text-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.animation-recent-empty p{color:var(--text-muted);margin:0;font-size:13px;font-weight:700}.animation-recent-empty span{font-size:12px}.animation-empty{width:100%;min-height:120px;color:var(--text-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.animation-empty strong{color:var(--text-muted);font-size:13px}.animation-empty span{font-size:12px}.editor-header{grid-area:1/1/auto/-1}.editor-main{grid-row:2;min-height:0}.editor-bottom{grid-area:3/1/auto/-1}.editor>.dialog-backdrop,.editor>.confirm-dialog-backdrop{grid-area:1/1;position:fixed;inset:0}.editor .toast{z-index:200}@media (width<=900px){.editor-header{padding:0 16px}.editor-preview-area,.editor--has-rail .editor-preview-area,.editor--drawer-open .editor-preview-area{padding:16px}.timeline{padding:8px 16px 10px 12px}}@media (width<=760px){.editor{--tl-h:132px;grid-template-rows:56px minmax(0, 1fr) var(--sheet-h) var(--tl-h) 64px;height:100dvh;min-height:0;overflow:hidden}.editor[data-sheet=peek]{--sheet-h:min(220px, 32dvh)}.editor[data-sheet=expanded]{--sheet-h:min(420px, 48dvh)}.editor[data-sheet=closed]{--sheet-h:0px}.editor-header{gap:8px;height:56px;padding:0 12px}.editor-desktop-only,.header-text-btn .header-btn-label,.header-preview-btn .header-btn-label{display:none!important}.editor .logo{font-size:16px}.header-text-btn,.header-preview-btn,.header-export-btn{gap:0;height:36px;padding:0 8px}.header-preview-btn{border:0;margin-left:0;padding:0 8px}.header-export-btn{margin-left:4px;padding:0 12px}.editor-main,.editor--has-rail .editor-main,.editor--has-rail.editor--drawer-open .editor-main{grid-row:auto;display:contents}.editor-header,.editor-preview-area,.animation-drawer-panel,.editor-bottom,.animation-category-tabs{grid-column:1/-1}.editor-preview-area,.editor--has-rail .editor-preview-area,.editor--drawer-open .editor-preview-area{background:var(--stage);border-left:0;grid-row:2;min-height:0;padding:8px 12px}.editor-stage{align-content:center}.preview-shell{width:min(100cqw, calc(100cqh * var(--preview-arn,1.7778)));border-radius:12px;max-height:min(38dvh,100%)}.preview-controls{gap:8px;height:32px;min-height:32px;padding:0 8px}.animation-drawer,.animation-drawer--rail-only,.animation-drawer--collapsed{display:contents}.animation-category-tabs{border-right:0;border-top:1px solid var(--border);background:var(--rail);flex-direction:row;grid-row:5;justify-content:space-around;align-items:stretch;gap:8px;width:100%;min-width:0;height:64px;padding:8px 16px}.animation-category-tabs button{flex:1;width:auto;height:48px}.editor-sheet-handle{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:100%;height:20px;display:grid}.editor-sheet-handle i{background:var(--border-strong);border-radius:999px;width:36px;height:4px}.animation-drawer-panel{z-index:40;width:auto;min-width:0;max-width:none;height:var(--sheet-h);border-right:0;border-top:1px solid var(--border-strong);border-radius:16px 16px 0 0;grid-row:3;transition:height .25s;position:relative;bottom:auto;left:auto;right:auto;overflow:hidden;box-shadow:0 -8px 24px #0000001a}.editor[data-sheet=closed] .animation-drawer-panel{visibility:hidden;border-top:0}.animation-drawer-head{padding:4px 16px 8px}.animation-drawer-title,.text-panel-head h3{font-size:18px}.animation-drawer-body,.animation-drawer-body--text,.text-panel-body{padding:8px 16px 16px}.animation-grid--element,.animation-grid--effect,.animation-grid--text,.animation-drawer-body--element .animation-grid,.animation-drawer-body--effect .animation-grid,.animation-drawer-body--text .animation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.animation-card,.animation-drawer-body--text .animation-card,.animation-grid--text .animation-card,.animation-drawer-body--element .animation-card{flex:none;width:100%;height:64px;min-height:64px}.animation-drawer-body--effect .animation-card,.animation-card--effect{height:92px;min-height:92px}.text-customization-panel{width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;position:relative;inset:auto}.editor-bottom{z-index:45;border-radius:0;grid-row:4;width:100%;margin:0;position:relative}.timeline{padding:6px 12px 8px 8px}.timeline-board{grid-template-columns:44px minmax(0,1fr);column-gap:6px}.track-label{font-size:10px}.filmstrip,.track-label--video{height:24px}.timeline-gutter{padding-top:16px}.text-typography-row{grid-template-columns:1fr 1fr}.text-typography-row .text-control:last-child{grid-column:1/-1}}@media (width<=480px){.header-export-btn .header-btn-label{display:none}.preview-controls{gap:6px}}.editor.editor--theme-dark{--editor-bg:#12151a;--header:#1c2127;--rail:#1a1f25;--panel:#1c2229;--stage:#0b0d10;--timeline:#1c2127;--surface:#232a32;--surface-soft:#2b333c;--card:#2b333c;--field:#14181d;--lane:#232a32;--border:#3d4650;--border-strong:#525c68;--text:#f7f8f9;--text-muted:#c5ccd3;--text-soft:#9aa3ad;--purple-soft:#f26b2138;--purple-border:#f26b21b3;--shadow-m:0 12px 32px #00000073;--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c5ccd3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.editor--theme-dark .editor-header{background:var(--header);border-bottom:1px solid var(--border-strong)}.editor--theme-dark .header-preview-btn,.editor--theme-dark .editor-header .header-more-btn,.editor--theme-dark .overflow-menu,.editor--theme-dark .header-theme-toggle:hover{background:var(--card);border-color:var(--border-strong);color:var(--text)}.editor--theme-dark .overflow-menu button{color:var(--text)}.editor--theme-dark .overflow-menu button:hover{background:var(--purple-soft);color:#ffd7bd}.editor--theme-dark .animation-drawer-panel,.editor--theme-dark .text-customization-panel{background:var(--panel);border-color:var(--border-strong)}.editor--theme-dark .animation-drawer-head,.editor--theme-dark .animation-drawer-toolbar,.editor--theme-dark .text-customization-panel .text-panel-head,.editor--theme-dark .text-panel-foot{background:var(--header);border-color:var(--border)}.editor--theme-dark .editor-preview-area{background:var(--stage);box-shadow:inset 0 0 0 1px #ffffff0a}.editor--theme-dark .editor-bottom{background:var(--timeline);border-color:var(--border-strong);box-shadow:none}.editor--theme-dark .add-animation-bar,.editor--theme-dark .add-animation{background:var(--header);border-color:var(--border)}.editor--theme-dark .filmstrip,.editor--theme-dark .text-track-container,.editor--theme-dark .text-track-lanes,.editor--theme-dark .animation-track,.editor--theme-dark .element-track-container,.editor--theme-dark .element-track-lanes,.editor--theme-dark .animation-track--element,.editor--theme-dark .effect-track-container,.editor--theme-dark .effect-track-lanes{background:var(--lane)}.editor--theme-dark .thumb-fallback{background:repeating-linear-gradient(90deg,#32383e 0 18px,#272b30 18px 36px)}.editor--theme-dark .filmstrip img,.editor--theme-dark .filmstrip .thumb-fallback{border-right-color:#ffffff14}.editor--theme-dark .timeline-anim-block.is-selected,.editor--theme-dark .timeline-animation.is-selected{box-shadow:inset 0 0 0 2px #fff}.editor--theme-dark .text-input,.editor--theme-dark .text-textarea,.editor--theme-dark .custom-select-wrap select,.editor--theme-dark .custom-color-trigger,.editor--theme-dark .animation-search,.editor--theme-dark .animation-card,.editor--theme-dark .editor-file-name input,.editor--theme-dark .text-panel-foot .btn-ghost,.editor--theme-dark .text-customization-panel .text-size-input-wrap input{background:var(--card);border-color:var(--border-strong);color:var(--text)}.editor--theme-dark .animation-card{background:#313942;border-color:#4a5460}.editor--theme-dark .animation-card-preview{background:#3a4450}.editor--theme-dark .animation-drawer-body--element .animation-card-preview,.editor--theme-dark .text-customization-panel[aria-label=Element\ customization] .editor-edit-summary-preview{background:#fff8f1;border-color:#17141214}.editor--theme-dark .animation-card-name,.editor--theme-dark .editor-section-label,.editor--theme-dark .custom-control-label,.editor--theme-dark .slider-head{color:var(--text)}.editor--theme-dark .text-preview-label{color:#f7f8f9}.editor--theme-dark .text-preview-ghost{color:#f7f8f938}.editor--theme-dark .animation-card:hover,.editor--theme-dark .animation-card:active{border-color:var(--purple-border);background:#3a4450}.editor--theme-dark .animation-card.selected,.editor--theme-dark .animation-card.animation-card--selected,.editor--theme-dark .animation-card[aria-selected=true],.editor--theme-dark .animation-card[aria-pressed=true]{background:#f26b2133;border-color:#f26b21}.editor--theme-dark .animation-card.selected .animation-card-name,.editor--theme-dark .animation-card.animation-card--selected .animation-card-name,.editor--theme-dark .animation-card[aria-pressed=true] .animation-card-name{color:#ffd7bd}.editor--theme-dark .animation-category-tabs{background:var(--rail);border-color:var(--border-strong)}.editor--theme-dark .animation-category-tabs button:hover,.editor--theme-dark .animation-filters button:hover{background:var(--card);color:var(--text)}.editor--theme-dark .text-add-action{background:var(--card);border-color:var(--border-strong);color:var(--text);box-shadow:none}.editor--theme-dark .text-input:focus,.editor--theme-dark .text-textarea:focus,.editor--theme-dark .custom-select-wrap select:focus,.editor--theme-dark .animation-search:focus-within,.editor--theme-dark .text-customization-panel .text-size-input-wrap input:focus{border-color:#f26b21}.editor--theme-dark .text-section-title,.editor--theme-dark .text-control label,.editor--theme-dark .custom-color-value,.editor--theme-dark .animation-search input::placeholder,.editor--theme-dark .animation-search-clear{color:var(--text-muted)}.editor--theme-dark .text-preset-block{background:var(--field);border-color:var(--border)}.editor--theme-dark .text-section-toggle{background:var(--purple-soft);border-color:var(--purple-border)}.editor--theme-dark .editor-seg{background:var(--lane)}.editor--theme-dark .editor-seg button.is-active{background:var(--card);color:var(--text)}.editor--theme-dark .editor-layer-row{background:var(--card);border-color:var(--border-strong);color:var(--text)}.editor--theme-dark .text-swatch{border-color:var(--border-strong);background:var(--field)}.editor--theme-dark .text-customization-panel::-webkit-scrollbar-thumb{background:#5a6570}.editor--theme-dark .text-track-container::-webkit-scrollbar-thumb{background:#5a6570}.editor--theme-dark .element-track-container::-webkit-scrollbar-thumb{background:#5a6570}.editor--theme-dark .dialog-backdrop{background:#0c0e11c7}.editor--theme-dark .dialog{background:var(--panel);border-color:var(--border-strong);color:var(--text)}.editor--theme-dark .dialog p{color:var(--text-muted)}.home{--home-bg:#fffaf6;--home-surface:#fff;--home-text:#171412;--home-muted:#6b645e;--home-soft:#9a918a;--home-accent:#f26b21;--home-accent-hover:#e35d14;--home-border:#f0e7de;--home-max:1120px;--home-nav-h:64px;background:radial-gradient(720px 380px at 92% -8%, #f26b211f, transparent 58%), radial-gradient(520px 280px at 8% 0%, #ffb0781a, transparent 55%), var(--home-bg);min-height:100svh;color:var(--home-text);overflow-x:clip}.home .logo{letter-spacing:-.04em;align-items:center;gap:4px;font-size:20px;font-weight:750}.logo-wordmark{letter-spacing:inherit}.home .logo-accent{color:#f26b21}.home .logo-mark{width:46px;height:46px}.home-nav{z-index:30;height:var(--home-nav-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf6e6;border-bottom:1px solid #f0e7decc;position:sticky;top:0}.home-nav-inner{width:min(var(--home-max), calc(100% - 48px));grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:100%;margin:0 auto;display:grid}.home-nav-links{justify-content:center;align-items:center;gap:4px;display:flex}.home-nav-links a{color:var(--home-muted);padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.home-nav-links a:hover{color:var(--home-text)}.home-nav-actions{align-items:center;gap:8px;display:flex}.home-menu-btn,.menu-panel{display:none}.home-nav-cta{min-height:36px;padding:8px 16px;font-size:13px;box-shadow:0 6px 16px #f26b212e}.home-btn{letter-spacing:-.02em;color:var(--home-text);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .16s;display:inline-flex}.home-btn-primary{background:var(--home-accent);color:#fff;box-shadow:0 8px 20px #f26b2138}.home-btn-primary:hover{background:var(--home-accent-hover)}.home-btn-lg{border-radius:999px;min-height:48px;padding:13px 22px;font-size:15px}.home-menu-btn{border:1px solid var(--home-border);width:40px;height:40px;color:var(--home-text);background:#fff;border-radius:12px;place-items:center}.hero,.home-section,.privacy-strip,.final-cta-card,.home-footer-inner{width:min(var(--home-max), calc(100% - 48px));margin-left:auto;margin-right:auto}.hero{width:min(1180px,100% - 48px);scroll-margin-top:calc(var(--home-nav-h) + 12px);padding:56px 0 48px;position:relative}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:28px 40px;display:grid}.hero-kicker{color:var(--home-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.hero h1,.home-section h2,.privacy-strip h2,.final-cta-card h2{letter-spacing:-.05em;margin:0;font-weight:800;line-height:1.05}.hero h1{letter-spacing:-.06em;color:#111;font-size:clamp(46px,5.6vw,68px);line-height:.96}.hero h1 span,.examples h2 span,.features h2 span,.how-it-works h2 span,.final-cta-card h2 span{color:var(--home-accent);position:relative}.hero h1 span:after{display:none}.hero-pop-mark{pointer-events:none;background:linear-gradient(var(--home-accent), var(--home-accent)) center / 1.6px 100% no-repeat, linear-gradient(var(--home-accent), var(--home-accent)) center / 100% 1.6px no-repeat;width:8px;height:8px;font-style:normal;display:block;position:absolute}.hero-pop-mark--1{top:6px;right:-14px}.hero-pop-mark--2{top:-5px;right:-4px;transform:scale(.62)rotate(18deg)}.hero-pop-mark--3{top:20px;right:-18px;transform:scale(.5)rotate(-22deg)}.hero-lead{letter-spacing:-.04em;color:#1a1a1a;margin:18px 0 8px;font-size:clamp(20px,2.2vw,26px);font-weight:750}.hero-copy,.section-lead{color:var(--home-muted);margin:0;font-size:15px;line-height:1.6}.hero-copy{max-width:430px;margin-bottom:24px}.hero .home-btn-lg{background:linear-gradient(#ff8a3d,#f26b21);min-height:52px;padding:14px 26px;font-size:16px;box-shadow:0 10px 22px #f26b2147}.hero-cta-note{color:var(--home-soft);margin:8px 0 0;font-size:12px;font-weight:600;line-height:1.4}.hero-trust{color:var(--home-muted);flex-wrap:wrap;gap:16px 20px;margin:18px 0 0;padding:0;font-size:13px;font-weight:650;list-style:none;display:flex}.hero-trust li{align-items:center;gap:7px;display:inline-flex}.hero-trust svg{color:var(--home-accent)}.hero-visual{min-width:0;position:relative}.hero-editor{--hero-demo:10s;width:100%;padding:12px 8px 8px 0;position:relative}.hero-editor-arc{pointer-events:none;border:2px solid #f26b2129;border-radius:50%;position:absolute}.hero-editor-arc--1{width:340px;height:340px;top:-70px;right:-80px}.hero-editor-arc--2{border-color:#f26b211a;width:460px;height:460px;top:-90px;right:-140px}.hero-editor-laptop{z-index:1;filter:drop-shadow(0 28px 50px #2c1c1029);position:relative;transform:rotate(-1.5deg)}.hero-editor-lid{background:linear-gradient(#eceff4 0%,#cfd4dc 100%);border-radius:22px 22px 10px 10px;padding:10px 10px 8px;box-shadow:inset 0 1px #ffffffb3}.hero-editor-screen{background:#14161c;border-radius:12px;overflow:hidden}.hero-editor-base{background:linear-gradient(#d7dbe2 0%,#b7bcc6 100%);border-radius:0 0 18px 18px;height:14px;margin:0 10%}.hero-editor-header{background:#1a1d24;justify-content:space-between;align-items:center;height:46px;padding:0 14px;display:flex}.hero-editor-header-left{align-items:center;gap:8px;display:flex}.hero-editor-logo-mark{object-fit:contain;flex-shrink:0;width:22px;height:22px;display:block}.hero-editor-brand{color:#fff;letter-spacing:-.04em;font-size:13px;font-weight:800}.hero-editor-brand-accent{color:var(--home-accent)}.hero-editor-export{background:var(--home-accent);color:#fff;border-radius:8px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.hero-editor-body{background:#14161c;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:0 10px 10px 8px;display:grid}.hero-editor-rail{flex-direction:column;gap:8px;padding-top:8px;display:flex}.hero-editor-rail-item{color:#c5c8d0;background:#2a2e38;border-radius:14px;justify-items:center;gap:4px;min-height:56px;padding:10px 6px 8px;font-size:10px;font-weight:700;display:grid}.hero-editor-rail-item svg{color:currentColor}.hero-editor-rail-item--text{background:var(--home-accent);color:#fff;animation:heroEditorTabText var(--hero-demo) linear infinite}.hero-editor-rail-item--elements{animation:heroEditorTabElements var(--hero-demo) linear infinite}.hero-editor-rail-item--effects{animation:heroEditorTabEffects var(--hero-demo) linear infinite}.hero-editor-canvas{aspect-ratio:16/10;background:#1b1712;border-radius:10px;position:relative;overflow:hidden}.hero-editor-frame{object-fit:cover;object-position:center 58%;width:100%;height:100%;animation:heroEditorFrameBase var(--hero-demo) linear infinite;display:block}.hero-editor-video-fx{z-index:1;pointer-events:none;opacity:0;animation:heroEditorVideoFxShell var(--hero-demo) linear infinite;position:absolute;inset:0}.hero-editor-frame--fx-after{filter:contrast(1.14)saturate(1.1)brightness(1.06);clip-path:inset(0 0 0 50%);animation:heroEditorFxSplit var(--hero-demo) linear infinite;position:absolute;inset:0}.hero-editor-video-fx-glow{mix-blend-mode:screen;opacity:0;animation:heroEditorFxGlow var(--hero-demo) linear infinite;background:radial-gradient(72% 58% at 76% 24%,#f26b2166,#0000 64%),radial-gradient(48% 42% at 20% 80%,#ff9a4d29,#0000 72%);position:absolute;inset:0}.hero-editor-video-fx-rays{mix-blend-mode:screen;opacity:0;animation:heroEditorFxRays var(--hero-demo) linear infinite;background:linear-gradient(118deg,#0000 36%,#ffb0781f 43%,#f26b2142 50%,#ffb0781a 57%,#0000 64%);position:absolute;inset:-18% -8%}.hero-editor-video-fx-divider{opacity:0;width:2px;animation:heroEditorFxDivider var(--hero-demo) linear infinite;background:#ffffffe0;border-radius:999px;position:absolute;top:8%;bottom:14%;left:50%;transform:translate(-50%);box-shadow:0 0 10px #f26b2152}.hero-editor-scene{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-editor-demo-text{color:#fff;letter-spacing:-.06em;white-space:nowrap;text-shadow:0 8px 22px #17141261;animation:heroEditorText var(--hero-demo) linear infinite;margin:0;font-size:clamp(34px,4.8vw,52px);font-weight:800;line-height:1;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hero-editor-demo-text span{color:var(--home-accent)}.hero-editor-pop-mark{width:8px;height:8px;animation:heroEditorPopMarks var(--hero-demo) linear infinite;background:linear-gradient(#ff9a4d,#ff9a4d) 50%/1.5px 100% no-repeat,linear-gradient(#ff9a4d,#ff9a4d) 50%/100% 1.5px no-repeat;font-style:normal;display:block;position:absolute}.hero-editor-pop-mark--1{top:-2px;right:-12px}.hero-editor-pop-mark--2{top:-12px;right:4px;transform:scale(.62)rotate(16deg)}.hero-editor-pop-mark--3{top:14px;right:-16px;transform:scale(.5)rotate(-20deg)}.hero-editor-demo-element{width:42px;height:42px;color:var(--home-accent);filter:drop-shadow(0 4px 8px #f26b2159);animation:heroEditorElement var(--hero-demo) linear infinite;position:absolute;top:26%;left:70%}.hero-editor-playback{z-index:3;color:#ffffffc7;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.hero-editor-progress{background:#ffffff2e;border-radius:999px;flex:1;height:3px;overflow:hidden}.hero-editor-progress-fill{border-radius:inherit;background:var(--home-accent);width:28%;height:100%;animation:heroEditorProgress var(--hero-demo) linear infinite;display:block}@keyframes heroEditorText{0%,3%{opacity:0;transform:translate(-50%,-42%)scale(.78)}8%{opacity:1;transform:translate(-50%,-54%)scale(1.08)}14%,88%{opacity:1;transform:translate(-50%,-50%)scale(1)}96%,to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes heroEditorPopMarks{0%,6%{opacity:0}10%,28%{opacity:1}34%,to{opacity:0}}@keyframes heroEditorElement{0%,32%{opacity:0;transform:translateY(14px)}38%{opacity:1;transform:translate(2px,-8px)}46%,58%{opacity:1;transform:translate(4px,-16px)}64%,to{opacity:0;transform:translate(4px,-20px)}}@keyframes heroEditorTabText{0%,30%{background:var(--home-accent);color:#fff}34%,to{color:#c5c8d0;background:#2a2e38}}@keyframes heroEditorTabElements{0%,30%{color:#c5c8d0;background:#2a2e38}34%,58%{background:var(--home-accent);color:#fff}62%,to{color:#c5c8d0;background:#2a2e38}}@keyframes heroEditorTabEffects{0%,58%{color:#c5c8d0;background:#2a2e38}62%,88%{background:var(--home-accent);color:#fff}92%,to{color:#c5c8d0;background:#2a2e38}}@keyframes heroEditorProgress{0%{width:8%}to{width:86%}}@keyframes heroEditorFrameBase{0%,59%{filter:none}62%,88%{filter:contrast(.97)saturate(.93)brightness(.95)}92%,to{filter:none}}@keyframes heroEditorVideoFxShell{0%,59%{opacity:0}62%,89%{opacity:1}93%,to{opacity:0}}@keyframes heroEditorFxSplit{0%,61%{clip-path:inset(0 0 0 50%)}62%,70%{clip-path:inset(0 0 0 50%)}80%,86%{clip-path:inset(0 0 0 6%)}90%,to{clip-path:inset(0 0 0 50%)}}@keyframes heroEditorFxGlow{0%,61%{opacity:0}64%,86%{opacity:.72}90%,to{opacity:0}}@keyframes heroEditorFxRays{0%,61%{opacity:0;transform:translate(-5%)}64%,86%{opacity:.5;transform:translate(3%)}90%,to{opacity:0;transform:translate(-5%)}}@keyframes heroEditorFxDivider{0%,61%{opacity:0;left:50%}62%,70%{opacity:.9;left:50%}80%,86%{opacity:.9;left:94%}90%,to{opacity:0;left:50%}}@media (prefers-reduced-motion:reduce){.hero-editor-demo-text,.hero-editor-demo-element,.hero-editor-pop-mark,.hero-editor-rail-item,.hero-editor-progress-fill,.hero-editor-frame,.hero-editor-video-fx,.hero-editor-frame--fx-after,.hero-editor-video-fx-glow,.hero-editor-video-fx-rays,.hero-editor-video-fx-divider{animation:none!important}.hero-editor-video-fx{display:none}.hero-editor-frame{filter:none!important}.hero-editor-demo-text{opacity:1;transform:translate(-50%,-50%)}.hero-editor-demo-element{opacity:1}.hero-editor-rail-item--text{background:var(--home-accent);color:#fff}}.hero-demo-window{background:#fff;border:1px solid #eceef5;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px #2c1c100f}.hero-demo-header{background:#fff;border-bottom:1px solid #eceef5;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 14px;display:flex}.hero-demo-header-left,.hero-demo-header-right{align-items:center;gap:10px;min-width:0;display:flex}.hero-demo-logo-mark{object-fit:contain;flex-shrink:0;width:24px;height:24px;display:block}.hero-demo-brand{letter-spacing:-.04em;font-size:13px;font-weight:800}.hero-demo-filename{color:var(--home-muted);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #eceef5;padding-left:10px;font-size:12px;font-weight:650;overflow:hidden}.hero-demo-header-btn{height:32px;color:var(--home-muted);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.hero-demo-header-btn--export{background:var(--home-accent);color:#fff}.hero-demo-body{background:#f4f5fb;grid-template-columns:88px minmax(0,1fr);display:grid}.hero-demo-rail{background:#fbfbfe;border-right:1px solid #eceef5;flex-direction:column;gap:4px;padding:10px 8px;display:flex}.hero-demo-rail-item{height:34px;color:var(--home-muted);border-radius:9px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.hero-demo-rail-item svg{color:var(--home-soft);flex-shrink:0}.hero-demo-rail-item.is-active{color:var(--home-accent);background:#fff3ea}.hero-demo-rail-item.is-active svg{color:var(--home-accent)}.hero-demo-workspace{padding:10px}.hero-demo-canvas,.diff-side,.feature-mini-canvas{background:#111;border-radius:14px;position:relative;overflow:hidden}.video-subject{aspect-ratio:16/10;background:radial-gradient(circle at 72% 18%,#fff4ea59,#0000 42%),linear-gradient(#8f8a84 0%,#6f6a64 38%,#5a5651 100%);position:relative;overflow:hidden}.video-subject-room{position:absolute;inset:0}.video-subject-shelf{background:linear-gradient(#ffffff1f,#ffffff0a);border-radius:8px;width:28%;height:34%;position:absolute;top:10%;left:6%}.video-subject-window{background:linear-gradient(#fff8f18c,#f3d9b859);border-radius:8px;width:24%;height:36%;position:absolute;top:8%;right:8%;box-shadow:inset 0 0 0 2px #ffffff2e}.video-subject-light{background:radial-gradient(circle at 50% 0,#ffffff29,#0000 48%);position:absolute;inset:0}.video-subject-person{width:46%;height:88%;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.video-subject-hair{background:linear-gradient(#2f2721 0%,#1f1a16 100%);border-radius:48% 48% 18% 18%;width:68%;height:30%;position:absolute;top:4%;left:16%}.video-subject-neck{background:linear-gradient(#e8b392 0%,#d89d7d 100%);width:24%;height:16%;position:absolute;top:30%;left:38%}.video-subject-face{background:linear-gradient(#f3c7a8 0%,#e8b392 100%);border-radius:46% 46% 48% 48%;width:60%;height:44%;position:absolute;top:12%;left:20%;box-shadow:inset 0 -8px 12px #a66c521f}.video-subject-brow{background:#2f272159;border-radius:999px;width:18%;height:3px;position:absolute;top:34%}.video-subject-brow--l{left:22%}.video-subject-brow--r{right:22%}.video-subject-eye{background:#241f1b;border-radius:50%;width:8px;height:8px;position:absolute;top:42%}.video-subject-eye--l{left:28%}.video-subject-eye--r{right:28%}.video-subject-nose{background:#c47b6259;border-radius:999px;width:8px;height:10px;margin-left:-4px;position:absolute;top:52%;left:50%}.video-subject-mouth{background:#c57b62;border-radius:0 0 12px 12px;width:18px;height:7px;margin-left:-9px;position:absolute;bottom:20%;left:50%}.video-subject-shirt{background:linear-gradient(#5f5c58 0%,#43413e 100%);border-radius:42% 42% 16% 16%;height:48%;position:absolute;bottom:0;left:6%;right:6%}.video-subject-hand{background:linear-gradient(#e8b392 0%,#d89d7d 100%);border-radius:50% 50% 40% 40%;width:22%;height:18%;position:absolute;bottom:18%;right:-4%;transform:rotate(-8deg)}.hero-demo-timeline-board{background:#fff;border:1px solid #eceef5;border-radius:12px;grid-template-columns:52px minmax(0,1fr);gap:8px;margin-top:10px;padding:8px 10px 10px;display:grid}.hero-demo-timeline-gutter{color:var(--home-muted);gap:8px;padding-top:18px;font-size:9px;font-weight:700;display:grid}.hero-demo-timeline-tracks{min-width:0}.hero-demo-time-ruler{height:16px;color:var(--home-soft);margin-bottom:6px;font-size:9px;font-weight:650;position:relative}.hero-demo-time-ruler span:first-child{position:absolute;left:0}.hero-demo-time-ruler span:nth-child(2){position:absolute;left:50%;transform:translate(-50%)}.hero-demo-time-ruler span:nth-child(3){position:absolute;right:0}.hero-demo-filmstrip{background:linear-gradient(90deg,#d9cbbd 0%,#cbb9a8 50%,#d9cbbd 100%);border-radius:8px;height:28px;margin-bottom:6px}.hero-demo-track{background:#f3f4f8;border-radius:999px;height:18px;margin-bottom:6px;position:relative}.hero-demo-clip{color:#fff;border-radius:999px;align-items:center;height:14px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex;position:absolute;top:2px;left:18%}.hero-demo-clip--text{background:var(--home-accent);width:34%}.hero-demo-clip--element{background:#ff9a4d;width:20%;left:52%}.hero-demo-overlays,.diff-overlays{pointer-events:none;position:absolute;inset:0}.overlay-stamp{color:#ef4444;letter-spacing:.04em;background:#ffffff14;border:3px solid #ef4444;border-radius:6px;padding:8px 12px;font-size:clamp(16px,2vw,22px);font-weight:800;position:absolute;top:18%;right:10%;transform:rotate(-12deg)}.overlay-arrow{width:72px;color:var(--home-accent);position:absolute;bottom:30%;right:18%}.hero-demo-overlays .overlay-stamp,.diff-overlays .overlay-stamp{animation:8s ease-in-out infinite heroOverlayIn}.hero-demo-overlays .overlay-arrow,.diff-overlays .overlay-arrow{animation:8s ease-in-out infinite heroArrowIn}@keyframes heroOverlayIn{0%,22%{opacity:0;transform:rotate(-12deg)scale(.86)}32%,86%{opacity:1;transform:rotate(-12deg)scale(1)}94%,to{opacity:0}}@keyframes heroArrowIn{0%,28%{opacity:0;transform:translate(-6px,6px)}38%,86%{opacity:1;transform:none}94%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-demo-overlays .overlay-stamp,.hero-demo-overlays .overlay-arrow{opacity:1;animation:none;transform:none}}.home-section{scroll-margin-top:calc(var(--home-nav-h) + 12px);padding:36px 0 12px}.home-section h2,.final-cta-card h2{font-size:clamp(28px,3.2vw,40px)}.examples{padding-top:40px;padding-bottom:28px}.examples-head{text-align:center;max-width:680px;margin:0 auto 20px}.examples-kicker{color:var(--home-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.examples-head h2{font-size:clamp(36px,4.2vw,52px);line-height:1.05}.examples .section-lead{max-width:560px;margin:10px auto 0;font-size:15px;line-height:1.55}.examples-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;margin-top:20px;display:grid}.example-card{text-align:center;min-width:0}.example-card-shell{border:1px solid var(--home-border);background:#fff;border-radius:20px;padding:10px;box-shadow:0 12px 28px #2c1c1012}.examples-compare-stage--card{aspect-ratio:5/4;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:14px}.examples-compare-stage--card .examples-compare-divider{border-width:2px;width:30px;height:30px}.examples-compare-stage--card .examples-compare-divider:before{width:2px}.examples-compare-stage--card .diff-label{z-index:6;padding:4px 9px;font-size:10px;top:10px;left:10px}.examples-compare-stage--card .diff-label--after{left:auto;right:10px}.example-card-overlays{pointer-events:none;position:absolute;inset:0}.example-overlay-stamp{color:#ef4444;letter-spacing:.04em;background:#ffffff14;border:2.5px solid #ef4444;border-radius:4px;padding:6px 8px;font-size:clamp(10px,1.1vw,12px);font-weight:800;position:absolute;top:34%;left:58%;transform:rotate(-12deg)}.example-overlay-bell{background:0 0;border:2px solid #fff;border-radius:50% 50% 4px 4px;width:14px;height:14px;position:absolute;top:14%;left:54%}.example-overlay-motion{opacity:.85;border:2px solid #ffffffb3;border-radius:50%;width:28px;height:28px;position:absolute;top:8%;left:52%}.example-overlay-motion--subscribe:after{content:"";border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:-6px}.example-overlay-sticker{color:#171412;letter-spacing:.01em;text-align:center;background:#ffe14a;padding:8px 10px;font-size:clamp(9px,1vw,11px);font-weight:800;line-height:1.1;position:absolute;top:26%;left:54%;transform:rotate(-8deg);box-shadow:0 8px 16px #1714122e}.example-overlay-sticker--key{border-radius:4px;padding:10px 12px;font-size:clamp(9px,.95vw,10px);top:24%;left:52%}.example-overlay-sticker--best{border-radius:999px;padding:8px 12px;top:30%;left:56%;transform:rotate(8deg)}.example-overlay-accent-lines{background:linear-gradient(var(--home-accent), var(--home-accent)) 0 50% / 100% 3px no-repeat, linear-gradient(var(--home-accent), var(--home-accent)) 16% 72% / 58% 3px no-repeat;opacity:.92;height:16px;position:absolute;bottom:24%;left:52%;right:8%;transform:rotate(-4deg);box-shadow:0 0 18px #f26b2159}.example-overlay-trend{color:#22c55e;filter:drop-shadow(0 0 12px #22c55e73);width:38px;position:absolute;top:18%;left:54%}.example-overlay-gain{color:#22c55e;letter-spacing:-.04em;text-shadow:0 0 16px #22c55e59;font-size:clamp(22px,2.2vw,30px);font-weight:800;position:absolute;top:34%;left:62%;transform:rotate(-6deg)}.example-overlay-text{color:#d946ef;letter-spacing:-.03em;white-space:nowrap;text-shadow:0 2px 10px #00000040;font-size:16px;font-weight:800;position:absolute;top:58%;left:50%;transform:translate(-50%)}.example-overlay-text--pop{color:#fffaf6;letter-spacing:-.04em;text-shadow:0 1px #e35d1459,0 4px 10px #17141261;transform-origin:50%;font-size:15px;animation:4.2s cubic-bezier(.22,1,.36,1) infinite exampleTextPop;top:52%;left:74%}@keyframes exampleTextPop{0%,8%{opacity:0;transform:translate(-50%)translateY(6px)scale(.74)}16%{opacity:1;transform:translate(-50%)translateY(-2px)scale(1.08)}22%,68%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}82%,to{opacity:0;transform:translate(-50%)translateY(-4px)scale(.96)}}.example-overlay-text--script{color:var(--home-accent);font-size:18px;top:18%;left:74%}.example-overlay-text--combo{animation:4.4s cubic-bezier(.22,1,.36,1) infinite exampleComboText}@keyframes exampleComboText{0%,10%{opacity:0;transform:translate(-50%)translateY(6px)scale(.78)}20%{opacity:1;transform:translate(-50%)translateY(-2px)scale(1.08)}28%,70%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}84%,to{opacity:0;transform:translate(-50%)translateY(-4px)scale(.96)}}.example-overlay-arrow{width:46px;color:var(--home-accent);position:absolute;bottom:22%;right:12%}.example-overlay-arrow--live,.example-overlay-arrow--combo{filter:drop-shadow(0 4px 8px #17141247);transform-origin:82% 18%;width:42px;animation:4.2s cubic-bezier(.22,1,.36,1) infinite exampleArrowPoint;bottom:24%;right:8%}.example-overlay-arrow--combo{width:42px;animation-duration:4.4s;animation-delay:.4s;bottom:22%;right:12%}@keyframes exampleArrowPoint{0%,8%{opacity:0;transform:translate(3px,12px)scale(.76)}18%{opacity:1;transform:translate(-1px,-6px)scale(1.08)}26%,68%{opacity:1;transform:translate(0)scale(1)}82%,to{opacity:0;transform:translate(2px,8px)scale(.9)}}.example-overlay-highlight{background:#f26b2173;border-radius:999px;height:10px;position:absolute;bottom:28%;left:18%;right:22%}.example-overlay-glow{border-radius:18px;position:absolute;inset:8%;box-shadow:inset 0 0 28px #ffc4788c}.example-overlay-glow--live,.example-overlay-glow--combo{animation:4.2s ease-in-out infinite exampleGlowPulse}.example-overlay-glow--combo{animation-duration:4.4s;animation-delay:.15s;inset:10%}@keyframes exampleGlowPulse{0%,12%{opacity:.2;box-shadow:inset 0 0 16px #ffc47826}28%,62%{opacity:1;box-shadow:inset 0 0 34px #ffb050b8,0 0 22px #f26b2147}80%,to{opacity:.18;box-shadow:inset 0 0 14px #ffc4781f}}.example-card h3{color:var(--home-text);letter-spacing:-.03em;justify-content:center;align-items:center;gap:8px;margin:18px 0 8px;font-size:18px;font-weight:750;display:flex}.example-card h3 svg{color:var(--home-accent);flex-shrink:0}.example-card p{max-width:260px;color:var(--home-muted);margin:0 auto;font-size:15px;font-weight:600;line-height:1.55}.examples-compare{border:1px solid var(--home-border);background:#fff;border-radius:24px;width:min(1080px,100%);min-width:0;margin-inline:auto;padding:10px;box-shadow:0 24px 52px #2c1c101a,0 0 0 1px #f26b210a}.examples-compare-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#111;border-radius:16px;position:relative;overflow:hidden}.examples-compare-stage--main{aspect-ratio:2.5;border-radius:16px}.examples-compare-stage--main .diff-label{z-index:6;padding:6px 12px;font-size:12px;top:14px;left:14px}.examples-compare-stage--main .diff-label--after{left:auto;right:14px}.examples-compare-stage--main .examples-compare-divider{width:46px;height:46px}.examples-compare-stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#171412b8);height:56px;position:absolute;bottom:0;left:0;right:0}.examples-compare-layer{position:absolute;inset:0}.examples-compare-layer .video-subject,.examples-compare-photo{object-fit:cover;width:100%;height:100%;display:block}.examples-compare-after{clip-path:inset(0 0 0 var(--split))}.examples-compare-mountains{opacity:.95;filter:drop-shadow(0 4px 8px #17141240);width:min(46%,320px);position:absolute;top:8%;left:54%}.examples-compare-sun{border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:10%;left:78%;box-shadow:0 0 0 4px #ffffff2e}.examples-compare-script{color:#fff;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 8px 18px #17141259;margin:0;font-family:Segoe Script,Brush Script MT,cursive;font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1;position:absolute;top:34%;left:72%;transform:translate(-50%)rotate(-8deg)}.examples-compare-ribbon{background:linear-gradient(180deg, #ff8a3d, var(--home-accent));color:#fff;letter-spacing:-.02em;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:clamp(12px,1.4vw,16px);font-weight:800;position:absolute;top:52%;left:72%;transform:translate(-50%)rotate(-8deg);box-shadow:0 8px 16px #f26b2159}.examples-compare-arrow{width:78px;color:var(--home-accent);filter:drop-shadow(0 6px 10px #17141247);position:absolute;bottom:24%;right:12%}.examples-compare-divider{top:50%;left:var(--split);z-index:5;color:#171412;pointer-events:none;background:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;gap:1px;width:44px;height:44px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #17141238}.examples-compare-divider:before{content:"";z-index:-1;background:#fff;width:3px;height:200vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #17141214}.examples-compare-range{z-index:4;opacity:0;cursor:ew-resize;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.diff-label{z-index:2;color:#fff;background:#1714129e;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.diff-label--after{background:var(--home-accent);left:auto;right:12px}.examples-compare-bar{z-index:3;color:#ffffffeb;font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;gap:10px;font-size:12px;font-weight:650;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.examples-compare-progress{background:#ffffff47;border-radius:999px;flex:1;height:4px;display:block;overflow:hidden}.examples-compare-progress span{border-radius:inherit;background:var(--home-accent);width:40%;height:100%;display:block}.features-head{max-width:640px;margin-bottom:28px}.features .section-lead{margin-top:10px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card{border:1px solid var(--home-border);background:#fff;border-radius:22px;flex-direction:column;min-width:0;padding:12px 12px 18px;display:flex;box-shadow:0 10px 24px #2c1c100d}.feature-visual{aspect-ratio:16/10;background:#1b1c22;border-radius:16px;margin-bottom:14px;position:relative;overflow:hidden}.feature-visual-photo{object-fit:cover;width:100%;height:100%;display:block}.feature-visual-overlays{pointer-events:none;position:absolute;inset:0}.feature-hello{color:#fff;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 8px 22px #17141273;font-family:Inter,system-ui,sans-serif;font-size:clamp(22px,2.6vw,30px);font-weight:750;animation:4.4s cubic-bezier(.22,1,.36,1) infinite featureHelloPop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.feature-chip-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.feature-chip{color:#fff;letter-spacing:-.02em;background:#171412b8;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:750}.feature-hello-underline{background:var(--home-accent);border-radius:999px;height:5px;position:absolute;bottom:-2px;left:6%;right:4%}.feature-hello-spark{background:linear-gradient(var(--home-accent), var(--home-accent)) center / 1.7px 100% no-repeat, linear-gradient(var(--home-accent), var(--home-accent)) center / 100% 1.7px no-repeat;width:9px;height:9px;position:absolute}.feature-hello-spark--1{top:-8px;left:-10px}.feature-hello-spark--2{top:4px;right:-16px}.feature-hello-spark--3{bottom:8px;left:18%}@keyframes featureHelloPop{0%,10%{opacity:0;transform:translate(-50%,-42%)scale(.78)}22%{opacity:1;transform:translate(-50%,-52%)scale(1.06)}30%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}86%,to{opacity:0;transform:translate(-50%,-56%)scale(.96)}}.feature-visual--elements{background:#1b1e22;grid-template-columns:92px minmax(0,1fr);display:grid}.feature-el-tools{background:#22262b;flex-direction:column;justify-content:center;gap:4px;padding:8px 6px;display:flex}.feature-el-tool{color:#c8c4bf;letter-spacing:-.02em;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;min-height:22px;padding:3px 6px;font-size:8px;font-weight:700;display:flex}.feature-el-tool svg{flex-shrink:0}.feature-el-tool.is-selected{color:var(--home-accent);background:#3a2c24}.feature-el-stage{min-width:0;position:relative;overflow:hidden}.feature-el-swoosh{width:48%;color:var(--home-accent);filter:drop-shadow(0 4px 8px #17141247);animation:4.4s cubic-bezier(.22,1,.36,1) infinite featureArrowIn;position:absolute;top:10%;left:8%}.feature-el-burst{width:18%;color:var(--home-accent);filter:drop-shadow(0 4px 8px #17141247);animation:4.4s ease-in-out infinite featureCircleIn;position:absolute;top:12%;right:10%}.feature-el-scribble{width:42%;color:var(--home-accent);animation:4.4s ease-in-out infinite featureArrowIn;position:absolute;bottom:16%;left:18%}.feature-el-focus{border:2px solid var(--home-accent);border-radius:10px;width:36%;height:38%;animation:4.4s ease-in-out infinite featureCircleIn;position:absolute;top:28%;left:28%;box-shadow:0 0 0 1px #ffffff1f}.feature-el-focus:before,.feature-el-focus:after{content:"";border:2px solid var(--home-accent);width:10px;height:10px;position:absolute}.feature-el-focus:before{border-bottom:0;border-right:0;border-radius:3px 0 0;top:-5px;left:-5px}.feature-el-focus:after{border-top:0;border-left:0;border-radius:0 0 3px;bottom:-5px;right:-5px}.feature-el-box{border:2px dashed var(--home-accent);border-radius:4px;width:28%;height:28%;animation:4.4s ease-in-out infinite featureCircleIn;position:absolute;top:38%;left:28%;box-shadow:0 0 0 1px #ffffff1f}.feature-el-box:before,.feature-el-box:after{content:"";border:1.5px solid var(--home-accent);background:#fff;width:6px;height:6px;position:absolute}.feature-el-box:before{top:-4px;left:-4px}.feature-el-box:after{top:-4px;right:-4px}.feature-el-circle{aspect-ratio:1;border:3px solid var(--home-accent);border-radius:50%;width:22%;animation:4.4s ease-in-out infinite featureCircleIn;position:absolute;top:16%;right:10%}.feature-el-highlight{background:#f26b21d1;border-radius:6px;height:8px;animation:4.4s ease-in-out infinite featureHighlightIn;position:absolute;bottom:22%;left:22%;right:18%;transform:rotate(-8deg)}@keyframes featureArrowIn{0%,12%{opacity:0;transform:translate(8px,10px)scale(.82)}24%,70%{opacity:1;transform:none}84%,to{opacity:0}}@keyframes featureCircleIn{0%,18%{opacity:0;transform:scale(.7)}32%,74%{opacity:1;transform:scale(1)}88%,to{opacity:0}}@keyframes featureHighlightIn{0%,22%{opacity:0;transform:rotate(-8deg)scaleX(.4)}36%,76%{opacity:1;transform:rotate(-8deg)scaleX(1)}90%,to{opacity:0}}.feature-visual--timeline{background:#17191d;padding:10px 10px 8px}.feature-timeline{gap:5px;height:100%;display:grid;position:relative}.feature-timeline-ruler{color:#8b8680;grid-template-columns:52px repeat(6,1fr);padding-left:0;font-size:8px;font-weight:700;display:grid}.feature-timeline-ruler span:first-child{grid-column:2}.feature-timeline-row{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:6px;display:grid}.feature-timeline-row span{color:#c4bfb8;align-items:center;gap:5px;font-size:8px;font-weight:700;display:inline-flex}.feature-timeline-row span svg,.feature-track-icon{color:#9a958f;flex-shrink:0}.feature-track-icon{border:1.4px solid;border-radius:2px;width:10px;height:8px;display:block}.feature-clip{border-radius:6px;height:16px;display:block}.feature-clip--video{background:linear-gradient(90deg,#0000 18px,#00000047 18px) 0 0/20px 100%,url(/features/camera.jpg) 50%/cover}.feature-clip--text{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#ec4899;width:34%;margin-left:16%;font-size:7px;font-weight:800;line-height:16px;overflow:hidden}.feature-clip--element{background:#f5c542;width:28%;margin-left:32%}.feature-clip--effect{background:#8b5cf6;width:20%;margin-left:56%}.feature-timeline-playhead{background:var(--home-accent);width:2px;position:absolute;top:12px;bottom:2px;left:62%}.feature-timeline-playhead:before{content:"";background:var(--home-accent);border-radius:2px;width:8px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.feature-visual--looks{background:#141518;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.feature-look-cell,.feature-adj-cell{min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.feature-look-cell img,.feature-adj-cell img{object-fit:cover;width:100%;height:100%;display:block}.feature-look-cell figcaption,.feature-adj-cell figcaption{color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0c0a09d1);padding:10px 4px 4px;font-size:7px;font-weight:750;line-height:1.15;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.feature-visual--adjustments{background:#141518;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.feature-visual--effects{grid-template-columns:1fr 1fr;display:grid}.feature-fx-side{min-width:0;position:relative;overflow:hidden}.feature-fx-side--after .feature-visual-photo{transform-origin:50%;width:calc(100% + 10px);height:calc(100% + 10px);margin:-5px;animation:.18s linear infinite featureFxShake}.feature-fx-badge{color:#fff;background:#171412b8;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:750;position:absolute;top:8px;left:8px}.feature-fx-badge--after{background:var(--home-accent);left:auto;right:8px}@keyframes featureFxShake{0%{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,3px)}to{transform:translate(0)}}.feature-visual--export{background:#17191d}.feature-export-btn{background:var(--home-accent);color:#fff;letter-spacing:-.02em;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:750;display:inline-flex;position:absolute;top:14%;right:8%;box-shadow:0 10px 20px #17141247}.feature-export-progress{color:#fff;background:#17191dd1;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-size:9px;font-weight:700;display:grid;position:absolute;bottom:10%;left:8%;right:8%}.feature-export-progress b{background:#ffffff29;border-radius:999px;height:6px;display:block;overflow:hidden}.feature-export-progress i{border-radius:inherit;background:var(--home-accent);height:100%;display:block}.feature-export-progress em{color:#d7d3ce;font-style:normal}.feature-card h3{color:var(--home-text);letter-spacing:-.03em;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:750;display:flex}.feature-card h3 svg{color:var(--home-accent);flex-shrink:0}.feature-card p{color:var(--home-muted);margin:0;font-size:13px;line-height:1.5}.how-it-works{padding-top:56px;padding-bottom:8px}.how-it-works h2{text-align:center;margin:0 auto 40px}@media (width>=981px){.how-it-works h2{white-space:nowrap}}.steps{grid-template-columns:minmax(0,210px) auto minmax(0,210px) auto minmax(0,210px);justify-content:center;align-items:start;gap:8px 4px;display:grid}.step-wrap{display:contents}.step{text-align:center;justify-items:center;min-width:0;display:grid}.step-visual{width:96px;height:96px;margin-bottom:18px;position:relative}.step-num{z-index:1;background:var(--home-accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid;position:absolute;top:2px;left:6px;box-shadow:0 6px 14px #f26b2147}.step-icon{width:96px;height:96px;color:var(--home-accent);background:#fff6ee;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 24px #f26b2114}.step-icon--animate{position:relative}.step-animate-card{width:44px;height:44px;color:var(--home-accent);letter-spacing:-.06em;background:#fff;border-radius:14px;place-items:center;font-size:23px;font-weight:800;display:grid;box-shadow:0 8px 18px #2c1c1014}.step-animate-pointer{color:var(--home-text);position:absolute;bottom:24px;right:22px}.step-animate-spark{position:absolute;top:22px;right:24px}.step h3{letter-spacing:-.03em;margin:0 0 6px;font-size:20px}.step p{max-width:220px;color:var(--home-muted);margin:0;font-size:14px;line-height:1.45}.step-meta{color:var(--home-soft);margin-top:4px;font-size:13px;font-weight:650}.step-arrow{width:56px;color:var(--home-accent);opacity:.85;align-self:center;place-items:center;display:grid}.step-arrow svg{width:56px;height:16px;display:block}.how-it-works:not(.is-played) .step{opacity:0;transform:translateY(8px)}.how-it-works:not(.is-played) .step-arrow svg{opacity:0;clip-path:inset(0 100% 0 0)}.how-it-works.is-played .step--1{animation:.4s cubic-bezier(.22,1,.36,1) both howStepIn}.how-it-works.is-played .step-arrow--1 svg{animation:.3s cubic-bezier(.22,1,.36,1) .4s both howArrowIn}.how-it-works.is-played .step--2{animation:.4s cubic-bezier(.22,1,.36,1) .7s both howStepIn}.how-it-works.is-played .step-arrow--2 svg{animation:.3s cubic-bezier(.22,1,.36,1) 1.1s both howArrowIn}.how-it-works.is-played .step--3{animation:.4s cubic-bezier(.22,1,.36,1) 1.4s both howStepIn}@keyframes howStepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes howArrowIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.how-it-works .step,.how-it-works .step-arrow svg{opacity:1;clip-path:none;animation:none;transform:none}}.privacy-strip{background:#f1f8f3;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;margin-bottom:8px;padding:18px 22px;display:flex}.privacy-strip-copy{align-items:center;gap:12px;display:flex}.privacy-lock{color:#3d8f5c;background:#e6f3ea;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.privacy-strip h2{letter-spacing:-.03em;margin-bottom:2px;font-size:16px}.privacy-strip p{color:var(--home-muted);margin:0;font-size:13px;line-height:1.5}.privacy-pills{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.privacy-pills li{color:#4a8f63;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.final-cta-card{text-align:center;margin-top:28px;margin-bottom:48px;padding:48px 24px}.final-cta-card p{color:var(--home-muted);margin:10px 0 20px}.final-cta-meta{margin:14px 0 0!important;font-size:13px!important}.feedback-entry{justify-content:center;margin:-28px 0 36px;display:flex}.feedback-open{border:1px solid var(--home-border);color:var(--home-muted);letter-spacing:-.02em;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex}.feedback-open:hover{color:var(--home-accent);border-color:#f3d5c0}.feedback-backdrop{z-index:80;background:#17141261;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.feedback-modal{border:1px solid var(--home-border);background:#fffaf6;border-radius:20px;width:min(440px,100%);padding:28px 24px 24px;position:relative;box-shadow:0 24px 48px #2c1c102e}.feedback-modal h2{color:var(--home-text);letter-spacing:-.04em;margin:0 28px 14px 0;font-size:22px;font-weight:750;line-height:1.2}.feedback-close{width:32px;height:32px;color:var(--home-muted);border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.feedback-close:hover{color:var(--home-text);background:#fff}.feedback-form{gap:10px;display:grid}.feedback-form textarea,.feedback-form input{border:1px solid var(--home-border);width:100%;color:var(--home-text);font:inherit;background:#fff;border-radius:14px;padding:12px 14px;font-size:14px}.feedback-form textarea{resize:vertical;min-height:120px}.feedback-form textarea:focus,.feedback-form input:focus{border-color:#f3d5c0;outline:2px solid #f26b2147}.feedback-form .home-btn{justify-self:start;margin-top:4px}.feedback-form .home-btn:disabled{opacity:.7}.feedback-error{color:#b42318;margin:0;font-size:13px;font-weight:650}.feedback-success{color:var(--home-text);margin:0;font-size:15px;line-height:1.5}.home-footer{--footer-bg:#1b1e22;--footer-text:#ffffffd1;--footer-muted:#ffffff85;--footer-border:#ffffff14;background:var(--footer-bg);border-top:1px solid var(--footer-border);padding:28px 0 20px}.home-footer-inner{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.home-footer-brand{flex:none;min-width:0}.home-footer-brand .logo{white-space:nowrap;color:#f8f6f3}.home-footer-brand .logo-accent{color:#f26b21}.home-footer-brand p,.home-footer-meta{color:var(--footer-muted);margin:8px 0 0;font-size:13px;line-height:1.45}.home-footer-actions{flex-wrap:nowrap;flex:auto;justify-content:flex-end;align-items:center;gap:20px;min-width:0;display:flex}.home-footer-links{flex-wrap:nowrap;align-items:center;gap:22px;display:flex}.home-footer-links a{white-space:nowrap}.home-footer-social{border-left:1px solid var(--footer-border);flex-shrink:0;align-items:center;gap:8px;padding-left:20px;display:flex}.home-footer-social-link{width:34px;height:34px;color:var(--footer-text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;place-items:center;text-decoration:none;display:grid}.home-footer-social-link svg{fill:currentColor;stroke:none;width:17px;height:17px}.home-footer-social-sprite{width:0;height:0;position:absolute;overflow:hidden}.home-footer-social-link--instagram svg path{fill:url(#home-footer-instagram-gradient)}.home-footer-social-link--x{color:#fff}.home-footer a.home-footer-social-link--youtube .home-footer-social-youtube-tile{fill:red}.home-footer a.home-footer-social-link--youtube .home-footer-social-youtube-play,.home-footer a.home-footer-social-link--linkedin .home-footer-social-linkedin-plate{fill:#fff}.home-footer a.home-footer-social-link--linkedin .home-footer-social-linkedin-badge{fill:#0a66c2}.home-footer-social-link:hover{color:var(--home-accent);background:#f26b2114;border-color:#f26b216b}.home-footer-social-link--instagram:hover svg path{fill:currentColor}.home-footer-social-link--youtube:hover .home-footer-social-youtube-tile,.home-footer-social-link--youtube:hover .home-footer-social-youtube-play,.home-footer-social-link--linkedin:hover .home-footer-social-linkedin-badge{fill:var(--home-accent)}.home-footer-social-link--disabled{opacity:.42;cursor:default;pointer-events:none}.home-footer a{color:var(--footer-text);font-size:14px;font-weight:600;text-decoration:none}.home-footer a:hover{color:var(--home-accent)}.home-footer-meta{width:min(var(--home-max), calc(100% - 48px));border-top:1px solid var(--footer-border);text-align:center;margin:16px auto 0;padding-top:16px}@media (width<=980px){.hero-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.home-footer-inner{flex-direction:column;align-items:flex-start;gap:22px}.home-footer-actions{flex-wrap:wrap;align-items:flex-start;row-gap:14px;width:100%}.home-footer-links{flex-wrap:wrap;row-gap:10px}.home-footer-social{border-left:0;padding-left:0}.home-footer-meta{text-align:left}.examples-showcase{flex-direction:column;gap:20px;display:flex}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.examples-compare{width:min(1080px,100%)}.examples-compare-stage--card{min-height:180px}.hero-visual{width:100%;min-width:0;max-width:640px;margin:0 auto;overflow:hidden;transform:none}.hero-editor-laptop{transform:none}.hero-editor-arc{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:8px 4px}.step-visual,.step-icon{width:86px;height:86px}.step-arrow,.step-arrow svg{width:48px}.privacy-strip{justify-items:start;display:grid}}@media (width<=720px){.examples-grid{grid-template-columns:minmax(0,1fr);gap:28px}.examples-head{margin-bottom:24px}.examples-compare-stage--card{min-height:210px}.example-card h3{font-size:17px}.example-card p{font-size:14px}.home-nav-inner,.hero,.home-section,.privacy-strip,.final-cta-card,.home-footer-inner,.home-footer-meta{width:min(var(--home-max), calc(100% - 28px))}.home-nav-inner{grid-template-columns:auto 1fr;gap:10px}.feature-grid{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px}.step-wrap{justify-items:center;width:min(100%,280px);display:grid}.step-arrow{width:28px;height:36px;transform:rotate(90deg)}.step-arrow svg{width:40px}.home-nav-links{display:none}.home-nav-actions{justify-self:end}.home-menu-btn{display:inline-grid}.menu-panel{border-bottom:1px solid var(--home-border);background:#fffaf6;flex-direction:column;gap:4px;padding:8px 16px 16px;display:flex}.menu-panel a{color:var(--home-text);border-radius:12px;padding:12px 10px;font-weight:650;text-decoration:none}.hero{padding-top:24px;padding-bottom:36px;overflow:hidden}.hero-copy-col{min-width:0}.hero h1{overflow-wrap:anywhere;font-size:clamp(34px,11vw,48px)}.hero-lead{font-size:clamp(18px,5.2vw,22px)}.hero-copy{max-width:none}.hero .home-btn-lg,.final-cta-card .home-btn-lg{white-space:normal;text-align:center;width:100%;max-width:100%}.hero-editor-body{grid-template-columns:1fr}.hero-editor-rail{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0;display:grid}.hero-editor-laptop{transform:none}.hero-editor{padding:0}.hero-editor-demo-text{font-size:clamp(22px,7.5vw,32px)}.home-footer-links{gap:10px 18px}}@media (width<=480px){.home-nav-inner,.hero,.home-section,.privacy-strip,.final-cta-card,.home-footer-inner,.home-footer-meta{width:min(var(--home-max), calc(100% - 20px))}.home-nav-cta{min-height:40px;padding:8px 12px}.hero h1{font-size:clamp(30px,10.5vw,40px)}.hero-kicker{margin-bottom:12px}.feature-card,.step,.privacy-strip,.final-cta-card{padding-left:16px;padding-right:16px}}.legal-page{min-height:100svh}.legal-page-nav{width:min(var(--home-max), calc(100% - 48px));min-height:var(--home-nav-h);border-bottom:1px solid var(--home-border);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.legal-page-back{color:var(--home-muted);font-size:14px;font-weight:650;text-decoration:none}.legal-page-back:hover{color:var(--home-text)}.legal-page-main{width:min(760px,100% - 48px);margin:0 auto;padding:36px 0 48px}.legal-doc h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(32px,4vw,44px);line-height:1.05}.legal-lead{color:var(--home-muted);margin:0 0 28px;font-size:15px;line-height:1.6}.legal-doc section{border-top:1px solid var(--home-border);padding-top:22px}.legal-doc section+section{margin-top:22px}.legal-doc h2{letter-spacing:-.03em;margin:0 0 10px;font-size:20px}.legal-doc p,.legal-doc li{color:var(--home-muted);font-size:15px;line-height:1.65}.legal-doc p{margin:0 0 12px}.legal-doc ul{margin:0 0 12px;padding-left:1.2rem}.legal-doc li+li{margin-top:6px}.legal-doc code{color:var(--home-text);font-size:.92em}.legal-doc a{color:var(--home-accent);text-decoration:none}.legal-doc a:hover{text-decoration:underline}@media (width<=720px){.legal-page-nav,.legal-page-main{width:min(var(--home-max), calc(100% - 28px))}.legal-page-main{padding-top:28px;padding-bottom:36px}}@media (width<=480px){.legal-page-nav,.legal-page-main{width:min(var(--home-max), calc(100% - 20px))}}.legal-modal-backdrop{z-index:85;background:#17141261;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.legal-modal{border:1px solid var(--home-border);background:#fffaf6;border-radius:20px;flex-direction:column;width:min(760px,100%);max-height:min(90vh,900px);display:flex;position:relative;box-shadow:0 24px 48px #2c1c102e}.legal-modal-close{z-index:1;width:36px;height:36px;color:var(--home-muted);background:#fffaf6eb;border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.legal-modal-close:hover{color:var(--home-text);background:#fff}.legal-modal-close:focus-visible{outline:2px solid var(--home-accent);outline-offset:2px}.legal-modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:28px 24px 32px;overflow-y:auto}.legal-modal-body .legal-doc h1{padding-right:40px}@media (width<=720px){.legal-modal-backdrop{padding:16px}.legal-modal{max-height:min(92vh,900px)}.legal-modal-body{padding:24px 18px 28px}}@media (width<=480px){.legal-modal-backdrop{padding:12px}.legal-modal{border-radius:16px;max-height:94vh}.legal-modal-body{padding:22px 16px 24px}}.logo-explore{color:#171412;background:#fffaf6;min-height:100svh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.logo-explore-top,.logo-explore main{width:min(980px,100% - 40px);margin:0 auto}.logo-explore-top{color:#6b645e;justify-content:space-between;gap:16px;padding:22px 0;font-size:14px;font-weight:650;display:flex}.logo-explore-top a{color:#171412;text-decoration:none}.logo-explore h1{letter-spacing:-.05em;margin:8px 0;font-size:clamp(32px,4vw,44px);line-height:1.05}.logo-explore-lead{color:#6b645e;margin:0 0 28px;font-size:16px}.logo-concept{border-top:1px solid #f0e7de;padding:28px 0 32px}.logo-concept-head p{color:#f26b21;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.logo-concept-head h2{letter-spacing:-.04em;margin:6px 0 4px;font-size:28px}.logo-concept-head span{color:#6b645e;font-size:14px}.logo-concept-hero{color:#171412;background:#fff;border:1px solid #f0e7de;border-radius:20px;place-items:center;height:180px;margin:18px 0;display:grid}.logo-concept-grid{grid-template-columns:1.4fr 1.4fr .7fr;gap:14px;display:grid}.logo-concept-grid figure{margin:0}.logo-concept-grid figcaption{color:#9a918a;letter-spacing:.06em;text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:700}.logo-lockup{border-radius:16px;align-items:center;gap:12px;min-height:92px;padding:16px 18px;display:flex}.logo-lockup--light{color:#171412;background:#fff;border:1px solid #f0e7de}.logo-lockup--dark{color:#f8f6f3;background:#1b1e22}.logo-word{letter-spacing:-.045em;white-space:nowrap;font-size:28px;font-weight:750;line-height:1}.logo-word span{color:#f26b21}.logo-favicon{color:#171412;background:#fff;border:1px solid #f0e7de;border-radius:18px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 8px 18px #2c1c100f}@media (width<=720px){.logo-explore-top,.logo-explore main{width:min(980px,100% - 28px)}.logo-explore-top{flex-direction:column;gap:6px}.logo-concept-grid{grid-template-columns:1fr}.logo-word{font-size:24px}}.logo-refined{color:#fff;background:#100e0c;place-items:center;min-height:100svh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:grid}.logo-refined-lockup{justify-items:center;gap:8px;display:grid}.logo-refined-word{letter-spacing:-.055em;margin:0;font-size:clamp(64px,8vw,92px);font-weight:750;line-height:.9}.logo-refined-word span{color:#f26b21}.site-status{text-align:center;color:#17181d;background:#f7f4ef;place-content:center;justify-items:center;min-height:100vh;padding:32px 20px;display:grid}.site-status-kicker{letter-spacing:.14em;text-transform:uppercase;color:#f26b21;margin:0 0 12px;font-size:12px;font-weight:800}.site-status h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(36px,6vw,56px)}.site-status p:last-child{color:#5d6170;max-width:28rem;margin:0;line-height:1.5}