@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,sans-serif;color:var(--ink);background:#f5f4f1;font-synthesis:none;font-size:13px;--ink: #34363c;--accent: #486b9a;--muted: #6f7078;--line: #e3e1dc;--surface-soft: #f7f6f3;--surface: #ffffff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;border:0;background:none;transition:background .18s,color .18s,opacity .18s}button:disabled{opacity:.38;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.12)}a{color:inherit;text-decoration:none}input,select{color:inherit;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;padding:9px 11px;min-width:0}select{cursor:pointer}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;cursor:pointer}input[type=range]{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background:#eeedf0;border:0;margin:15px 0 24px;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);cursor:pointer}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--accent);border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope Variable,DM Sans Variable,sans-serif}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.5}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 18px;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:54px}.brand img{width:33px;height:33px;border-radius:8px}.brand>span{font-family:Manrope Variable,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.2px}.brand-dot{color:var(--accent)}.workspace-label{font-size:9px;letter-spacing:1.8px;color:var(--muted);padding:0 13px;margin-bottom:14px;font-weight:700}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.sidebar-setting{justify-content:flex-start;padding:13px 14px;color:var(--muted);border-radius:7px;font-weight:500;width:100%}.sidebar nav button.active{color:var(--accent);background:var(--surface-soft)}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto}.count{margin-left:auto;color:var(--muted);font-size:11px}.sidebar-bottom{margin-top:auto}.studio-note{border:1px solid var(--line);border-radius:9px;padding:17px 14px;margin:40px 3px 20px;background:linear-gradient(135deg,var(--surface-soft),#ffffff)}.note-art{height:62px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.note-art div{width:82px;height:48px;background:#9aafcb;transform:rotate(-9deg);border-radius:5px;box-shadow:5px 5px #486b9a16}.note-art div:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#e2e9f2;border-radius:2px}.note-art svg{position:absolute;color:var(--ink);right:27px;top:0}.studio-note h3{font-size:12px;color:var(--ink);margin-bottom:7px}.studio-note p{font-size:11px;color:var(--muted);line-height:1.7}.studio-note button{margin-top:17px;padding:0;font-size:11px;color:var(--ink);width:100%;justify-content:space-between}.sidebar-setting{font-size:12px}.sidebar-setting.active{color:var(--accent)}.sidebar-footer{display:flex;gap:6px;align-items:center;font-size:8px;color:var(--muted);border-top:1px solid var(--line);padding-top:19px;margin:14px 8px 0}.status-light{display:inline-block;width:5px;height:5px;background:#8ca4c4;border-radius:50%;flex-shrink:0}main{margin-left:224px;width:calc(100% - 224px);padding:0 34px 20px;max-width:2000px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:17px}.top-actions select{background:none;border:0;font-size:11px;color:var(--ink);padding:6px 4px;max-width:140px}.top-actions option{background:var(--surface-soft)}.version{border-left:1px solid var(--line);padding-left:17px;font-size:10px;color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 30px}.eyebrow{font-size:9px;color:var(--muted);letter-spacing:1.9px;font-weight:600;margin-bottom:12px}h1{font-size:clamp(22px,2.05vw,34px);font-weight:600;letter-spacing:-1.15px;line-height:1.35}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.7}.primary{background:var(--accent);color:var(--muted);border:1px solid var(--accent);padding:12px 17px;border-radius:7px;font-weight:650;font-size:12px;white-space:nowrap;box-shadow:0 3px 12px #486b9a16}.secondary{padding:11px 16px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface-soft);font-size:12px}.quiet-button{color:var(--ink);font-size:11px;padding:8px}.quiet-button:hover{color:var(--accent)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:59px;border:1px solid var(--line);border-radius:10px 10px 0 0;background:var(--surface-soft);padding:10px 17px}.project-title{display:flex;gap:9px;align-items:center;font-size:11px;min-width:0}.project-title input{padding:5px 2px;border:0;background:transparent;width:220px;max-width:28vw;font-size:11px}.project-title>span:not(.project-dot):not(.pill):not(.saved){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dot{width:6px;height:6px;border-radius:2px;background:#8ca4c4}.pill{font-size:7px;letter-spacing:.9px;border:1px solid var(--line);color:var(--muted);padding:4px 6px;border-radius:4px;white-space:nowrap}.saved{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted);white-space:nowrap}.toolbar-actions{display:flex;gap:13px;flex-shrink:0}.export-button{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:7px 10px;color:var(--ink);background:#eeedf0}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 258px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;overflow:hidden;background:#fff}.editor-main{min-width:0;border-right:1px solid var(--line)}.preview-stage{padding:16px 25px 13px;background:radial-gradient(ellipse at 45% 20%,var(--surface-soft),#ffffff 80%);position:relative}.preview-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.preview-meta>span{display:flex;align-items:center;gap:7px}.preview-meta i{width:4px;height:4px;border-radius:50%;background:#8ca4c4}.icon-button{width:29px;height:29px;border-radius:5px;color:var(--muted);padding:5px;flex-shrink:0}.icon-button:hover{background:#eeedf0}.canvas-wrap{display:flex;align-items:center;justify-content:center;height:clamp(260px,31vw,510px)}canvas{display:block;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;box-shadow:0 5px 30px #0002}.placing canvas{cursor:crosshair;outline:1px dashed var(--accent);outline-offset:4px}.canvas-caption{font-size:9px;color:var(--muted);text-align:center;margin-top:17px}.point-hint{display:flex;gap:7px;justify-content:center;color:var(--accent);margin-top:15px;font-size:11px}.preview-stage:fullscreen{display:flex;flex-direction:column;justify-content:center}.preview-stage:fullscreen .canvas-wrap{height:85vh}.demo-invite{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-soft);padding:10px 16px;font-size:10px}.demo-invite>span{display:flex;align-items:center;gap:7px;color:var(--ink)}.demo-invite>span svg{color:var(--ink)}.demo-invite button{font-size:10px;color:var(--accent)}.style-panel{background:var(--surface-soft);display:flex;flex-direction:column}.panel-heading{display:flex;gap:9px;align-items:center;padding:22px 21px 20px;border-bottom:1px solid var(--line);color:var(--ink)}.panel-heading h2{font-size:12px;font-weight:600}.style-panel section{padding:20px 21px 0}.setting-label{display:flex;align-items:center;gap:8px;margin-bottom:17px;color:var(--muted)}.setting-label h3{font-family:inherit;font-size:11px;color:var(--ink);font-weight:500}.swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:13px}.swatches button{min-width:0;padding:0;border:1px solid #34363c12;width:100%;aspect-ratio:1;border-radius:50%;position:relative;color:var(--muted);font-size:14px}.swatches button:last-child{color:var(--ink)}.swatches .selected{outline:2px solid var(--accent);outline-offset:3px}.color-input{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line)}.color-input input{width:16px;height:16px;padding:0;background:none;border:0;cursor:pointer}.color-input input::-webkit-color-swatch-wrapper{padding:0}.color-input code{margin-left:auto;font-size:9px;color:var(--muted)}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--ink)}.range-label span{font-family:monospace;color:var(--ink);font-size:10px}.style-panel section+section{border-top:1px solid var(--line);margin:17px 21px 0;padding:18px 0 0}.style-panel input[type=range]:last-child{margin-bottom:0}.help{color:var(--muted);font-size:10px;line-height:1.7}.style-panel .help{margin-top:-9px}.segmented{display:flex;background:#fff;border:1px solid var(--line);padding:3px;border-radius:6px;gap:3px;margin-bottom:23px}.segmented button{flex:1;padding:7px 3px;font-size:10px;color:var(--muted);border-radius:4px}.segmented button.active{background:#eeedf0;color:var(--ink)}.panel-foot{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:9px;padding:18px 20px;border-top:1px solid var(--line);margin-top:auto}.spark{font-size:19px;color:var(--ink)}.timeline{background:#fff}.timeline>header{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid var(--line)}.playback{display:flex;align-items:center;gap:9px}.play-button{height:28px;width:30px;background:#dce5ef;border-radius:5px;color:var(--muted)}.timecode{font-family:monospace;font-size:10px;margin-left:5px;color:var(--ink)}.timecode>span{color:var(--muted);margin-left:4px}.timeline-empty{padding:48px 20px;text-align:center;font-size:11px;color:var(--muted)}.timeline-body{padding:12px 16px 13px}.ruler{display:flex;justify-content:space-between;margin-left:92px;font-family:monospace;color:var(--muted);font-size:8px;padding-bottom:11px}.track-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}.track-label{display:flex;align-items:center;gap:6px;width:78px;flex-shrink:0;font-size:9px;color:var(--muted)}.tracks{height:39px;background:#dce2eb;border-radius:5px;position:relative;flex:1;cursor:crosshair}.filmstrip{height:100%;display:flex;gap:3px;overflow:hidden;border:1px solid #b5c4d7;border-radius:5px;padding:3px}.filmstrip>span{flex:1;min-width:19px;background:#d5dfeb;display:flex;gap:2px;padding:8px 3px 4px;position:relative}.filmstrip>span:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:3px;background:#e6ebf2}.filmstrip i{background:#91a8c5;flex:1;align-self:end;height:50%}.filmstrip i:nth-child(2){height:85%}.filmstrip i:nth-child(3){height:65%}.playhead{position:absolute;top:-13px;bottom:-40px;width:1px;background:#849ec0;z-index:3;pointer-events:none}.playhead:before{content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;background:#849ec0;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.trim-mask{position:absolute;top:0;bottom:0;background:#ffffffb0;pointer-events:none}.trim-mask.left{left:0}.trim-mask.right{right:0}.zoom-track{height:28px;flex:1;background:var(--surface-soft);border-radius:5px;position:relative;cursor:crosshair}.zoom-clip{position:absolute;height:100%;top:0;background:#eeedf0;border:1px solid var(--line);border-radius:4px;color:var(--ink);overflow:hidden;font-size:9px;min-width:14px;gap:5px}.zoom-clip.selected{background:#dce2eb;border-color:#b5c4d7}.empty-track{font-size:9px;color:var(--muted);padding:7px 12px;display:block}.trim-controls{display:flex;align-items:center;gap:12px;margin-left:92px;margin-top:14px;font-size:9px;color:var(--muted)}.trim-controls label{display:flex;align-items:center;gap:4px}.trim-controls input{width:56px;padding:3px;font-size:9px}.timeline-note{margin-left:auto;font-size:8px;color:var(--muted)}.key-editor{display:flex;gap:10px;align-items:end;padding:14px 0 0;margin-top:12px;border-top:1px solid var(--line)}.key-editor label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--ink);flex:1;min-width:0}.key-editor input{width:100%;font-size:10px;padding:6px}.highlight{color:var(--accent);background:#eeedf0;border-radius:5px}.editor-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 1px;color:var(--muted);font-size:9px}.editor-bottom>span{display:flex;align-items:center;gap:7px}.editor-bottom button{font-size:9px;color:var(--muted)}.heading-count{font-size:15px;background:#eeedf0;color:var(--ink);padding:3px 10px;vertical-align:middle;border-radius:7px;margin-left:15px;letter-spacing:0}.empty-library{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:12px;color:var(--ink);gap:20px}.empty-library h2{font-size:23px;color:var(--ink)}.empty-library p{color:var(--muted);font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-soft)}.project-cover{width:100%;aspect-ratio:16/10;position:relative;padding:0;overflow:hidden}.duration-badge{position:absolute;bottom:9px;right:9px;background:#ffffffc9;color:var(--ink);padding:4px 6px;border-radius:3px;font-size:9px;font-family:monospace}.project-info{display:flex;padding:17px 13px;gap:8px;justify-content:space-between;align-items:center}.project-info>button:first-child{min-width:0;display:block;text-align:left}.project-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.project-info p{font-size:9px;color:var(--muted);margin-top:7px}.settings-content{max-width:900px}.settings-section{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.settings-section h2,.storage-section h2{font-size:16px;margin-bottom:8px;color:var(--ink)}.settings-section p,.storage-section p{color:var(--muted);font-size:12px;line-height:1.6}.preference-stack{display:grid;gap:12px}.check-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink)}.storage-section{margin-top:32px;border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:28px}.storage-top{display:flex;align-items:center;gap:16px;color:var(--ink)}.storage-stats{display:flex;gap:70px;padding:30px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.storage-stats>div{display:flex;flex-direction:column;gap:8px}.storage-stats strong{font-family:Manrope Variable,sans-serif;font-size:28px;font-weight:500;color:var(--ink)}.storage-stats span{font-size:11px;color:var(--muted)}.storage-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.danger-button{border:1px solid #e6bab0;color:#b44d39;background:#fcefeb;border-radius:6px;padding:11px 14px;font-size:12px}.danger-text{color:#b44d39}.about{display:flex;align-items:center;gap:15px;padding:36px 0;color:var(--ink)}.about img{width:40px;height:40px;border-radius:8px}.about strong{font-size:12px}.about p{font-size:11px;color:var(--muted);margin-top:7px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffc9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.modal{width:480px;max-width:100%;max-height:90vh;overflow:auto;background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 24px 80px #55514b24;outline:none}.modal.wide{width:700px}.modal>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.modal h2{font-size:22px;font-weight:500;letter-spacing:-.6px;color:var(--ink)}.modal-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:16px 0 23px}.modal-illustration{height:120px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:radial-gradient(ellipse at center,#eeedf0,var(--surface-soft) 65%);border-radius:9px;position:relative}.record-mark{position:absolute;left:calc(50% + 13px);top:31px;background:#e9a48c;width:15px;height:15px;border-radius:50%;border:4px solid var(--line)}.record-options{border:1px solid var(--line);border-radius:9px;padding:0 15px}.record-options>label{display:flex;gap:12px;align-items:center;padding:15px 0;color:var(--ink);font-size:12px}.record-options>label+label{border-top:1px solid var(--line)}.record-options input{margin-left:auto}.info-note{background:var(--surface-soft);border-left:2px solid #b5c4d7;padding:13px 14px;color:var(--muted);font-size:11px;line-height:1.8;margin:21px 0}.full-width{width:100%;justify-content:center}.fine-print{text-align:center;font-size:9px;line-height:1.7;color:var(--muted);margin-top:15px}.export-options{display:flex;gap:15px}.export-options>label{display:flex;flex:1;min-width:0;flex-direction:column;gap:9px;color:var(--ink);font-size:11px}.audio-export{margin:21px 0}.export-summary{display:flex;justify-content:space-between;gap:10px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.export-summary>span{display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:10px}.export-summary strong{font-family:monospace;font-weight:400;font-size:13px;color:var(--ink)}.progress-track{height:5px;background:#dce2eb;border-radius:4px;overflow:hidden}.progress-track div{height:100%;background:var(--accent);transition:width .15s}.progress-label{margin:12px 0 22px;font-size:11px;color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.guide{padding-left:24px;counter-reset:guide}.guide li{color:var(--ink);padding-left:9px;margin:25px 0}.guide strong{font-family:Manrope Variable,sans-serif;font-size:15px;color:var(--ink);font-weight:500}.guide p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:8px}.recording-bar{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:17px;border-radius:12px;padding:12px 13px 12px 20px;background:#eeedf0;border:1px solid #b5c4d7;box-shadow:0 12px 35px #55514b24;white-space:nowrap}.recording-dot{width:9px;height:9px;background:#efa58e;border-radius:50%;animation:pulse 1.8s infinite}.recording-bar strong{font-size:12px;font-weight:500}.recording-bar code{color:var(--ink)}.recording-bar button{padding:10px;border-radius:6px;background:#e0b59f;color:#b44d39;font-size:11px}.toast{position:fixed;bottom:28px;left:calc(50% + 112px);transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:12px;padding:13px 15px 13px 18px;background:#eeedf0;border:1px solid #b5c4d7;border-radius:9px;color:var(--ink);font-size:12px;box-shadow:0 12px 40px #55514b1a;max-width:calc(100vw - 35px);width:max-content}.toast.error{background:#fcefeb;border-color:#e6bab0;color:var(--ink)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;bottom:15px}.busy-indicator{position:fixed;top:20px;left:50%;padding:10px 20px;background:#eeedf0;border:1px solid var(--line);border-radius:7px;z-index:99;display:flex;align-items:center;gap:10px;font-size:11px}.spin{animation:spin 1s linear infinite}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #486b9a16}}@media(min-width:1600px){.canvas-wrap{height:490px}.sidebar{width:240px}main{margin-left:240px;width:calc(100% - 240px);padding:0 48px 20px}.editor-grid{grid-template-columns:minmax(0,1fr) 285px}.style-panel section{padding-top:24px}.style-panel section+section{padding-top:23px;margin-top:24px}.preview-stage{padding:22px 38px 20px}.toast{left:calc(50% + 120px)}}@media(max-width:1150px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.brand{gap:7px}.brand>span{font-size:21px}main{margin-left:190px;width:calc(100% - 190px);padding:0 22px 15px}.editor-grid{grid-template-columns:minmax(0,1fr) 225px}.preview-stage{padding:12px 16px}.canvas-wrap{height:30vw}.style-panel section{padding-left:16px;padding-right:16px}.style-panel section+section{margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}.swatches{gap:7px}.pill{display:none}.page-heading h1{font-size:25px}.timeline-note,.saved{display:none}.toast{left:calc(50% + 95px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-foot{font-size:8px}.style-panel .help{font-size:9px}}@media(max-width:900px){.sidebar{width:72px;padding:22px 10px}.brand{padding:0 8px;margin-bottom:34px}.brand img{width:32px;height:32px}.brand>span,.workspace-label,.sidebar nav button>span,.sidebar-bottom .studio-note,.sidebar-footer{display:none}.sidebar nav button,.sidebar-setting{font-size:0;gap:0;padding:14px}.sidebar nav button svg,.sidebar-setting svg{width:21px;height:21px;flex-shrink:0}.sidebar-bottom{margin-top:auto}main{margin-left:72px;width:calc(100% - 72px);padding:0 20px 12px}.editor-grid{grid-template-columns:minmax(0,1fr) 215px}.canvas-wrap{height:35vw}.page-heading{padding:28px 0 24px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.primary{font-size:11px;padding:11px 12px}.demo-invite{gap:10px}.demo-invite>span{font-size:9px}.demo-invite button{font-size:9px;white-space:nowrap}.timeline-body{padding:12px}.track-label{width:62px;font-size:8px}.track-row{gap:7px}.ruler,.trim-controls{margin-left:69px}.track-label svg{display:none}.toast{left:calc(50% + 36px)}.storage-stats{gap:40px}.key-editor{gap:5px}.project-title input{max-width:24vw}.editor-toolbar{padding:10px}.toolbar-actions{gap:4px}}@media(max-width:700px){main{padding:0 14px 12px}.topbar{height:60px}.page-heading{display:block}.page-heading>.primary{margin-top:20px}.page-heading h1{font-size:26px}.editor-grid{grid-template-columns:1fr}.editor-main{border-right:0}.canvas-wrap{height:48vw}.style-panel{border-top:1px solid var(--line)}.style-panel fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:0 18px}.style-panel section,.style-panel section+section{padding:18px 0;margin:0;border:0}.panel-foot{display:none}.panel-heading{padding:17px 18px}.style-panel section:nth-child(2){grid-row:span 2}.swatches{max-width:200px}.segmented{margin-bottom:0}.editor-toolbar{flex-wrap:wrap}.project-title{width:100%}.project-title input{max-width:none;width:100%}.toolbar-actions{justify-content:flex-end;width:100%}.canvas-caption{font-size:8px;margin-top:12px}.timeline-empty{padding:30px 15px}.editor-bottom{font-size:8px;gap:10px}.editor-bottom button{font-size:8px}.project-grid{grid-template-columns:1fr}.storage-section{padding:20px}.storage-stats{gap:20px;justify-content:space-between}.storage-stats strong{font-size:23px}.storage-stats span{font-size:9px}.settings-section{align-items:flex-start;flex-direction:column}.storage-actions{flex-direction:column}.about strong{font-size:10px}.about p{font-size:9px}.empty-library{padding:30px 20px;text-align:center}.empty-library p{line-height:1.8}.modal{padding:22px}.modal h2{font-size:20px}.modal-backdrop{padding:15px}.modal-actions{flex-wrap:wrap}.toast{left:50%;font-size:11px}.recording-bar{gap:10px;left:50%;width:max-content;max-width:95vw;padding:10px}.recording-bar strong,.recording-bar button,.recording-bar code{font-size:10px}.top-actions{gap:7px}.version{display:none}.ruler{font-size:7px}.demo-invite>span{max-width:65%;line-height:1.7}.timeline-note{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.preview-controls{display:flex;gap:3px}@media(max-width:700px){.app-shell{flex-direction:column}.sidebar{position:relative;width:100%;height:64px;padding:10px 15px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 auto 0 0;padding:0;gap:8px}.brand>span{display:block;font-size:19px}.brand img{width:29px;height:29px}.sidebar nav{display:flex;gap:4px}.sidebar nav button,.sidebar-setting{padding:10px;width:40px;height:40px}.sidebar-bottom{margin:0 0 0 4px}.sidebar-bottom .studio-note,.sidebar-footer{display:none}main{margin-left:0;width:100%;padding:0 18px 12px}.canvas-wrap{height:55vw}.style-panel fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.style-panel section{min-width:0}.ruler{font-size:8px}.topbar{height:54px}.editor-toolbar{padding:12px}.project-title input{flex:1}.sidebar nav button>span{display:none}.toast{left:50%}.canvas-caption{margin-top:8px}.range-label{gap:5px}.range-label span{white-space:nowrap}.color-input{flex-wrap:wrap}.style-panel section:nth-child(2){grid-row:span 2}.brand-dot{display:inline!important}.swatches{gap:7px}.timeline-body{padding:14px}.editor-bottom{gap:8px}.editor-bottom>span{max-width:55%;line-height:1.6}.key-editor{gap:6px}}.original-download{margin:20px 0;padding-top:16px;border-top:1px solid var(--line)}.original-download .help{margin-top:10px}.live-label{color:#b44d39}.preview-meta .live-label i{width:6px;height:6px;background:#efa58e;box-shadow:0 0 0 3px #486b9a16}.live-label code{margin-left:10px;letter-spacing:0;font-size:11px;color:var(--ink)}.live-canvas-wrap{position:relative;min-height:260px}.live-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center;padding:32px;max-width:510px;color:var(--muted)}.live-placeholder.overlay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:#f7f6f3f2;max-width:none}.live-placeholder h3{font-size:16px;color:var(--ink);font-weight:500;line-height:1.6}.live-placeholder p{font-size:11px;line-height:1.8;max-width:350px}.live-audio-note{color:var(--muted);text-align:center;font-size:10px;margin:10px 0 5px;line-height:1.7}.live-timeline-note{padding:28px 20px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink);font-size:11px;border-top:1px solid var(--line);line-height:1.8}@media(max-width:700px){.live-canvas-wrap{min-height:250px}.live-placeholder{padding:20px}.live-placeholder h3{font-size:14px}.live-label code{margin-left:3px;font-size:9px}.live-stage .preview-meta{letter-spacing:.7px}.live-stage .quiet-button{font-size:9px;gap:4px}}.project-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}.project-thumbnail img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);min-height:100%;width:100%;background:#eeece770;border-radius:5px}.thumbnail-placeholder span{font-size:10px;line-height:1.5}.timeline-editor>header{gap:10px;flex-wrap:wrap;padding:12px 14px;background:var(--surface-soft)}.timeline-editor .playback{gap:4px}.timeline-editor .timecode{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;margin-left:7px}.timeline-tools{display:flex;gap:1px;align-items:center;margin-left:auto}.timeline-tools .icon-button{width:25px;height:27px}.timeline-tools .timeline-zoom{width:62px;height:3px;margin:0 5px}.tool-divider{height:17px;width:1px;background:var(--line);margin:0 6px}.timeline-editor .timeline-body{padding:0}.timeline-lanes{display:grid;grid-template-columns:92px minmax(0,1fr);background:#fff;border-bottom:1px solid var(--line)}.lane-heads{background:var(--surface-soft);border-right:1px solid var(--line);z-index:2}.lane-ruler-label{height:30px;display:flex;align-items:center;padding:0 12px;font-size:8px;letter-spacing:1.3px;color:var(--muted);border-bottom:1px solid var(--line)}.lane-head{display:flex;align-items:center;gap:7px;padding:0 10px;font-size:9px;color:var(--ink);position:relative}.lane-head small{font:8px monospace;color:var(--muted);position:absolute;bottom:5px;right:8px}.recording-head{height:66px;border-bottom:1px solid var(--line)}.zoom-head{height:46px}.timeline-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#dce2eb #ffffff;overscroll-behavior-x:contain}.timeline-scroll::-webkit-scrollbar{height:7px}.timeline-scroll::-webkit-scrollbar-thumb{background:#dce2eb;border:2px solid var(--line);border-radius:5px}.timeline-scroll::-webkit-scrollbar-track{background:#fff}.timeline-content{position:relative;min-width:1px;margin:0 12px;isolation:isolate}.timeline-ruler{height:30px;position:relative;border-bottom:1px solid var(--line);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.ruler-tick{position:absolute;top:0;height:100%;border-left:1px solid var(--line);pointer-events:none}.ruler-tick span{position:absolute;top:6px;left:5px;font:8px monospace;color:var(--muted);white-space:nowrap}.timeline-editor .tracks{height:66px;background:#fff;border-radius:0;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);outline-offset:-2px}.recording-clip{position:absolute;top:8px;right:0;bottom:8px;left:0;border:1px solid #b5c4d7;border-radius:5px;background:#dce2eb;overflow:hidden}.timeline-editor .filmstrip{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;border-radius:0;opacity:.55;pointer-events:none}.real-filmstrip{background-size:auto 100%;background-repeat:repeat-x}.recording-texture{background:repeating-linear-gradient(90deg,#bac9dc 0,#bac9dc 48px,#dce2eb 48px,#dce2eb 50px)}.recording-clip-name{position:absolute;left:6px;top:5px;max-width:85%;display:flex;gap:5px;align-items:center;font-size:9px;color:var(--ink);background:#f7f6f3dd;padding:2px 5px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.recording-clip-duration{position:absolute;right:5px;bottom:4px;font:8px monospace;color:var(--ink);pointer-events:none}.timeline-editor .zoom-track{height:46px;background:#fff;border-radius:0;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-editor .zoom-clip{height:28px;top:9px;cursor:grab;touch-action:none;gap:6px;justify-content:flex-start;padding:0 11px;min-width:5px;transition:none}.timeline-editor .zoom-clip:active{cursor:grabbing}.key-resize{position:absolute;inset-block:0;width:7px;cursor:ew-resize;touch-action:none;z-index:1}.key-resize:after{content:"";position:absolute;top:8px;bottom:8px;width:2px;background:#728eb690;border-radius:2px}.key-resize.left{left:0}.key-resize.right{right:0}.key-resize.left:after{left:2px}.key-resize.right:after{right:2px}.timeline-editor .zoom-clip.selected{box-shadow:0 0 0 1px #486b9a16}.timeline-editor .empty-track{font-size:9px;padding:16px 9px;pointer-events:none}.timeline-playhead{position:absolute;top:0;bottom:0;width:1px;z-index:5;pointer-events:none}.playhead-line{position:absolute;top:12px;bottom:0;width:1px;background:#486b9a;box-shadow:0 0 4px #486b9a16}.playhead-hit{position:absolute;left:-9px;top:0;bottom:0;width:19px;pointer-events:auto;touch-action:none;cursor:ew-resize;z-index:1}.playhead-cap{position:absolute;left:3px;top:1px;width:13px;height:15px;background:#486b9a;clip-path:polygon(0 0,100% 0,100% 63%,50% 100%,0 63%)}.is-scrubbing{-webkit-user-select:none;user-select:none}.is-scrubbing .playhead-cap{background:#385981}.timeline-editor .trim-controls{margin:0;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface-soft);gap:12px}.timeline-editor .key-editor{margin:0;padding:13px 14px;background:var(--surface-soft);border:0}.timeline-editor .timeline-empty{padding:38px 20px}@media(max-width:1150px){.timeline-editor>header{gap:8px}.timeline-tools{margin-left:0}.timeline-tools .timeline-zoom{width:48px}.timeline-editor .frame-step{width:23px}.timeline-editor .timecode{font-size:9px}.timeline-editor .timecode>span{display:none}}@media(max-width:700px){.timeline-lanes{grid-template-columns:76px minmax(0,1fr)}.lane-head{padding:0 8px;gap:5px;font-size:8px}.lane-head svg{width:12px}.timeline-editor>header{padding:10px;gap:6px}.timeline-tools .timeline-zoom{width:50px}.timeline-tools{order:3;width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:8px}.timeline-editor>header>.quiet-button{margin-left:auto}.timeline-editor .trim-controls{gap:10px}.timeline-editor .key-editor{gap:7px}.timeline-editor .timecode>span{display:inline}.recording-clip-name,.ruler-tick span{font-size:8px}}.timeline-editor .source-filmstrip{display:flex;gap:1px;opacity:.68}.timeline-editor .source-filmstrip>span{display:block;flex:1;min-width:0;padding:0;background:#dce2eb}.timeline-editor .source-filmstrip>span:before{display:none}.source-filmstrip img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ruler-tick:last-child span{left:-5px;transform:translate(-100%)}.ruler-tick:first-child span{left:5px;transform:none}.toast{pointer-events:none}.toast .icon-button{pointer-events:auto}:root{color-scheme:light;background:#f5f4f1;color:var(--ink)}.sidebar{background:#fdfcfa}.studio-note{background:#f1efeb}.sidebar nav button.active{background:#e8edf5;color:var(--accent)}.primary{color:#fff;box-shadow:0 3px 8px #486b9a14}button:not(:disabled):hover{filter:brightness(.97)}.preview-stage{background:radial-gradient(ellipse at 45% 20%,#faf9f7,#eeece7 80%)}.editor-toolbar,.style-panel,.timeline-editor>header{background:#fff}.play-button{background:var(--accent);color:#fff}.segmented button.active{background:#e7edf6;color:var(--accent)}.timeline-editor .zoom-clip{background:#e7edf6;color:#48658a;border-color:#b5c6dd}.timeline-editor .zoom-clip.selected{background:#d6e1f1;box-shadow:0 0 0 1px #6e8cb5}.playhead-cap,.playhead-line,.is-scrubbing .playhead-cap{background:#486b9a}.recording-clip-name{background:#fffffff0;color:var(--ink)}.recording-clip-duration{background:#fffffff0;color:var(--ink);padding:2px 4px}.recording-clip{background:#e0e5ee;border-color:#b1bfd2}.modal-backdrop{background:#686b7340}.segment-cuts{padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}.cut-controls,.cut-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cut-label{display:flex;align-items:center;gap:6px;color:#5a5d65;font-size:10px;margin-right:4px}.cut-controls label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.cut-controls input{width:62px;padding:5px;border:1px solid #dedbd5;border-radius:4px;background:#faf9f7;color:var(--ink)}.cut-controls .quiet-button{font-size:10px;padding:5px 2px}.cut-remove{padding:6px 9px;font-size:10px;margin-left:auto}.cut-summary{margin-top:10px;font-size:10px;color:var(--muted);gap:7px 12px}.cut-summary strong{color:#48658a;font:10px monospace;margin-left:4px}.cut-chip{font:9px monospace;background:#fff0e9;color:#984631;border:1px solid #edcdbd;padding:5px 7px;border-radius:4px}.cut-mask{position:absolute;inset-block:8px;background:repeating-linear-gradient(135deg,#e8b5a5ba 0,#e8b5a5ba 5px,#f9e7e0db 5px,#f9e7e0db 10px);border-inline:1px solid #bb6448;pointer-events:none;z-index:2;overflow:hidden;display:flex;align-items:center;justify-content:center}.cut-mask span{color:#843b29;background:#fff2e8e8;font-size:8px;padding:2px 3px;white-space:nowrap}@media(max-width:700px){.cut-controls{gap:8px 6px}.cut-label{width:100%}.cut-controls input{width:55px}.cut-remove{margin-left:0}}@media(max-width:700px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.removal-active{background:#fff9f5;border-top:2px solid #b96443}.removal-heading{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.removal-heading strong{display:flex;align-items:center;gap:7px;color:#88432c;font-size:12px}.removal-heading>span{color:#8b7166;font-size:10px}.removal-guide{color:#765a4c;font-size:11px;line-height:1.7;margin:8px 0 12px}.boundary-control{display:flex;flex-wrap:wrap;gap:5px;align-items:center;border:1px solid #dfd6cf;border-radius:6px;padding:5px 7px;background:#fff}.boundary-control.active{border-color:#b96443;box-shadow:0 0 0 2px #b9644317}.boundary-control>button:first-child{padding:3px 0;color:#845039;font-size:10px;gap:7px}.boundary-control code{font-size:10px;min-width:45px}.cut-controls .boundary-control input{width:58px}.removal-actions{display:flex;gap:7px;margin-left:auto}.removal-actions button{padding:8px 10px;font-size:11px;border-radius:5px}.remove-confirm{background:#a64e30;color:#fff;border:1px solid #a64e30}.removal-status{margin-top:9px;color:#765a4c;font-size:10px;line-height:1.7}.removal-status.invalid{color:#a63d2b}.is-removing .timeline-ruler,.is-removing .tracks,.is-removing .zoom-track{cursor:crosshair}.is-removing .zoom-clip{pointer-events:none;opacity:.45}.is-removing .cut-mask{pointer-events:auto;cursor:not-allowed;background:repeating-linear-gradient(135deg,#c3c1bde8 0,#c3c1bde8 5px,#e3e1dce8 5px,#e3e1dce8 10px)}.is-removing .cut-mask span{background:#f0eeea;color:#72716d}.is-removing .timeline-playhead{opacity:.35}.is-removing .playhead-hit{pointer-events:none}.removal-selection{position:absolute;top:30px;bottom:0;pointer-events:none;background:#e19b602e;border-block:2px solid #b96a3d;z-index:3}.removal-selection.invalid{background:repeating-linear-gradient(135deg,#be4b3a22 0,#be4b3a22 6px,#be4b3a44 6px,#be4b3a44 12px);border-color:#b94736}.removal-marker{position:absolute;top:30px;bottom:0;width:22px;margin-left:-11px;z-index:8;touch-action:none;cursor:ew-resize;padding:0;transition:none;overflow:visible}.removal-marker:before{content:"";position:absolute;top:0;bottom:0;left:10px;width:2px;background:#b55c37}.removal-marker i{position:absolute;left:5px;top:44%;width:12px;height:23px;background:#b55c37;border:2px solid #fff9f2;border-radius:3px;box-shadow:0 1px 4px #54312333}.removal-marker.active i{background:#844124}.removal-marker span{position:absolute;left:11px;top:1px;padding:3px 6px;background:#9f512e;color:#fff;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:0 3px 3px 0;pointer-events:none}.removal-marker.end span{left:auto;right:11px;top:auto;bottom:1px;border-radius:3px 0 0 3px}.removal-marker:focus-visible{outline:2px solid #9f512e;outline-offset:-3px}@media(max-width:700px){.removal-actions{margin-left:0;width:100%;justify-content:flex-end}.boundary-control{width:100%}.removal-guide{font-size:10px}.removal-marker{width:28px;margin-left:-14px}.removal-marker:before{left:13px}.removal-marker i{left:8px}.removal-marker span{left:14px}.removal-marker.end span{left:auto;right:14px}}.saved button{color:var(--accent);font-size:inherit;padding:3px 4px;text-decoration:underline;text-underline-offset:3px}