@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap");:root{color-scheme:dark;--paper:#14191e;--panel:#191f25;--ink:#edf0ed;--muted:#aab8bb;--line:#333e45;--accent:#ff956e;--soft:#3c2b25}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#a9b4b4 #edf0eb}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .16s ease,color .16s ease,border-color .16s ease}button:disabled{cursor:wait;opacity:.52}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bf4d2c;outline-offset:4px}::selection{background:#ffd2bd;color:#172b34}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button:not(:disabled):hover{background:#e9ede7}input{caret-color:#bd4b2f}.app-shell{max-width:1600px;margin:auto}.topbar{height:86px;padding:0 36px;gap:30px;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1px}.brand img{border-radius:9px}.brand-dot{color:#c45132}.workspace-name{padding-left:28px;border-left:1px solid #c8ceca;color:var(--muted);font-size:13px}.header-search{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#3d5b54;border:1px solid #cdd5cd;border-radius:5px;background:transparent;padding:9px 12px}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr) 278px;min-height:calc(100vh - 137px)}.tool-panel{padding:30px 20px;border-right:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-family:Manrope,sans-serif;font-size:16px;font-weight:750;letter-spacing:-.4px}.panel-heading>span{font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel-intro{font-size:12px;line-height:1.6;color:var(--muted);margin-top:7px}.tool-group{margin-top:28px}.tool-group h3{font-weight:600;color:var(--muted);margin-bottom:11px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.tool-button{min-width:0;border:1px solid transparent;border-radius:6px;min-height:69px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:9px 2px}.tool-button span{font-size:10px;white-space:nowrap}.tool-button.active{background:var(--soft);border-color:#e9baa6;color:#993b23}.editor-panel{padding:32px 32px 18px;min-width:0}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.editor-heading h1{font-family:Manrope,sans-serif;font-size:clamp(19px,2vw,26px);letter-spacing:-.8px;font-weight:750;line-height:1.25}.editor-heading p{color:var(--muted);margin-top:9px}.frame-count{font-size:10px;color:var(--muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.frame-count b{color:var(--ink);font-weight:600;margin:0 3px}.stage{background:#e5e8e1;border:1px solid #d8dcd4;border-radius:8px;padding:16px 25px}.stage-bottom,.stage-top{display:flex;justify-content:space-between;font-size:10px;gap:10px;color:#4d625e}.stage-top{margin-bottom:25px}.stage-top span:first-child{font-weight:600;color:#344b49}.frame-display{position:relative;aspect-ratio:540/340;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px}.empty-stage{text-align:center;padding:30px 10px;color:#72857a}.empty-stage h2{font-family:Manrope,sans-serif;font-size:18px;color:#3d5548;font-weight:600;letter-spacing:-.5px;margin-top:20px}.empty-stage p{font-size:12px;color:#526c5c;line-height:1.7;margin-top:9px}.blank-frame{width:78%;height:78%;box-shadow:0 12px 26px -15px #253b3f66;flex-shrink:0;transition:transform .25s ease-out}.canvas-label{position:absolute;bottom:3%;font-size:10px;color:#4e6857}.onion-outline{position:absolute;width:78%;height:78%;border:2px solid #bc775a;opacity:.4;transform:translate(-12px,-8px)}.stage-bottom{margin-top:25px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline{margin-top:30px}.timeline-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.timeline-heading h2{font-size:13px;font-weight:600}.timeline-heading>span{font-size:10px;color:var(--muted)}.frames{display:flex;gap:9px;overflow-x:auto;padding:4px 4px 9px}.add-frame,.frame{width:82px;height:64px;flex-shrink:0;border:2px solid transparent;padding:5px;border-radius:6px;background:#e4e8e3;position:relative}.frame.selected{border-color:#c05235;background:#fff1e9}.mini-canvas{display:block;width:100%;height:100%;border-radius:2px}.frame-number{position:absolute;left:7px;bottom:7px;background:#203744;color:white;border-radius:2px;font-size:9px;padding:2px 4px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.frame.selected .frame-number{background:#a9462d}.add-frame{display:flex;align-items:center;justify-content:center;border:1px dashed #96a99a;color:#45644e}.add-frame:hover{border-color:#a94b2b;color:#9e4024}.session-note{color:var(--muted);margin-top:10px}.session-note,.status{font-size:11px;line-height:1.6}.status{min-height:38px;margin-top:22px;color:#3d6556}.recent-panel{border-left:1px solid var(--line);padding:30px 23px;display:flex;flex-direction:column}.search-form label{font-size:13px;font-weight:600;display:block;margin-bottom:12px}.search-input{display:flex;gap:8px;align-items:center;border:1px solid #cbd3cd;background:#fff;border-radius:6px;padding:6px 5px 6px 10px;color:#59716c;min-width:0}.search-input input{width:100%;min-width:0;border:0;background:transparent;padding:6px 0;color:var(--ink);font-size:11px;outline-offset:0}.search-input input::placeholder{color:#5d706c;opacity:1}.search-input button{border:0;background:#edf1eb;padding:6px;display:flex;border-radius:4px;color:#33524a}.recent-section{margin-top:34px}.recent-list{padding:0;margin:18px 0;list-style:none}.recent-list li{display:flex;align-items:center;border-bottom:1px solid #e7e8e0;min-height:48px;gap:9px}.recent-number{font-size:9px;color:#596b66;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recent-use{align-items:center;gap:9px;border:0;padding:10px 0;text-align:left;flex:1 1;font-size:11px;border-radius:3px}.recent-use,.remove-button{display:flex;background:transparent}.remove-button{border:0;padding:6px;border-radius:4px;color:#697b76}.empty-recent{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0 24px;margin:20px 0 15px;color:#5d776f}.empty-recent h3{font-size:12px;color:#344e47;font-weight:550;margin-top:15px}.empty-recent p{font-size:11px;line-height:1.7;margin-top:7px;max-width:25ch}.public-notice{font-size:10px;line-height:1.7;color:#53665e;margin-top:18px}.quiet-tip{margin-top:auto;padding-top:50px;color:#4d6860;font-size:19px;font-family:Manrope,sans-serif;line-height:1.6;letter-spacing:-.5px}.quiet-tip strong{font-weight:650;color:#243e35}.tip-line{display:block;width:26px;height:2px;background:#d16b4b;margin-bottom:14px}footer{height:51px;border-top:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;color:#526762}footer,footer>span{font-size:10px}.error-box{background:#fff0e8;border:1px solid #e6b49f;padding:13px;margin:15px 0;border-radius:5px;font-size:12px;color:#8b3b27;line-height:1.6;overflow-wrap:anywhere}.error-box button{margin-top:8px;border:1px solid #b86c51;background:#fff8f0;border-radius:4px;padding:6px 12px}.field-error{color:#9e4329;font-size:11px;line-height:1.6;margin-top:9px}.results-screen{max-width:620px;margin:auto;min-height:480px}.back-button{border:0;background:transparent;display:flex;gap:9px;align-items:center;padding:5px 0;margin-bottom:35px;color:#455f57;font-size:12px;border-radius:3px}.results-screen h1{font:750 28px/1.3 Manrope,sans-serif;letter-spacing:-1px}.results-screen>p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.results-screen .search-form{margin-top:26px}.search-results{margin-top:24px}.result-button{display:flex;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:20px 4px;text-align:left}.result-button>span{flex:1 1}.result-button strong{font-size:14px;font-weight:550}.result-button small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.empty-results{padding:40px 0;color:var(--muted)}.empty-results h2{font-size:17px;color:var(--ink);margin:17px 0 9px}.empty-results p{font-size:12px;line-height:1.8}@media(min-width:1450px){.editor-panel{padding:36px 45px}.stage{padding:20px 34px}.stage-top{margin-bottom:40px}.stage-bottom{margin-top:40px}.workspace{grid-template-columns:230px minmax(0,1fr) 295px}}@media(max-width:1050px){.workspace{grid-template-columns:160px minmax(0,1fr) 238px}.tool-panel{padding:25px 12px}.editor-panel{padding:26px 20px}.recent-panel{padding:26px 17px}.editor-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.stage{padding:15px}.tool-button span{font-size:9px}}@media(max-width:720px){.topbar{height:70px;padding:0 20px;gap:10px}.brand{font-size:23px}.brand img{width:31px;height:31px}.workspace-name{display:none}.header-search{font-size:11px;padding:8px 10px}.workspace{display:flex;flex-direction:column}.editor-panel{order:1;padding:25px 20px 6px}.editor-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:22px}.editor-heading h1{font-size:21px;max-width:220px}.editor-heading p{font-size:11px;line-height:1.5;max-width:210px}.frame-count{font-size:9px;max-width:75px;white-space:normal;text-align:right}.stage{padding:13px;border-radius:6px}.stage-bottom,.stage-top{font-size:9px}.stage-top{margin-bottom:12px}.stage-bottom{margin-top:12px}.frame-display{min-height:210px}.empty-stage h2{font-size:16px}.empty-stage p{font-size:11px;max-width:24ch;margin:9px auto 0}.timeline{margin-top:23px}.timeline-heading h2{font-size:12px}.timeline-heading>span{font-size:9px}.session-note,.status{font-size:10px}.status{margin-top:12px;min-height:30px}.tool-panel{order:2;padding:20px;border-top:1px solid var(--line);border-right:0}.tool-panel .panel-heading>span{display:none}.tool-panel .panel-intro{font-size:11px;margin-top:3px}.tool-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px;margin-top:17px}.tool-group{margin-top:0}.tool-group h3{font-size:10px}.tool-grid{gap:4px}.tool-button{min-height:66px;padding:8px 1px;gap:7px;background:#edf0e9;border:1px solid #dbe1d7}.tool-button span{font-size:8px;line-height:1.35;white-space:normal;text-align:center}.tool-button svg{width:18px;height:18px}.recent-panel{order:3;border-top:1px solid var(--line);border-left:0;padding:24px 20px 30px}.search-input input{font-size:13px;padding:9px 0}.search-input button{padding:8px}.search-form label{font-size:14px}.recent-section{margin-top:28px}.recent-list li{min-height:48px}.recent-use{font-size:13px;gap:13px}.recent-number{font-size:10px}.remove-button{padding:12px}.public-notice{font-size:11px;max-width:46ch}.empty-recent{display:grid;grid-template-columns:32px 1fr;grid-column-gap:14px;column-gap:14px;padding:23px 0}.empty-recent svg{grid-row:1/3}.empty-recent h3{margin-top:0;font-size:13px}.empty-recent p{max-width:none;font-size:11px;grid-column:2;margin-top:4px}.quiet-tip{display:none}footer{height:55px;padding:0 20px;font-size:9px}footer>span{font-size:9px;max-width:180px;text-align:right}.results-screen{min-height:420px}.results-screen h1{font-size:25px}.back-button{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}*{scrollbar-color:#596b73 #1b242a}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#ffab87}::selection{background:#ffad88;color:#1b242b}input{caret-color:#ffad88}button:not(:disabled):hover{background:#2c3941}.brand-dot{color:var(--accent)}.workspace-name{border-color:var(--line)}.header-search{color:#c2d1cc;border-color:#46574f}.tool-button{background:#1d272d;border-color:#34434a}.tool-button.active,.tool-button.active:not(:disabled):hover{background:var(--soft);border-color:#bd7658;color:#ffb493}.stage{background:#202a30;border-color:#39484f}.canvas-label,.stage-bottom,.stage-top{color:#b4c8c2}.stage-top span:first-child{color:#d4e3dc}.empty-stage{color:#94b0a4}.empty-stage h2{color:#d1e2d7}.empty-stage p{color:#afc5b6}.onion-outline{border-color:#ffb18b}.frame{background:#29353b}.frame.selected{background:#3d2e27;border-color:#ff956e}.add-frame{background:transparent;border-color:#799d85;color:#bad6c1}.add-frame:not(:disabled):hover{color:#ffb493;border-color:#ff956e}.status{color:#b0d4c0}.search-input{background:#121a20;border-color:#4a5b62;color:#b1c8be}.search-input input::placeholder{color:#a6bbb1}.search-input button{background:#293b34;color:#d1e8da}.recent-list li{border-color:var(--line)}.empty-recent,.public-notice,.recent-number,.remove-button,footer{color:#b3c8bb}.empty-recent h3{color:#d3e4d8}.back-button{color:#b9d3c4}.error-box{background:#38251f;border-color:#a26c54;color:#ffc6a9}.error-box button{background:#4b3228;border-color:#b98469;color:#ffe0c9}.field-error{color:#ffb48e}:root{--paper:#18181b;--panel:#1d1d21;--ink:#eeeef1;--muted:#b2b0bd;--line:#36353d;--accent:#b2a3ff;--soft:#332b59}body{font-family:DM Sans,sans-serif}*{scrollbar-color:#5b586a #1b1b20}::selection{background:#b8a9ff;color:#181525}.spectrum:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #bcadff;outline-offset:3px}input{caret-color:#bcadff}button:not(:disabled):hover{background:#303037}.topbar{height:68px;padding:0 24px;background:#151518;gap:24px}.brand{font-size:23px}.brand-dot{color:#b2a3ff}.header-search,.workspace-name{color:#c5c2d1;border-color:#3c3a45}.workspace{grid-template-columns:224px minmax(0,1fr) 270px;min-height:calc(100vh - 119px)}.tool-panel{padding:25px 16px;background:#17171a}.panel-heading h2{font-size:14px;font-family:DM Sans,sans-serif;letter-spacing:0}.panel-intro{font-size:11px}.tool-group{margin-top:22px}.tool-group h3{color:#aaa7b8;font-size:11px;margin-bottom:8px}.tool-grid{grid-template-columns:1fr;gap:3px}.tool-button{flex-direction:row;justify-content:flex-start;min-height:37px;gap:10px;padding:8px 10px;border-radius:4px;background:transparent;border-color:transparent}.tool-button span{font-size:12px}.tool-button svg{width:17px;height:17px}.tool-button.active,.tool-button.active:not(:disabled):hover{background:#393066;border-color:#655898;color:#eee9ff}.editor-panel{padding:26px 24px 16px}.editor-heading{margin-bottom:22px}.editor-heading h1,.results-screen h1{font-family:DM Sans,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.4px}.editor-heading p{font-size:12px}.drawing-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:10px 0 13px;font-size:11px;border-top:1px solid var(--line)}.drawing-toolbar>span{color:#c6c2d3;min-width:95px}.toolbar-color{display:flex;align-items:center;gap:8px;background:#242329;border:1px solid #494551;border-radius:4px;padding:7px 9px;font-size:10px}.color-swatch{display:inline-block;width:19px;height:19px;border-radius:3px;border:1px solid #c3bdcd;flex-shrink:0}.brush-control{display:flex;align-items:center;gap:8px;color:#c6c2d3;flex:1 1;min-width:140px}.brush-control input{width:85px;min-width:50px;accent-color:#b2a3ff;cursor:pointer}.brush-control output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:18px}.stage{background:#111113;border-color:#39373f;padding:14px 20px;border-radius:4px}.canvas-label,.stage-bottom,.stage-top{color:#b7b2c6}.stage-top span:first-child{color:#dad6e5}.stage-top{margin-bottom:15px}.stage-bottom{margin-top:15px}.empty-stage{color:#9188ad}.empty-stage h2{color:#ddd8ea;font-size:16px;font-family:DM Sans,sans-serif;font-weight:500;letter-spacing:0}.empty-stage p{color:#b5aec6}.blank-frame{position:relative;aspect-ratio:16/9;height:auto;background:#fffefa;box-shadow:0 12px 26px -15px #000c;overflow:hidden;transition:none}.frame-content{position:absolute;inset:0;transform-origin:center;transition:transform .15s ease-out}.frame-content.previewing{transition:none}.drawing-canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;cursor:default}.drawing-canvas.can-draw{cursor:default}.onion-image{position:absolute;width:78%;height:auto;aspect-ratio:16/9;object-fit:contain;opacity:.24}.onion-image,.onion-outline{z-index:2;pointer-events:none}.onion-outline{border-color:#c4acff}.canvas-label{font-size:9px;bottom:0;pointer-events:none}.timeline{margin-top:24px}.frame{background:#28262f}.frame.selected{border-color:#a99bff;background:#332b4e}.frame.selected .frame-number{background:#5b4a96}.mini-canvas{object-fit:contain;background:#fffefa}.add-frame{border-color:#70667f;color:#cbbde0}.add-frame:not(:disabled):hover{border-color:#b2a3ff;color:#e1d6ff}.status{color:#c3b7e1}.recent-panel{padding:25px 18px;background:var(--panel)}.search-input{background:#141418;border-color:#48434f;color:#bfb3d4}.search-input input::placeholder{color:#aaa1bb}.search-input button{background:#373044;color:#e7d9ff}.empty-recent,.public-notice,.recent-number,.remove-button,footer{color:#bbb2c8}.empty-recent h3{color:#d6ccdf}.back-button{color:#d2c5e2}.search-results{border:1px solid #3a3544;border-radius:5px;background:#151419;padding:6px}.result-button{padding:13px 10px;border-color:#332f3a;border-radius:3px;gap:12px}.result-button:focus-visible,.result-button:not(:disabled):hover{background:#302a3e}.result-button strong{font-size:13px}.result-button small{font-size:10px}.color-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.color-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.color-section-heading h3{margin:0;color:#d5cce4;font-size:11px}.color-section-heading button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:7px;border-radius:4px}.spectrum{height:130px;position:relative;border-radius:4px;touch-action:none;cursor:default;overflow:hidden;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,transparent)}.spectrum-marker{position:absolute;width:11px;height:11px;border:2px solid white;outline:1px solid #19151f;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.picker-help{font-size:10px;line-height:1.5;color:#b7acc5;margin-top:8px}.hue-label{display:block;margin-top:11px;font-size:11px;color:#c9bfd8}.hue-slider{display:block;width:100%;margin:8px 0 0;height:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);border-radius:3px;cursor:pointer}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:21px;border:2px solid #fff;border-radius:3px;background:#3c354c}.hue-slider::-moz-range-thumb{width:10px;height:18px;border:2px solid #fff;border-radius:3px;background:#3c354c}.hex-label{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px}.hex-label input{width:100%;min-width:0;border:1px solid #4d445b;border-radius:4px;background:#121116;color:#eee7f8;padding:8px;font-size:11px}@media(min-width:1450px){.workspace{grid-template-columns:240px minmax(0,1fr) 285px}.editor-panel{padding:30px 36px}}@media(max-width:1050px) and (min-width:721px){.workspace{grid-template-columns:180px minmax(0,1fr) 230px}.tool-panel{padding:22px 12px}.tool-button{padding:8px 6px}.tool-button span{font-size:11px}.editor-panel{padding:22px 18px}.recent-panel{padding:22px 15px}}@media(max-width:720px){.topbar{height:62px;padding:0 16px;gap:10px}.brand{font-size:22px}.brand img{width:29px;height:29px}.editor-panel{padding:20px 16px 5px}.editor-heading{margin-bottom:18px}.editor-heading h1{font-size:21px}.editor-heading p{font-size:11px}.drawing-toolbar{gap:9px 12px}.drawing-toolbar>span{flex-basis:100%;font-size:11px}.brush-control{min-width:120px;justify-content:flex-end}.brush-control input{width:80px}.stage{padding:12px}.frame-display{min-height:210px}.stage-bottom,.stage-top{font-size:9px}.canvas-label{font-size:9px;bottom:1%}.tool-panel{padding:20px 16px}.tool-groups{grid-template-columns:1fr 1fr;gap:22px 16px}.tool-group{margin:0}.tool-group h3{font-size:11px}.tool-grid{grid-template-columns:1fr;gap:3px}.tool-button{min-height:42px;gap:8px;padding:9px 8px;background:#222126;border:1px solid #34313c}.tool-button span{font-size:11px;white-space:nowrap;text-align:left}.tool-button svg{width:17px;height:17px}.drawing-group{grid-column:1/-1}.drawing-group .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.drawing-group .tool-button{gap:6px;padding:9px 6px}.drawing-group .tool-button span{font-size:10px}.color-section{max-width:100%;padding-top:12px;margin-top:13px}.spectrum{height:170px}.hex-label input{font-size:13px}.hue-slider{height:18px}.hue-label{font-size:12px}.picker-help{font-size:11px}.recent-panel{padding:23px 16px 28px}.search-input input{font-size:13px}.public-notice{font-size:11px}.results-screen h1{font-size:23px}.result-button{min-height:64px}.result-button strong{font-size:14px}.result-button small{font-size:11px}}.brush-control input:disabled{opacity:.4;cursor:default}@media(max-width:720px){.tool-button{background:transparent;border-color:transparent}.tool-button.active{background:#393066;border-color:#655898}.tool-group{padding-top:12px;border-top:1px solid #333038}.drawing-group{padding-top:0;border-top:0}.tool-group:last-child{grid-column:1/-1}.tool-group:last-child .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.playback-panel{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.playback-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.playback-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;min-width:96px;padding:9px 15px;border:1px solid #6a5b9e;border-radius:4px;background:#393066;color:#eee9ff;font-size:12px}.playback-button.playing{background:#292330;border-color:#9381c7}.playback-button:disabled{opacity:.45;cursor:not-allowed}.fps-control{display:flex;align-items:center;gap:9px;color:#c9c2d6;font-size:11px}.fps-control input{width:62px;min-height:40px;background:#121116;border:1px solid #4c435c;border-radius:4px;color:#eee9f5;padding:8px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fps-control input[aria-invalid=true]{border-color:#de9d7f}.playback-state{font-size:11px;color:#c9bbdf;white-space:nowrap}.playback-help{font-size:10px;line-height:1.7;color:#b3a8c4;margin-top:10px}.undo-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 10px;border:1px solid #4b4359;border-radius:4px;background:#242029;color:#ded4ef;font-size:11px}.undo-button:disabled{opacity:.4;cursor:default}@media(max-width:720px){.playback-controls{gap:14px}.playback-button{min-width:95px;min-height:44px}.fps-control input{min-height:44px}.playback-state{margin-left:auto}.playback-help{font-size:10px}.drawing-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr)}.undo-button{min-height:42px}.drawing-toolbar>.undo-button+span{min-width:0}.toolbar-color{min-height:42px}.brush-control{min-width:0}}.timeline{position:relative}.frame-menu{position:absolute;top:32px;transform:translateY(-100%);width:160px;padding:5px;z-index:8;background:#242329;border:1px solid #54515e;border-radius:6px;box-shadow:0 8px 24px #0006}.frame-menu button{display:block;width:100%;min-height:44px;padding:10px 12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--ink);font-size:12px}.frame-menu button:focus-visible,.frame-menu button:hover{background:#393246;border-color:#9d8bc7;outline-offset:-2px}.frame-menu .delete-frame{color:#ffb3b9}.frame-menu-hint{color:var(--muted);font-size:10px;line-height:1.6;margin-top:5px}.restore-frame{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:8px 10px;min-height:40px;border:1px solid #655b80;border-radius:4px;background:#2e293a;color:var(--ink);font-size:11px}.frame.image-drop-target{border-color:#c6b7ff;background:#514273;box-shadow:0 0 0 2px #9d8bc7}.frame .frame-number,.frame .mini-canvas,.frame img{pointer-events:none}.frame-menu button:disabled{opacity:.45;cursor:default}.recent-heading-actions{display:flex;align-items:center;gap:9px}.recent-heading-actions>span{font-size:10px;color:var(--muted);white-space:nowrap}.clear-recents{border:1px solid #4c435c;background:transparent;border-radius:4px;color:#d8cce9;font-size:10px;padding:7px 8px;min-height:32px;white-space:nowrap}.clear-recents:hover:not(:disabled){background:#393246;border-color:#9d8bc7}.clear-recents:disabled{opacity:.4;cursor:default}@media(max-width:720px){.clear-recents{min-height:40px;font-size:11px;padding:8px 10px}}