: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}body{min-width:320px;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{background:linear-gradient(160deg,#7a6dff,#5b4dff 55%,#4d74ff);border-radius:9px;width:28px;height:28px;box-shadow:0 6px 14px #5b4dff47}.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:#f4f5fb;--surface:#fff;--surface-soft:#fafaff;--border:#e7e8f0;--border-strong:#dcddea;--text:#171827;--text-muted:#73758a;--text-soft:#9a9caf;--purple:#6d5efc;--purple-dark:#5b4be8;--purple-soft:#f0edff;--purple-border:#dcd4ff;--danger:#dc4c5a;background:var(--editor-bg);width:100%;height:100svh;min-height:620px;color:var(--text);grid-template-rows:60px minmax(0,1fr) auto;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 #7257e859}.editor-header{z-index:100;background:#fff;border-bottom:1px solid #eceef5;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:relative}.editor-header-left,.editor-header-right,.editor-header-actions{align-items:center;display:flex}.editor-header-left{gap:18px;min-width:0}.editor-header-right{gap:2px}.editor .logo{letter-spacing:-.04em;gap:10px;font-size:18px;font-weight:800}.editor .logo-mark{background:var(--purple);width:32px;height:32px;box-shadow:none;color:#fff;border-radius:10px;place-items:center;font-size:15px;font-weight:800;display:grid}.editor .logo-mark:after{content:"K";line-height:1}.header-text-btn,.header-preview-btn,.header-export-btn{cursor:pointer;border:0;border-radius:11px;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.header-text-btn{color:#8b8d9c;background:0 0;height:36px;padding:0 10px}.header-preview-btn{color:var(--text);background:#fff;border:1px solid #e4e5ee;border-radius:11px;height:36px;margin-left:8px;padding:0 16px}.header-export-btn{background:var(--purple);color:#fff;border-radius:11px;height:36px;padding:0 18px;box-shadow:0 6px 16px #6d5efc38}.header-text-btn:disabled,.header-preview-btn:disabled,.header-export-btn:disabled{opacity:.72;cursor:default}.editor-avatar{background:var(--purple-soft);width:34px;height:34px;color:var(--purple);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-left:8px;padding:0;font-size:13px;font-weight:800;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;background:#fff;border:1px solid #eceef4;border-radius:22px;flex-direction:column;width:calc(100% - 56px);max-width:none;margin:0 28px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #17181d0d}.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:7px;min-width:0;padding-left:16px;display:flex}.editor-file-name span{max-width:230px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;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:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;padding:0;display:grid}.editor-header .header-more-btn{background:#fff;border-color:#e4e5ee;border-radius:10px;width:32px;height:32px}.editor-header .btn-icon:hover{border-color:var(--border);background:var(--surface-soft);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:9px;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:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.editor-main>.animation-drawer,.editor-main>.editor-preview-area,.editor-main>.text-customization-panel{min-width:0;min-height:0}.editor--workspace-open .editor-main{border-bottom:1px solid var(--border)}.editor--has-rail .editor-main{grid-template-columns:96px minmax(0,1fr)}.editor--has-rail.editor--panel-open .editor-main{grid-template-columns:96px minmax(0,1fr) minmax(300px,320px)}.editor--has-rail.editor--drawer-open .editor-main{grid-template-columns:minmax(376px,416px) minmax(320px,1fr)}.editor--has-rail.editor--drawer-open.editor--panel-open .editor-main{grid-template-columns:minmax(376px,416px) minmax(320px,1fr) minmax(280px,300px)}.editor--has-rail.editor--drawer-open .editor-main:has(.animation-drawer--collapsed){grid-template-columns:minmax(140px,148px) minmax(320px,1fr)}.editor--has-rail.editor--drawer-open.editor--panel-open .editor-main:has(.animation-drawer--collapsed){grid-template-columns:minmax(140px,148px) minmax(320px,1fr) minmax(280px,300px)}.editor-preview-area{grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;padding:6px 20px 4px;display:grid;position:relative;overflow:hidden}.editor--has-rail .editor-preview-area{border-left:1px solid var(--border)}.editor--drawer-open .editor-preview-area{padding:8px 16px 6px}.editor-stage{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.preview-shell{aspect-ratio:16/9;background:#111218;border:0;border-radius:14px;width:min(920px,100cqw,177.778cqh);max-width:100%;height:auto;max-height:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px #191b2d1f}.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{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}.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 0%,#08090ee0 70%);border:0;border-radius:0 0 16px 16px;align-items:center;gap:12px;min-height:52px;padding:0 16px 4px;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:12px;font-weight:600}.preview-seek{accent-color:#7c6dff;cursor:pointer;flex:1;height:6px}.preview-seek::-webkit-slider-thumb{background:#7c6dff;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:80;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.text-panel-head{border-bottom:1px solid var(--border);background:#fff;flex:none;justify-content:space-between;align-items:center;min-height:0;padding:8px 16px 7px;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:#1a1b2e;letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800;line-height:1.1}.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;background:#fff;flex:auto;min-height:0;padding:12px 16px 14px;overflow:hidden auto}.text-panel-body::-webkit-scrollbar{width:5px}.text-panel-body::-webkit-scrollbar-thumb{background:#d9dae4;border-radius:999px}.text-control-section{border-bottom:0;margin-bottom:18px;padding-bottom:0}.text-control-section:last-child{margin-bottom:0}.text-section-title{color:#1a1b2e;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{color:#242536;resize:vertical;background:#fff;border:1px solid #e2e3ec;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:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);gap:8px;margin-bottom:12px;display:grid}.text-typography-row .text-control{min-width:0;margin-bottom:0}.text-typography-row .custom-select-wrap select{height:34px;padding-right:24px;font-size:11px}.text-typography-row .custom-color-trigger{gap:6px;height:34px;padding:0 8px}.text-typography-row .custom-color-value{font-size:10px}.text-typography-row .custom-color-field{z-index:2;position:relative}.text-input:hover,.text-textarea:hover{border-color:#d3d4df}.text-input:focus,.text-textarea:focus{border-color:#b9aef4;box-shadow:0 0 0 3px #7257e817}.custom-select-wrap{position:relative}.custom-select-wrap select{appearance:none;color:#292a3b;cursor:pointer;background:#fff;border:1px solid #dfe0e8;border-radius:9px;outline:none;width:100%;height:40px;padding:0 34px 0 11px;font-size:12px}.custom-select-wrap select:focus{border-color:#b9aef4;box-shadow:0 0 0 3px #7257e817}.custom-select-icon{color:#8b8d9e;pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.range-control-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;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:#3a3c50;font-variant-numeric:tabular-nums;text-align:center;background:#fff;border:1px solid #e2e3ec;border-radius:10px;flex:none;min-width:58px;padding:7px 10px;font-size:12px;font-weight:600;line-height:1.2}.text-range{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:20px;margin:4px 0 0;padding:0}.text-range::-webkit-slider-runnable-track{background:#e6e5ed;border-radius:999px;height:4px}.text-range::-webkit-slider-thumb{appearance:none;background:#7257e8;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 5px #2c255940}.text-range::-moz-range-track{background:#e6e5ed;border-radius:999px;height:4px}.text-range::-moz-range-progress{background:#7257e8;border-radius:999px;height:4px}.text-range::-moz-range-thumb{background:#7257e8;border:2px solid #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{color:#4a4c5e;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:0;padding:0;font-size:13px;font-weight:600;display:inline-flex;position:relative}.background-option:hover,.background-option.is-active{color:#1a1b2e}.background-option-radio{box-sizing:border-box;background:#fff;border:2px solid #c8cad6;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{color:#353647;cursor:pointer;background:#fff;border:1px solid #dfe0e8;border-radius:9px;outline:none;align-items:center;gap:9px;width:100%;height:40px;padding:0 10px;display:flex}.custom-color-trigger:hover{border-color:#cbc9d7}.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:#656779;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{color:#4a4b5c;border:1px solid #dedfe7;border-radius:7px;outline:none;flex:1;min-width:0;height:30px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.custom-color-hex input:focus{border-color:#b9aef4;box-shadow:0 0 0 3px #7257e814}.text-panel-foot{border-top:1px solid var(--border);background:#fff;flex:none;align-items:center;gap:12px;padding:16px 20px 18px;display:flex}.text-panel-foot .btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:44px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.text-panel-foot .btn-primary{background:var(--purple);color:#fff;border:0;flex:1;box-shadow:0 4px 14px #6d5efc38}.text-panel-foot .btn-primary:hover{background:var(--purple-dark)}.text-panel-foot .btn-ghost{color:#4a4c5e;background:#fff;border:1px solid #e2e3ec;padding:0 14px}.text-panel-foot .text-panel-cancel{flex:1;min-width:0}.text-panel-foot .btn-ghost:hover{color:var(--danger);background:#fff8f8;border-color:#d5b7bd}.text-panel-foot .text-panel-cancel:hover{border-color:var(--purple-border);background:var(--purple-soft);color:var(--purple-dark)}.timeline{z-index:30;background:0 0;border-top:0;flex-direction:column;min-height:0;padding:2px 20px 8px;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{scrollbar-width:none;padding-bottom:6px;overflow:auto hidden}.timeline-scroller::-webkit-scrollbar{display:none}.timeline-board{grid-template-columns:76px minmax(0,1fr);align-items:start;min-width:100%;display:grid}.timeline-gutter{flex-direction:column;padding-top:26px;display:flex}.timeline-track{min-width:0;padding:0 8px 8px 0;position:relative;overflow:hidden}.time-ruler{height:20px;color:var(--text-soft);font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:11px;position:relative}.time-ruler span{position:absolute;top:0;transform:translate(-50%)}.track-label{height:72px;color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.track-label--text{box-sizing:border-box;align-items:flex-start;min-height:28px;padding-top:6px}.track-label--element,.track-label--effect{box-sizing:border-box;align-items:flex-start;height:auto;min-height:28px;padding-top:6px}.filmstrip{background:#eceef6;border-radius:12px;height:72px;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,#d9dced 0 18px,#eceef6 18px 36px)}.text-track-container{scrollbar-width:thin;background:#f7f7fb;border-radius:8px;max-height:96px;margin-top:8px;position:relative;overflow:hidden auto}.text-track-container::-webkit-scrollbar{width:5px}.text-track-container::-webkit-scrollbar-thumb{background:#d9dae4;border-radius:999px}.text-track-lanes{background:#f7f7fb;border-radius:8px;min-height:28px;position:relative}.animation-track{background:#f7f7fb;border-radius:8px;height:36px;margin-top:8px;position:relative;overflow:hidden}.animation-track--text{height:auto;min-height:28px;margin-top:0;overflow:visible}.element-track-container{scrollbar-width:thin;background:#f5f8ff;border-radius:8px;max-height:96px;margin-top:8px;position:relative;overflow:hidden auto}.element-track-container::-webkit-scrollbar{width:5px}.element-track-container::-webkit-scrollbar-thumb{background:#d9dae4;border-radius:999px}.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{scrollbar-width:thin;background:#f7f4ff;border-radius:8px;max-height:96px;margin-top:8px;position:relative;overflow:hidden auto}.effect-track-container::-webkit-scrollbar{width:5px}.effect-track-container::-webkit-scrollbar-thumb{background:#d9dae4;border-radius:999px}.effect-track-lanes{background:#f7f4ff;border-radius:8px;min-height:28px;position:relative}.animation-track--effect{background:#f7f4ff;height:auto;min-height:28px;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, #8b7cff, var(--purple));color:#fff;cursor:pointer;border:1px solid #b9aef4;border-radius:8px;align-items:center;gap:6px;min-width:48px;height:26px;padding:0 10px;font-size:11px;font-weight:700;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{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;text-transform:none;background:#ffffff38;border-radius:4px;flex:none;max-width:72px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.2;overflow:hidden}.timeline-anim-block.is-selected,.timeline-animation.is-selected{box-shadow:none;outline-offset:-2px;z-index:2;outline:2px solid #6d5efc73}.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:20px;bottom:0;left:50%;transform:translate(-50%)}.playhead-label,.timeline-playhead-label{background:var(--purple);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #6d5efc47}.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:10px;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 #6d5efc38}.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{z-index:40;border:0;border-right:1px solid var(--border);width:100%;height:100%;min-height:0;max-height:none;box-shadow:none;background:#fff;border-radius:0;grid-template-columns:96px minmax(0,1fr);display:grid;position:relative;overflow:visible}.animation-drawer--rail-only{grid-template-columns:96px;width:96px}.animation-drawer--collapsed{grid-template-columns:96px 44px}.animation-drawer-panel{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;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{border-bottom:1px solid var(--border);background:#fcfcfe;flex:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 10px 8px;display:flex}.animation-drawer-collapse{flex:none}.animation-drawer-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.animation-drawer-title{color:var(--text);letter-spacing:-.03em;margin:0;font-size:13px;font-weight:800}.animation-drawer-time{color:var(--text-muted);margin:0;font-size:11px;font-weight:600;line-height:1.35}.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:#fbfbfe;flex-direction:column;flex-shrink:0;align-items:stretch;gap:4px;width:96px;min-width:96px;padding:12px 8px;display:flex;overflow:visible}.animation-category-tabs button{width:100%;height:36px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:flex-start;align-items:center;gap:7px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex;overflow:visible}.animation-category-tabs button svg{flex:0 0 18px}.animation-category-tabs button span{min-width:0;overflow:visible}.animation-category-tabs button:hover{color:var(--text);background:#f6f5fa}.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-dark)}.animation-drawer-toolbar{border-bottom:1px solid var(--border);background:#fcfcfe;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:#f2f1f7}.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 #7257e814}.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;flex:auto;align-items:flex-start;min-width:0;min-height:0;padding:8px 10px 16px;display:flex;overflow:hidden auto}.animation-drawer-body--text{flex-direction:column;align-items:stretch;gap:0;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:16px;display:flex}.text-add-section-title{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.text-add-section-card{background:radial-gradient(circle at 50% 0,#6d5efc14,#0000 70%),linear-gradient(#fff 0%,#faf9ff 100%);border:1px solid #ece9ff;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex;box-shadow:inset 0 1px #fffffff2,0 6px 18px #6d5efc12}.text-add-section-hint{color:var(--text-muted);text-align:center;margin:0;font-size:11px;font-weight:600;line-height:1.4}.text-add-section-cta{color:#fff;letter-spacing:-.01em;cursor:pointer;background:linear-gradient(135deg,#8b7cff 0%,#6d5efc 52%,#5a4ae8 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 4px 14px #6d5efc52,inset 0 1px #ffffff38}.text-add-section-cta:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 6px 18px #6d5efc61,inset 0 1px #ffffff3d}.text-add-section-cta:active{filter:brightness(.98);transform:translateY(0)}.text-add-action{cursor:pointer;min-height:34px;color:var(--purple-dark);background:linear-gradient(#fff,#f7f5ff);border:1px solid #ddd6ff;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 #6d5efc14}.text-add-action:hover{border-color:#c4b8ff;box-shadow:0 4px 12px #6d5efc24}.text-add-action--compact{min-height:32px;padding:0 10px}.inline-text-editor{pointer-events:auto;z-index:40;color:#111118;caret-color:#6d5efc}.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:72px;min-height:72px}.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:9px}.animation-drawer-body--element .animation-grid,.animation-grid--element{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.animation-drawer-body--element .animation-card{flex:none;width:100%;min-width:0;height:72px;min-height:72px}.animation-drawer-body--element .animation-card-name{font-size:9px}.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{flex:none;width:100%;min-width:0;height:72px;min-height:72px}.animation-drawer-body--effect .animation-card-name{font-size:9px}.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 #ece9ff;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 #6d5efc1a}.animation-card-remove:hover{color:var(--purple-dark);background:#fff;border-color:#dcd4ff;box-shadow:0 3px 8px #6d5efc29}.text-add-empty{width:100%;padding:2px 0 4px;display:flex}.text-add-hero-card{background:radial-gradient(circle at 50% 0,#6d5efc1a,#0000 62%),linear-gradient(#fff 0%,#faf9ff 100%);border:1px solid #ece9ff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:14px 12px 16px;display:flex;box-shadow:inset 0 1px #fffffff2,0 10px 28px #6d5efc14}.text-add-hero-art{justify-content:center;align-items:center;width:100%;min-height:118px;padding:4px 0 0;display:flex}.text-add-illustration-svg{width:100%;max-width:220px;height:auto;display:block}.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{text-align:center;flex-direction:column;gap:4px;width:100%;display:flex}.text-add-hero-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:13px;font-weight:800;line-height:1.25}.text-add-hero-subtitle{color:var(--text-muted);margin:0;font-size:11px;font-weight:600;line-height:1.4}.text-add-cta{background:linear-gradient(180deg, #8172ff 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 #6d5efc47}.text-add-cta:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 12px 26px #6d5efc57}.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{cursor:pointer;text-align:center;background:#fff;border:1px solid #e6e7f0;border-radius:11px;flex-direction:column;flex:0 0 76px;width:76px;height:78px;min-height:78px;padding:6px;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #181a280a}@media (hover:hover){.animation-card:hover{background:#fbfaff;border-color:#d4cff6;transform:translateY(-1px);box-shadow:0 6px 16px #6d5efc1a}}.animation-card:active{border-color:var(--purple-border);background:#f7f5ff;transform:translateY(0)}.animation-card.selected,.animation-card.animation-card--selected,.animation-card[aria-selected=true],.animation-card[aria-pressed=true]{border-color:var(--purple);background:linear-gradient(#faf8ff 0%,#f3f0ff 100%);box-shadow:0 0 0 1px #6d5efc2e,0 4px 14px #6d5efc1f}.animation-card-preview{background:linear-gradient(#f7f8fc 0%,#f1f2f8 100%);border-radius:8px;flex:1;place-items:center;min-height:44px;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:#43455a;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:#6d5efc47;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:#6d5efc59;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:#6d5efc47;border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 3px #6d5efc73}.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{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.effect-preview-swatch{background:linear-gradient(135deg,#8b7cff,#5b8def);border-radius:6px;width:34px;height:22px}.effect-preview-swatch--blur{filter:blur(2.4px)}.effect-preview-swatch--glow{background:#ffe9a3;box-shadow:0 0 12px 3px #ffe078e6}.effect-preview-swatch--vignette{box-shadow:inset 0 0 10px 4px #0000008c}.effect-preview-swatch--flash{background:#fff;border:1px solid #ece9ff}.effect-preview-swatch--grayscale{filter:grayscale()}.effect-preview-swatch--color-boost{filter:saturate(1.8)contrast(1.2)}.effect-preview-swatch--brightness{filter:brightness(1.45)}.effect-preview-swatch--contrast{filter:contrast(1.6)}.effect-preview-swatch--saturation{filter:saturate(2.1)}.effect-preview-swatch--pulse{transform:scale(.92)}.effect-preview-swatch--shake{transform:translate(-2px)}.effect-preview-swatch--zoom-in{transform:scale(1.18)}.effect-preview-swatch--zoom-out{transform:scale(.78)}.effect-preview-swatch--flicker{opacity:.7}.effect-preview-swatch--color-flash{background:#ff5a3c}.effect-preview-stage.is-active .effect-preview-swatch--flash{animation:1.6s ease-in-out infinite effect-preview-flash}.effect-preview-stage.is-active .effect-preview-swatch--color-flash{animation:1.5s ease-in-out infinite effect-preview-color-flash}.effect-preview-stage.is-active .effect-preview-swatch--pulse{animation:1.2s ease-in-out infinite effect-preview-scale-pulse}.effect-preview-stage.is-active .effect-preview-swatch--shake{animation:.35s linear infinite effect-preview-shake}.effect-preview-stage.is-active .effect-preview-swatch--zoom-in{animation:1.6s ease-in-out infinite effect-preview-zoom-in}.effect-preview-stage.is-active .effect-preview-swatch--zoom-out{animation:1.6s ease-in-out infinite effect-preview-zoom-out}.effect-preview-stage.is-active .effect-preview-swatch--flicker{animation:.28s steps(2,end) infinite effect-preview-flicker}.effect-preview-stage.is-active .effect-preview-swatch--blur,.effect-preview-stage.is-active .effect-preview-swatch--glow,.effect-preview-stage.is-active .effect-preview-swatch--vignette{animation:1.8s ease-in-out infinite effect-preview-pulse}@keyframes effect-preview-flash{0%,55%,to{opacity:.25}12%,22%{opacity:1}}@keyframes effect-preview-pulse{0%,to{opacity:.55;transform:scale(.92)}40%{opacity:1;transform:scale(1)}}@keyframes effect-preview-scale-pulse{0%,to{transform:scale(.86)}50%{transform:scale(1.12)}}@keyframes effect-preview-shake{0%,to{transform:translate(-3px,1px)}25%{transform:translate(3px,-2px)}50%{transform:translate(-2px,2px)}75%{transform:translate(2px,-1px)}}@keyframes effect-preview-zoom-in{0%{transform:scale(.78)}70%,to{transform:scale(1.18)}}@keyframes effect-preview-zoom-out{0%{transform:scale(1.2)}70%,to{transform:scale(.78)}}@keyframes effect-preview-flicker{0%,49%{opacity:1}50%,to{opacity:.25}}@keyframes effect-preview-color-flash{0%,to{opacity:.35}20%,40%{opacity:1}}.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}.confirm-dialog-backdrop{z-index:150}.editor .toast{z-index:200}@media (width<=1100px){.editor--has-rail.editor--panel-open .editor-main{grid-template-columns:96px minmax(0,1fr) minmax(260px,300px)}.editor--has-rail.editor--drawer-open .editor-main{grid-template-columns:minmax(340px,380px) minmax(280px,1fr)}.editor--has-rail.editor--drawer-open.editor--panel-open .editor-main{grid-template-columns:minmax(340px,380px) minmax(280px,1fr) minmax(260px,300px)}.editor-preview-area{padding:10px 24px 4px}.editor-bottom{width:calc(100% - 48px);margin:4px 24px 10px}.text-panel-head{padding:0 16px}.text-panel-body,.text-panel-foot{padding-left:16px;padding-right:16px}.animation-card{flex:0 0 76px;width:76px;height:78px;min-height:78px}}@media (width<=900px){.editor-header{padding:0 20px}.editor-preview-area{padding:10px 16px 4px}.preview-shell{border-radius:14px}.editor-bottom{border-radius:18px;width:calc(100% - 32px);margin:4px 16px 16px}.timeline{padding:8px 16px 6px}.filmstrip,.track-label{height:64px}.timeline-gutter{padding-top:28px}.timeline-zoom-slider{width:84px}.animation-card{flex:0 0 76px;width:76px;height:78px;min-height:78px}.text-typography-row{grid-template-columns:1fr}.add-animation-bar,.add-animation{min-height:0;padding:8px 16px}}@media (width<=760px){.editor{grid-template-rows:56px minmax(0,1fr) auto;min-height:520px}.editor-bottom{border-radius:16px;width:min(100%,100% - 24px);margin:0 auto 12px}.header-text-btn span,.header-preview-btn,.header-export-btn{gap:0;padding:0 8px;font-size:0}.header-preview-btn,.header-export-btn,.header-text-btn{justify-content:center;width:34px}.editor-header{height:56px;padding:0 12px}.editor-logo{font-size:15px}.editor-logo-mark{border-radius:8px;width:27px;height:27px}.editor-file-name{padding-left:10px}.editor-file-name span{max-width:120px;font-size:11px}.editor-header-actions{gap:2px}.editor-header .btn-icon{width:31px;height:31px}.editor-header .btn-primary{height:32px;padding:0 10px;font-size:10px}.editor-main,.editor--panel-open .editor-main,.editor--drawer-open .editor-main,.editor--drawer-open.editor--panel-open .editor-main{grid-template-columns:1fr}.editor-preview-area{min-height:0;padding:8px 12px 4px}.preview-shell{border-radius:10px}.text-customization-panel{z-index:90;border:1px solid var(--border);border-radius:13px;height:min(72vh,520px);position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 18px 50px #1c1d302e}.timeline-body{min-height:0}.timeline-animation{height:29px;top:29px}.add-animation-bar,.add-animation{min-height:0;padding:12px 12px 14px}.add-animation-button{min-width:min(240px,100% - 24px);height:46px;font-size:15px}.add-animation-bar p,.add-animation p{display:none}.filmstrip,.track-label{height:56px}.animation-drawer{z-index:85;border-right:1px solid var(--border);width:min(456px,92vw);height:auto;max-height:none;position:absolute;top:0;bottom:0;left:0;box-shadow:12px 0 32px #1c1d301f}.animation-drawer-main{display:none}.animation-category-tabs{scrollbar-width:none;width:104px;min-width:104px;overflow:visible auto}.animation-category-tabs::-webkit-scrollbar{display:none}.animation-category-tabs button{flex:none;height:40px}.animation-drawer-toolbar{flex-direction:column;align-items:stretch;gap:6px;padding:7px 10px}.animation-search{width:100%}.animation-drawer-body{padding:10px}.animation-card{flex:0 0 108px;width:108px;height:100px;min-height:100px}.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%;height:72px;min-height:72px}.animation-drawer-body--text .animation-card-preview,.animation-grid--text .animation-card-preview{min-height:36px}.animation-card-preview{min-height:72px}.custom-color-popover{width:min(220px,100vw - 24px)}}@media (width<=480px){.editor-header-left{gap:8px}.editor-file-name,.editor-header-actions .btn-icon:first-child,.editor-header-actions .btn-icon:nth-child(2){display:none}.preview-controls{gap:8px;min-height:44px;padding:0 10px 2px;bottom:0;left:0;right:0}.preview-controls button{width:28px;height:28px}.preview-volume input[type=range]{width:52px}.text-customization-panel{bottom:5px;left:5px;right:5px}.text-panel-head{padding:8px 14px 7px}.text-panel-body{padding:15px 14px 18px}.text-panel-foot{flex-basis:62px;padding:10px 14px}}.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;font-size:20px;font-weight:750}.home .logo-mark{background:linear-gradient(160deg,#ff8a3d,#f26b21 55%,#e35d14);box-shadow:0 6px 14px #f26b2138}.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,.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-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{clip-path:polygon(18% 12%,88% 50%,18% 88%);background:linear-gradient(160deg,#ff8a3d,#f26b21 55%,#e35d14);border-radius:7px;flex-shrink:0;width:22px;height:22px}.hero-editor-brand{color:#fff;letter-spacing:-.04em;font-size:13px;font-weight:800}.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:#05070e;border-radius:10px;position:relative;overflow:hidden}.hero-editor-sky{background:radial-gradient(circle at 50% 42%,#f26b2129,#0000 42%),radial-gradient(circle at 70% 20%,#5064b429,#0000 36%),linear-gradient(#070b16 0%,#05070e 100%);position:absolute;inset:0}.hero-editor-star{background:#ffffffe6;border-radius:50%;width:2px;height:2px;position:absolute}.hero-editor-star--1{top:16%;left:18%}.hero-editor-star--2{top:24%;left:72%}.hero-editor-star--3{top:12%;left:46%}.hero-editor-star--4{top:34%;left:28%}.hero-editor-star--5{top:20%;left:84%}.hero-editor-star--6{top:8%;left:62%}.hero-editor-star--7{top:30%;left:58%}.hero-editor-star--8{top:14%;left:8%}.hero-editor-spark{opacity:.7;background:linear-gradient(#fff,#fff) 50%/1.5px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 1.5px no-repeat;width:7px;height:7px;position:absolute}.hero-editor-spark--1{top:22%;left:22%}.hero-editor-spark--2{top:28%;right:18%}.hero-editor-scene{animation:heroEditorShake var(--hero-demo) linear infinite;position:absolute;inset:0}.hero-editor-demo-text{color:#fff;letter-spacing:-.06em;white-space:nowrap;text-shadow:none;clip-path:inset(0 100% 0 0);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-demo-text--ghost{pointer-events:none;clip-path:none}.hero-editor-demo-text--ghost-a{color:#3ec6ff;animation-name:heroEditorRgbA}.hero-editor-demo-text--ghost-a span{color:#3ec6ff}.hero-editor-demo-text--ghost-b{color:#ff4d2e;animation-name:heroEditorRgbB}.hero-editor-demo-text--ghost-b span{color:#ff4d2e}.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-demo-effect{pointer-events:none;animation:heroEditorFxBurst var(--hero-demo) linear infinite;background:radial-gradient(circle at 50% 46%,#f26b219e,#0000 46%),radial-gradient(circle at 50% 46%,#ffffff47,#0000 24%);position:absolute;inset:0}.hero-editor-glitch{pointer-events:none;mix-blend-mode:overlay;height:10px;animation:heroEditorGlitchBar var(--hero-demo) linear infinite;background:#ffffff8c;position:absolute;left:12%;right:12%}.hero-editor-glitch--1{top:38%}.hero-editor-glitch--2{background:#f26b21b3;height:6px;top:54%}.hero-editor-playback{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%,4%{opacity:1;clip-path:inset(0 100% 0 0);filter:none;transform:translate(-50%,-50%)}10%{clip-path:inset(0 72% 0 0)}16%{clip-path:inset(0 46% 0 0)}22%{clip-path:inset(0 22% 0 0)}28%,60%{opacity:1;clip-path:inset(0);filter:none;transform:translate(-50%,-50%)}63%{opacity:1;clip-path:inset(0);filter:contrast(1.35);transform:translate(calc(14px - 50%),calc(-50% - 10px))skew(-10deg)}67%{transform:translate(calc(-50% - 16px),calc(12px - 50%))skew(8deg)}71%{transform:translate(calc(10px - 50%),calc(6px - 50%))skew(-6deg)}75%{transform:translate(calc(-50% - 12px),calc(-50% - 8px))skew(9deg)}80%{transform:translate(calc(8px - 50%),calc(4px - 50%))skew(-4deg)}86%{filter:none;transform:translate(-50%,-50%)skew(0)}92%,to{opacity:0;clip-path:inset(0);filter:none;transform:translate(-50%,-50%)}}@keyframes heroEditorRgbA{0%,61%,90%,to{opacity:0;transform:translate(-50%,-50%)}63%,68%,73%,78%,84%{opacity:.7;transform:translate(calc(-50% - 10px),calc(4px - 50%))}65%,71%,76%,82%{opacity:.35;transform:translate(calc(8px - 50%),calc(-50% - 6px))}}@keyframes heroEditorRgbB{0%,61%,90%,to{opacity:0;transform:translate(-50%,-50%)}63%,68%,73%,78%,84%{opacity:.7;transform:translate(calc(12px - 50%),calc(-50% - 5px))}65%,71%,76%,82%{opacity:.35;transform:translate(calc(-50% - 9px),calc(7px - 50%))}}@keyframes heroEditorShake{0%,61%,90%,to{transform:none}63%{transform:translate(14px,-10px)rotate(-1.4deg)}66%{transform:translate(-16px,12px)rotate(1.6deg)}69%{transform:translate(12px,8px)rotate(-1.1deg)}72%{transform:translate(-14px,-7px)rotate(1.2deg)}75%{transform:translate(11px,14px)rotate(-.9deg)}78%{transform:translate(-13px,-12px)rotate(1.3deg)}81%{transform:translate(9px,6px)rotate(-.7deg)}84%{transform:translate(-8px,-9px)rotate(.6deg)}87%{transform:none}}@keyframes heroEditorFxBurst{0%,60%{opacity:0}62%{opacity:1}66%{opacity:.2}70%{opacity:.95}78%{opacity:.25}86%{opacity:.8}91%,to{opacity:0}}@keyframes heroEditorGlitchBar{0%,61%,89%,to{opacity:0;transform:translate(0)}63%{opacity:.9;transform:translate(18px)}66%{opacity:0;transform:translate(-22px)}70%{opacity:.85;transform:translate(10px)}74%{opacity:0}78%{opacity:.8;transform:translate(-16px)}84%{opacity:.4;transform:translate(8px)}87%{opacity:0}}@keyframes heroEditorPopMarks{0%,6%{opacity:0}10%,28%{opacity:1}34%,to{opacity:0}}@keyframes heroEditorElement{0%,32%{opacity:0;transform:translate(-8px,12px)}38%{opacity:1;transform:translate(4px,-10px)}46%,90%{opacity:1;transform:translate(8px,-16px)}to{opacity:0;transform:translate(10px,-18px)}}@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%}}@media (prefers-reduced-motion:reduce){.hero-editor-demo-text,.hero-editor-demo-element,.hero-editor-demo-effect,.hero-editor-scene,.hero-editor-pop-mark,.hero-editor-glitch,.hero-editor-rail-item,.hero-editor-progress-fill{animation:none!important}.hero-editor-demo-text{opacity:1;clip-path:none;transform:translate(-50%,-50%)}.hero-editor-demo-text--ghost,.hero-editor-demo-effect,.hero-editor-glitch{display:none}.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{background:linear-gradient(160deg,#ff8a3d,#f26b21 55%,#e35d14);border-radius:8px;flex-shrink:0;width:24px;height:24px}.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{animation:8s ease-in-out infinite heroOverlayIn}.hero-demo-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-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:36px;display:grid}.examples .section-lead{max-width:380px;margin-top:12px}.diff-frame{grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.diff-side{border:1px solid var(--home-border);background:#fff;box-shadow:0 10px 24px #2c1c100d}.diff-label{z-index:2;color:#fff;background:#1714129e;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.diff-play{z-index:3;pointer-events:none;background:#1714128c;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diff-play:after{content:"";border:8px solid #0000;border-left:12px solid #fff;border-right-width:0;position:absolute;top:12px;left:16px}.features-head{max-width:520px;margin-bottom:24px}.features .section-lead{margin-top:10px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--home-border);background:#fff;border-radius:22px;padding:16px 16px 20px;box-shadow:0 8px 20px #2c1c100a}.feature-preview{height:132px;color:var(--home-accent);background:#fff7f1;border-radius:16px;margin-bottom:16px;padding:10px}.feature-mini-canvas{height:100%}.feature-mini-canvas .video-subject{aspect-ratio:auto;height:100%}.feature-mini-text{border:2px solid var(--home-accent);color:var(--home-text);letter-spacing:-.03em;background:#ffffffeb;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:22%;left:50%;transform:translate(-50%)}.feature-mini-arrow{width:42px;color:var(--home-accent);position:absolute;bottom:24%;right:14%}.feature-preview--timeline{display:block}.feature-mini-timeline{gap:8px;width:100%;display:grid}.feature-mini-timeline-row{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;display:grid}.feature-mini-timeline-label{color:var(--home-muted);font-size:10px;font-weight:700}.feature-mini-timeline-bar{background:#f3f4f8;border-radius:999px;height:18px}.feature-mini-timeline-bar--video{background:linear-gradient(90deg,#d9cbbd,#cbb9a8)}.feature-mini-timeline-bar--text,.feature-mini-timeline-bar--element{color:#fff;justify-content:center;align-items:center;width:42%;font-size:9px;font-weight:700;display:inline-flex}.feature-mini-timeline-bar--text{background:var(--home-accent)}.feature-mini-timeline-bar--element{background:#ff9a4d;width:28%}.feature-card h3{letter-spacing:-.03em;margin:0 0 8px;font-size:18px}.feature-card p{color:var(--home-muted);margin:0;font-size:14px;line-height:1.5}.how-it-works{padding-top:44px}.how-it-works h2{margin-bottom:28px}.steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px 12px;display:grid}.step-wrap{display:contents}.step{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.step-num{background:var(--home-accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.step-icon{width:56px;height:56px;color:var(--home-accent);background:#fff3ea;border-radius:50%;place-items:center;display:grid}.step h3{margin:0 0 4px;font-size:18px}.step p{color:var(--home-muted);margin:0;font-size:13px;line-height:1.45}.step-arrow{color:#f3c7a4;font-size:22px;font-weight:700}.privacy-strip{background:#eaf8ef;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:#16a34a;background:#dcfce7;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:#15803d;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}.home-footer{border-top:1px solid var(--home-border);background:0 0;padding:24px 0 28px}.home-footer-inner{grid-template-columns:1.2fr 1fr auto;align-items:center;gap:20px;display:grid}.home-footer-brand p,.home-footer-meta{color:var(--home-muted);margin:6px 0 0;font-size:13px}.home-footer nav{justify-content:center;gap:22px;display:flex}.home-footer a{color:var(--home-muted);font-size:14px;font-weight:600;text-decoration:none}.home-footer a:hover{color:var(--home-text)}.home-footer-meta{text-align:right}@media (width<=980px){.hero-grid,.examples-layout,.home-footer-inner{grid-template-columns:1fr}.hero-visual{width:100%;max-width:640px;margin:0 auto;transform:none}.hero-editor-laptop{transform:none}.hero-editor-arc{display:none}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:18px}.step-wrap{grid-template-columns:minmax(0,1fr);display:grid}.step-arrow{display:none}.privacy-strip{justify-items:start;display:grid}.home-footer-inner{justify-items:start}.home-footer nav,.home-footer-meta{text-align:left;justify-content:flex-start}}@media (width<=720px){.home-nav-inner,.hero,.home-section,.privacy-strip,.final-cta-card,.home-footer-inner{width:min(var(--home-max), calc(100% - 28px))}.home-nav-inner{grid-template-columns:1fr auto;gap:10px}.home-nav-links{display:none}.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}.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}.diff-frame{grid-template-columns:1fr}}.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}