:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182b47;background:#f5f9fd;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:290px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#2467b6;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #387dd6;outline-offset:3px}input:not([type=checkbox]):not([type=range]),select{border:1px solid #ccd9e8;background:#fff;color:#1f344f;border-radius:10px;min-height:38px;padding:7px 10px;min-width:0;width:100%;box-shadow:0 1px 2px #1d4c8710}input[type=range]{width:100%;accent-color:#357bd6;cursor:pointer}input[type=checkbox]{accent-color:#2f7cd7}input[readonly]{background:#f4f8fb;color:#667791}.site-header{height:67px;display:flex;align-items:center;gap:20px;padding:0 max(25px,calc((100vw - 1550px)/ 2));background:#fff;border-bottom:1px solid #e3eaf2}.brand{font-weight:790;letter-spacing:-.7px;color:#213e60;font-size:20px;display:flex;align-items:center;gap:9px}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(135deg,#60b4f8,#2e79d4);border-radius:11px;display:grid;place-items:center;width:31px;height:31px;color:#fff;font-weight:800;font-size:21px}.site-header nav{display:flex;gap:20px;margin-left:30px;font-size:13px;font-weight:600}.header-pill{margin-left:auto;font-size:12px;border:1px solid #dcece4;border-radius:999px;background:#f3fcf7;padding:8px 12px;color:#3c8056;font-weight:650;white-space:nowrap}.status-dot{display:inline-block;background:#28ad6e;width:7px;height:7px;border-radius:50%;margin-right:6px}.app-shell{max-width:1640px;margin:auto;padding:25px 25px 70px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:5px 0 23px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#4b85c9}.hero h1{margin:9px 0;font-size:clamp(29px,3.6vw,42px);letter-spacing:-1.8px;line-height:1.12;color:#1e3c64}.hero-tag{font-size:.49em;vertical-align:middle;letter-spacing:0;background:#e2efff;border-radius:999px;padding:7px 10px;color:#2e76c5}.hero p{font-size:14px;color:#6b7b90;max-width:720px;line-height:1.7;margin:0}.hero-actions{display:flex;gap:8px;padding-bottom:4px}.button{border:1px solid transparent;padding:10px 14px;border-radius:11px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;white-space:nowrap}.button.primary{background:#327bdb;color:#fff;box-shadow:0 4px 15px #367be527}.button.primary:hover{background:#1f67be}.button.secondary{background:#edf4fc;border-color:#d5e4f3;color:#35669e}.button.secondary:hover{background:#e0effe}.button.ghost{background:#fff;border-color:#dce6f0;color:#455b76}.button.ghost:hover{background:#f3f8fe}.button.danger{color:#b44343;background:#fff2f2;border-color:#f9d6d6}.button.mini{min-height:31px;padding:6px 10px;font-size:11px;border-radius:8px}.button.full{width:100%}.studio{display:grid;grid-template-columns:244px minmax(0,1fr) 264px;gap:14px;align-items:start}.editor-panel,.sidebar{border-radius:17px;border:1px solid #e0e9f3;background:#fff;box-shadow:0 7px 30px #203e5c09}.sidebar{padding:18px;min-width:0}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-top h2{font-size:15px;letter-spacing:-.25px;margin:0 0 4px}.section-top p{font-size:11px;color:#8190a2;margin:0}.file-actions{display:grid;gap:7px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:680;color:#556983;min-width:0;margin-top:12px}.field span{display:flex;align-items:center;justify-content:space-between}.field output{color:#2f77c6;font-weight:800}.library-title{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:#92a0b0;font-weight:800;margin:19px 0 11px}.preset-list{display:grid;gap:7px}.preset{border:1px solid #e4edf6;background:#fbfdff;padding:10px;border-radius:10px;display:flex;align-items:center;text-align:left;gap:10px;color:#344a68;width:100%;min-height:51px}.preset:hover{border-color:#91bde8;background:#f1f7ff}.preset-icon{display:grid;place-items:center;border-radius:10px;width:33px;height:33px;flex:none;font-size:17px;background:#e8f2ff}.preset-info{flex:1;min-width:0}.preset-info strong{font-size:11px;font-weight:720;display:block;line-height:1.3}.preset-info small{font-size:10px;color:#8192a8}.preset-plus{font-size:20px;color:#5590d6}.library-note{background:#f4f9ff;padding:12px;border-radius:11px;border:1px solid #dfecfa;margin-top:18px;font-size:11px;color:#6b7d94;line-height:1.55}.library-note strong{color:#3a6da9}.library-note p{margin:4px 0 0}.editor-panel{min-width:0;overflow:hidden}.editor-toolbar{padding:17px 18px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eff6;align-items:center;flex-wrap:wrap}.scene-title{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:750;color:#8998aa;min-width:180px;flex:1}.scene-title input{font-size:15px!important;font-weight:750;border:none!important;padding:4px 0!important;box-shadow:none!important;width:min(100%,400px)!important;min-height:29px!important}.editor-tools{display:flex;gap:5px;flex-wrap:wrap}.player{display:flex;align-items:center;gap:9px;padding:13px 18px}.play-button{background:#347cdb;color:#fff;display:grid;place-items:center;border:0;border-radius:12px;width:39px;height:39px;flex:none;font-size:16px}.play-button:hover{background:#2369c7}.clock{font-size:11px;font-weight:770;color:#3c5573;font-variant-numeric:tabular-nums;white-space:nowrap}.player #seek{flex:1;min-width:30px}.zoom-field{display:flex;flex-direction:column;gap:4px;width:110px;color:#8290a1;font-size:10px;font-weight:700;white-space:nowrap}.timeline-card{margin:0 12px;background:#f8fbfe;border:1px solid #e5edf5;border-radius:12px;overflow:hidden}.timeline-help{font-size:10px;color:#8a9bb0;background:#fff;padding:10px 12px;border-bottom:1px solid #e5edf5}.timeline-scroller{overflow:auto;max-width:100%;scrollbar-color:#cad8e7 #f6f9fd}.timeline-scroller canvas{display:block;touch-action:pan-x pan-y;cursor:crosshair}.track-controls{display:flex;gap:8px;overflow:auto;padding:13px 16px 10px}.track-card{background:#f6f9fd;border:1px solid #e2ebf5;min-width:146px;max-width:190px;flex:1;padding:9px;border-radius:10px}.track-row{display:flex;align-items:center;gap:5px}.track-row input{width:100%!important;border:0!important;background:0 0!important;font-size:11px!important;font-weight:750!important;padding:3px!important;box-shadow:none!important;min-height:24px!important}.track-card .flags{display:flex;gap:5px;margin-top:6px;align-items:center}.flag{background:#fff;border:1px solid #dce6f1;border-radius:6px;min-width:28px;min-height:24px;font-size:10px;color:#6e829a}.flag.active{background:#d4e9ff;color:#236dc7;border-color:#83b6ec}.flag.remove{margin-left:auto;color:#ab5a63}.track-card input[type=range]{margin-top:5px}.editor-bottom{padding:12px 16px;display:grid;gap:9px}.tip{font-size:11px;color:#8190a2;line-height:1.5}.tip-icon{font-size:16px;color:#3d89de}.status{border-radius:8px;background:#edf7ff;color:#4173a8;padding:9px 11px;font-size:11px;line-height:1.5}.status.error{background:#fff1f0;color:#b23e3c}.status.good{background:#ecfaef;color:#33835a}.inspector-panel{padding-bottom:25px}.inspector-empty{padding:22px 12px;border:1px dashed #d9e5f1;background:#f8fbfd;border-radius:10px;text-align:center;line-height:1.6;color:#8798ab;font-size:12px}.double{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check{display:flex;align-items:center;gap:8px;margin:12px 0;color:#536a85;font-size:12px;font-weight:650}.clip-actions{display:flex;gap:7px;margin-top:16px}.clip-actions .button{flex:1}.sidebar hr{border:0;border-top:1px solid #e6edf4;margin:22px 0}.export-note{font-size:10px;line-height:1.65;color:#8494a7;margin-top:9px}.explain{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;margin:35px 0 30px}.explain h2{font-size:20px;letter-spacing:-.6px;margin:0 0 9px}.explain h3{font-size:14px;margin:0 0 9px}.explain p{font-size:12px;line-height:1.8;color:#7c8b9f;margin:0}.faq{margin-top:15px;max-width:950px}.faq h2{font-size:19px}.faq details{border-top:1px solid #dde8f5;padding:13px 0;color:#415771}.faq summary{font-size:13px;font-weight:700;cursor:pointer}.faq p{font-size:12px;line-height:1.75;color:#74869c}.processing{position:fixed;inset:0;background:#0b183c99;z-index:50;display:grid;place-items:center;padding:15px}.processing[hidden],[hidden]{display:none!important}.processing-card{background:#fff;width:min(100%,390px);padding:30px;border-radius:19px;text-align:center;box-shadow:0 30px 90px #0004}.processing-card h2{font-size:19px;margin:8px 0}.processing-card p{font-size:13px;color:#77899c;line-height:1.5}.spinner{display:inline-block;border:3px solid #e5f0fd;border-top-color:#327bdb;width:28px;height:28px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;padding:30px;color:#8798ab;font-size:11px;border-top:1px solid #e5edf5;background:#fff}@media(max-width:1250px){.studio{grid-template-columns:205px minmax(0,1fr)}.inspector-panel{grid-column:1/-1;display:block}.inspector-panel #clip-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;align-items:end}.inspector-panel #clip-editor[hidden]{display:none}.inspector-panel #clip-editor .clip-actions{align-items:center}.inspector-panel hr{margin:15px 0}}@media(max-width:800px){.site-header{padding:0 16px}.site-header nav{margin-left:0}.app-shell{padding:19px 13px 45px}.hero{align-items:flex-start;flex-direction:column;gap:12px}.studio{grid-template-columns:1fr}.library-panel{display:block}.preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.library-note{margin-top:12px}.inspector-panel{grid-column:auto}.explain{grid-template-columns:1fr 1fr;gap:20px}.editor-toolbar{padding:13px}.editor-tools{width:100%}.editor-tools .button{flex:1}.inspector-panel #clip-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.player{padding:12px}.hero h1{font-size:30px}}@media(max-width:480px){.site-header{height:58px;gap:8px}.brand{font-size:16px}.site-header nav{gap:9px;font-size:11px}.site-header nav a:first-child{display:none}.header-pill{padding:6px 8px;font-size:10px}.hero-actions{width:100%}.hero-actions .button{flex:1}.preset-list{grid-template-columns:1fr 1fr;gap:6px}.preset{padding:8px;min-height:60px}.preset-icon{width:29px;height:29px;font-size:15px}.preset-info strong{font-size:10px}.preset-plus{font-size:16px}.zoom-field{display:none}.player{gap:6px}.player .clock{font-size:10px}.inspector-panel #clip-editor{grid-template-columns:1fr}.explain{grid-template-columns:1fr}.track-card{min-width:125px}}@media(prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;scroll-behavior:auto!important}}.timeline-content{position:relative;min-width:100%;height:auto}.timeline-content canvas{position:sticky;left:0}.clip-list-section{border-bottom:1px solid #e8eff6;padding:10px 16px 3px}.clip-list-heading{display:flex;justify-content:space-between;color:#70869e;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800;margin-bottom:7px}.clip-list-heading span{color:#3e80cb}.clip-list{display:flex;gap:6px;overflow:auto;max-height:95px;padding-bottom:8px;scrollbar-color:#d8e5f2 #f9fcfe}.clip-pill{background:#f7faff;border:1px solid #dbe7f4;border-radius:9px;padding:7px 9px;text-align:left;min-width:113px;max-width:165px;flex:none;color:#476480}.clip-pill strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}.clip-pill small{display:block;font-size:10px;color:#8da1b6;margin-top:2px}.clip-pill[aria-pressed=true]{background:#e2efff;border-color:#5898e1;color:#225f9d}.clip-list-empty{color:#92a2b1;font-size:11px;padding:4px 0 9px}.sequence-box{border:1px solid #d8e7f8;border-radius:16px;padding:14px;margin:12px 0;background:linear-gradient(145deg,#f6faff,#fff);display:grid;gap:9px;min-width:0}.sequence-box h3{font-size:14px;font-weight:750;color:#25476c;margin:0}.sequence-box p{margin:0;font-size:12px;color:#657c96;line-height:1.5}.sequence-box .field{margin:0}.sequence-box .double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sequence-box .double input{width:100%;min-width:0}.compact-save{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#486987;white-space:nowrap;cursor:pointer}.normalize-check{display:flex;flex-wrap:wrap;gap:7px;align-items:center;line-height:1.5;margin:9px 0}.normalize-check small{display:block;width:100%;padding-left:24px;color:#657c96;font-size:11px}#export-clip-btn{margin-top:8px}@media(max-width:500px){.compact-save{white-space:normal}.sequence-box{padding:11px}}