@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#e8e8f0;--surface:#fff;--surface2:#f4f4f8;--surface3:#ebebf2;--border:#e0e0ea;--border2:#cacad8;--text:#16161e;--text2:#4e4e6a;--text3:#9494b0;--accent:#0d9e87;--accent-bg:#e4f5f2;--accent2:#0a8872;--amber:#c97a06;--rose:#d02020;--green:#158f45;--blue:#2460e0;--orange:#d95228;--tag1:#7c3aed;--tag2:#0891b2;--tag3:#db2777;--tag4:#16a34a;--tag5:#d97706;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--radius:12px;--radius-sm:8px;--radius-xs:5px;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mono:"DM Mono", "JetBrains Mono", ui-monospace, monospace;--teal:var(--accent);--teal2:var(--accent-bg);--teal3:var(--accent-bg);--s1:var(--surface);--s2:var(--surface2);--s3:var(--surface3);--bdr:var(--border);--bdr2:var(--border2);--muted:var(--text3);--muted2:var(--text2)}[data-theme=dark]{--bg:#0e0e18;--surface:#181825;--surface2:#202030;--surface3:#262638;--border:#ffffff12;--border2:#ffffff21;--text:#e6e6f2;--text2:#7878a0;--text3:#464660;--accent:#00c4a4;--accent-bg:#00c4a41a;--accent2:#00a88c;--amber:#d97706;--rose:#ef4444;--green:#22c55e;--blue:#3b82f6;--orange:#f97316;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 4px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100%;font-size:13px;line-height:1.5;transition:background .2s,color .2s;overflow-x:hidden}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:32px 36px}.login-brand{align-items:center;gap:8px;margin-bottom:24px;display:flex}.login-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-bg);border-radius:50%}.login-brand-name{color:var(--text);font-size:14px;font-weight:700}.login-title{color:var(--text);margin-bottom:24px;font-size:20px;font-weight:700}.login-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.login-label{color:var(--text2);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.login-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:var(--font);box-sizing:border-box;outline:none;width:100%;padding:9px 12px;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-input-wrap{position:relative}.login-input-wrap .login-input{padding-right:38px}.login-eye{cursor:pointer;color:var(--text3);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-eye:hover{color:var(--text2)}.login-error{color:var(--rose);border-radius:var(--radius-xs);background:#d020200f;border:1px solid #d0202033;margin-bottom:14px;padding:8px 12px;font-size:12px}.login-submit{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:13px;font-weight:600;font-family:var(--font);border:none;margin-top:4px;padding:10px;transition:background .15s}.login-submit:hover:not(:disabled){background:var(--accent2)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.register-login-link{text-align:center;color:var(--text3);margin-top:18px;font-size:12px}.register-login-link a{color:var(--accent);text-decoration:none}.register-login-link a:hover{text-decoration:underline}.register-success{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 0 8px;display:flex}.register-success-title{color:var(--text);font-size:17px;font-weight:700}.register-success-body{color:var(--text2);font-size:13px;line-height:1.6}.register-back-link{color:var(--accent);margin-top:8px;font-size:13px;text-decoration:none;display:inline-block}.register-back-link:hover{text-decoration:underline}button:disabled{opacity:.35!important;cursor:not-allowed!important}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid}.toast{z-index:1200;opacity:0;pointer-events:none;border-radius:14px;max-width:min(360px,100vw - 32px);padding:12px 14px;font-size:12px;font-weight:700;line-height:1.4;transition:opacity .2s,transform .2s;position:fixed;top:18px;right:18px;transform:translateY(-10px);box-shadow:0 16px 40px #00000038}.toast.show{opacity:1;transform:translateY(0)}.app-header{background:var(--surface);border-bottom:1px solid var(--border);height:46px;min-height:46px;box-shadow:var(--shadow-sm);z-index:100;flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex}.hdr-logo{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:flex}.hdr-favicon{object-fit:contain;flex-shrink:0;width:20px;height:20px}.hdr-name{letter-spacing:.02em;font-size:13px;font-weight:700}.hdr-version{font-size:10px;font-family:var(--mono);color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:1px 7px}.hdr-spacer{flex:1}.hdr-user{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:32px;font-family:var(--font);align-items:center;gap:7px;padding:0 8px 0 6px;transition:background .12s,border-color .12s;display:flex}.hdr-user:hover{background:var(--surface3);border-color:var(--border2)}.hdr-avatar{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:flex}.hdr-user-name{color:var(--text);font-size:12px;font-weight:600}.hdr-user-menu{flex-shrink:0;position:relative}.hdr-user-chevron{color:var(--text3);transition:transform .15s}.hdr-dropdown{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-sm);min-width:180px;box-shadow:var(--shadow-md);z-index:500;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.hdr-dropdown-info{padding:10px 14px 8px}.hdr-dropdown-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.hdr-dropdown-divider{background:var(--border);height:1px;margin:0}.hdr-dropdown-item{width:100%;color:var(--text);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;transition:background .12s;display:flex}.hdr-dropdown-item:hover{background:var(--surface2)}.hdr-dropdown-logout{color:var(--rose)}.hdr-dropdown-logout:hover{background:#d020200f}.hdr-theme-btn{border:1px solid var(--border);background:var(--surface2);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text2);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .12s;display:flex}.hdr-theme-btn:hover{background:var(--surface3)}.preset-group{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;box-shadow:var(--shadow-sm);align-items:center;display:flex;overflow:hidden}.preset-select{font-family:var(--font);color:var(--text);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239494b0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:none;outline:none;min-width:140px;height:100%;padding:0 28px 0 10px;font-size:12px}.preset-divider{background:var(--border);flex-shrink:0;width:1px;height:100%}.preset-add{width:32px;height:100%;color:var(--text3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;font-weight:300;transition:background .12s,color .12s;display:flex}.preset-add:hover{background:var(--border);color:var(--text)}.sidebar{background:var(--bg);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex-direction:column;gap:10px;height:100%;min-height:0;padding:12px 10px 32px;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text3)}.s-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.s-card-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 14px;display:flex}.s-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.s-card-title{color:var(--text);flex:1;font-size:12px;font-weight:700}.s-card-badge{background:var(--accent-bg);color:var(--accent);letter-spacing:.06em;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.s-card-body{flex-direction:column;gap:10px;padding:13px 14px;display:flex}.s-sec{border-top:1px solid var(--border);overflow:hidden}.s-sec:first-child{border-top:none}.s-sec-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:9px 14px;transition:background .12s;display:flex}.s-sec-header:hover{background:var(--surface2)}.s-sec.open .s-sec-header{background:var(--surface);border-left:2px solid var(--accent);padding-left:12px}.s-sec-chevron{width:13px;height:13px;color:var(--text2);flex-shrink:0;transition:transform .18s}.s-sec.open .s-sec-chevron{transform:rotate(90deg)}.s-sec-title{color:var(--text2);flex:1;font-size:11px;font-weight:600}.s-sec.open .s-sec-title{color:var(--text)}.s-sec-body{background:var(--surface2);border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:14px 16px 16px;display:none}.s-sec.open .s-sec-body{display:flex}.info-btn{border:1px solid var(--border2);background:var(--surface2);width:16px;height:16px;color:var(--text3);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-style:normal;font-weight:700;transition:border-color .12s,color .12s;display:flex}.info-btn:hover{border-color:var(--text3);color:var(--text2)}.info-tooltip{z-index:9999;pointer-events:none;color:#f0f0f8;border-radius:var(--radius-sm);background:#1a1a2a;width:210px;padding:9px 12px;font-size:11px;font-weight:400;line-height:1.55;position:fixed;box-shadow:0 4px 16px #0003,0 1px 4px #0000001f}.ctrl-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ctrl-grid .full{grid-column:span 2}.ctrl-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ctrl-label{color:var(--text2);justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.ctrl-val{font-family:var(--mono);color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}input[type=range].ctrl-slider{appearance:none;background:var(--border2);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range].ctrl-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2.5px solid var(--accent);cursor:pointer;border-radius:50%;width:15px;height:15px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #0000001a}input[type=range].ctrl-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0d9e8740}.color-row{align-items:center;gap:10px;display:flex}.color-swatch{border:1px solid var(--border2);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.color-swatch::-webkit-color-swatch-wrapper{padding:2px}.color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.color-text{color:var(--text2);font-size:11px;font-family:var(--mono)}.ctrl-select,.ctrl-number{font-size:11px;font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);outline:none;flex:1;width:100%;min-width:0;padding:6px 8px;transition:border-color .15s}.ctrl-select:focus,.ctrl-number:focus{border-color:var(--accent)}.num-input-wrap{width:100%;position:relative}.num-has-steppers{box-sizing:border-box;width:100%;padding-right:22px!important}.num-steppers{flex-direction:column;gap:1px;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.num-step{width:16px;height:11px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:7px;line-height:1;transition:color .1s,background .1s;display:flex}.num-step:hover{color:var(--accent);background:var(--accent-bg)}.ctrl-dir-row{gap:8px;display:flex}.ctrl-dir-row .ctrl-select{flex:1}.upload-zone{border:1.5px dashed var(--border2);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone:hover{border-color:var(--accent);background:var(--accent-bg)}.upload-zone.filled{border-style:solid;border-color:var(--accent);background:var(--accent-bg)}.upload-icon-box{background:var(--surface3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.upload-zone.filled .upload-icon-box{background:#0d9e8726}.upload-info{flex:1;min-width:0}.upload-name{color:var(--text);font-size:12px;font-weight:600}.upload-hint{color:var(--text3);margin-top:1px;font-size:10px}.upload-file{color:var(--accent);font-size:10px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.upload-check{color:var(--accent);flex-shrink:0;font-size:15px}.upload-remove{z-index:2;width:20px;height:20px;color:var(--rose);cursor:pointer;background:#d020200f;border:1px solid #d0202040;border-radius:50%;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:background .12s,border-color .12s;display:flex;position:absolute;top:6px;right:6px}.upload-remove:hover{border-color:var(--rose);background:#d0202026}.tags-list{flex-direction:column;gap:7px;display:flex}.tag-row{align-items:center;gap:7px;display:flex}.tag-pill{letter-spacing:.04em;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:8px;font-weight:700}.tag-c1{color:var(--tag1);background:#7c3aed1f}.tag-c2{color:var(--tag2);background:#0891b21f}.tag-c3{color:var(--tag3);background:#db27771f}.tag-c4{color:var(--tag4);background:#16a34a1f}.tag-c5{color:var(--tag5);background:#d977061f}.tag-input{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);background:var(--surface);outline:none;flex:1;min-width:0;padding:7px 9px;font-size:12px;transition:border-color .15s}.tag-input:focus{border-color:var(--accent)}.tag-remove{border:1px solid var(--border);background:var(--surface);width:22px;height:22px;color:var(--text3);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:flex}.tag-remove:hover{border-color:var(--rose);color:var(--rose);background:#d0202014}.tag-add{border:1.5px dashed var(--border2);border-radius:var(--radius-xs);width:100%;color:var(--text3);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);background:0 0;justify-content:center;align-items:center;gap:6px;padding:7px;transition:all .15s;display:flex}.tag-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.timing-block{flex-direction:column;gap:6px;display:flex}.timing-block-label{color:var(--text2);font-size:11px;font-weight:600}.timing-hint{color:var(--text3);margin-top:-2px;font-size:10px}.timing-row{align-items:center;gap:7px;margin-top:4px;display:flex}.timing-input{text-align:center;border:1px solid var(--border);border-radius:var(--radius-xs);width:46px;font-size:16px;font-family:var(--mono);color:var(--accent);background:var(--surface);outline:none;padding:6px 2px;font-weight:600;transition:border-color .15s}.timing-input:focus{border-color:var(--accent)}.timing-sep{color:var(--text3);font-size:16px;font-family:var(--mono)}.timing-dur{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xs);font-size:11px;font-family:var(--mono);color:var(--text);cursor:pointer;outline:none;padding:6px 8px}.s-divider{background:var(--border);height:1px}.unit-toggle-pill{border:1px solid var(--border2);border-radius:20px;flex-shrink:0;display:inline-flex;overflow:hidden}.utp-opt{font-size:10px;font-weight:700;font-family:var(--mono);color:var(--text3);cursor:pointer;background:var(--surface2);letter-spacing:.04em;border:none;padding:2px 7px;line-height:1.7;transition:background .12s,color .12s}.utp-opt:not(:last-child){border-right:1px solid var(--border2)}.utp-opt:hover{background:var(--border);color:var(--text2)}.utp-opt.active{background:var(--accent);color:#fff}.canvas-zoom-row{align-items:center;gap:6px;display:flex}.zoom-btn{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface2);width:26px;height:26px;color:var(--text2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:flex}.zoom-btn:hover{background:var(--surface3);border-color:var(--border2)}.zoom-btn:disabled{opacity:.35;cursor:not-allowed}.zoom-label{font-size:10px;font-family:var(--mono);color:var(--text2);text-align:center;min-width:34px;font-weight:600}.save-config-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;letter-spacing:.02em;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:10px;transition:background .15s,transform .1s;display:flex}.save-config-btn:hover{background:var(--accent2);transform:translateY(-1px)}.save-config-btn:active{transform:none}.save-config-group{flex-shrink:0;gap:8px;display:flex}.save-config-group .save-config-btn{flex:1}.save-new-btn{border:1px solid var(--border2)!important;color:var(--text2)!important;background:0 0!important}.save-new-btn:hover{transform:translateY(-1px);background:var(--surface2)!important;color:var(--text)!important}.right-col{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex-direction:column;gap:10px;height:100%;min-height:0;padding:12px;display:flex;overflow-y:auto}.right-col::-webkit-scrollbar{width:5px}.right-col::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.canvas-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.canvas-card-hdr{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 16px;display:flex}.canvas-state-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text2);font-size:11px;font-weight:700}.canvas-status-pill{letter-spacing:.1em;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:9px;font-weight:700;display:flex}.canvas-status-pill.live{background:var(--accent-bg);color:var(--accent);border:1px solid #0d9e874d}.canvas-status-pill.running{color:var(--rose);background:#d0202014;border:1px solid #d0202040}.canvas-status-dot{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.canvas-hdr-fill{flex:1}.canvas-hdr-btn{border:1px solid var(--border);background:var(--surface2);border-radius:var(--radius-xs);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:600;transition:background .12s;display:flex}.canvas-hdr-btn:hover{background:var(--surface3)}.canvas-area{aspect-ratio:16/9;background:#09090f;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}canvas#ae-stage{image-rendering:auto;width:100%;height:100%;display:block}.canvas-idle{color:#ffffff26;flex-direction:column;align-items:center;gap:10px;display:flex}.canvas-idle-icon{font-size:32px}.canvas-idle-text{font-size:11px;font-family:var(--mono);letter-spacing:.08em}.canvas-footer{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.canvas-main-actions{align-items:stretch;gap:10px;display:flex}.canvas-run-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);letter-spacing:.02em;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:9px;padding:12px 20px;transition:background .15s,transform .1s;display:flex}.canvas-run-btn:hover{background:var(--accent2);transform:translateY(-1px)}.canvas-run-btn:active{transform:none}.canvas-run-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.canvas-download-group{align-items:stretch;gap:8px;display:flex}.canvas-format-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);min-width:88px;color:var(--text);font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239494b0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:0 32px 0 11px;transition:border-color .12s,background .12s}.canvas-format-select:hover{background-color:var(--surface3)}.canvas-format-select:focus{border-color:var(--accent)}.canvas-format-select:disabled{opacity:.35;cursor:not-allowed}.canvas-download-btn{margin-left:0}.canvas-cancel-download-btn{color:#ef4444;background:#ef444414;border-color:#ef444480}.canvas-cancel-download-btn:hover{background:#ef444424}.placement-tl{flex-direction:column;gap:6px;display:flex}.placement-tl-legend{flex-wrap:wrap;gap:12px;display:flex}.ptl-li{font-size:10px;font-family:var(--mono);font-weight:600}.ptl-ad{color:var(--amber)}.ptl-banner{color:var(--orange)}.placement-tl-bar{padding:22px 0 4px;position:relative}.ptl-track{background:var(--border2);box-sizing:content-box;border-radius:3px;height:6px;padding:4px 0;position:relative}.ptl-marker{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.ptl-line{border-radius:1px;width:2px;height:20px}.ptl-marker-ad .ptl-line{background:var(--amber)}.ptl-marker-banner .ptl-line{background:var(--orange)}.ptl-tag{font-size:8px;font-weight:700;font-family:var(--mono);white-space:nowrap;border-radius:3px;margin-top:3px;padding:1px 4px}.ptl-marker-ad .ptl-tag{color:var(--amber);background:#c97a061f}.ptl-marker-banner .ptl-tag{color:var(--orange);background:#d952281f}.ptl-fill{background:var(--accent);opacity:.25;pointer-events:none;border-radius:2px;height:100%;position:absolute;top:0;left:0}.ptl-ad-band{border-left:2px solid var(--amber);pointer-events:none;background:#c97a0626;border-right:2px solid #c97a0666;height:100%;position:absolute;top:0}.ptl-marker-ad-end .ptl-line{background:#c97a0680}.ptl-marker-ad-end .ptl-tag{color:#c97a06b3;background:#c97a0614}.ptl-playhead{background:var(--blue);pointer-events:none;border-radius:2px;width:3px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%)}.ptl-time-row{font-size:10px;font-family:var(--mono);color:var(--text3);justify-content:space-between;display:flex}.tl{flex-direction:column;gap:6px;display:flex}.tl-legend{flex-wrap:wrap;gap:14px;display:flex}.tl-li{color:var(--text2);align-items:center;gap:5px;font-size:10px;display:flex}.tl-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.tl-bar{background:var(--border);cursor:pointer;border-radius:3px;height:6px;margin-top:18px;position:relative}.tl-fill{background:var(--accent);opacity:.25;pointer-events:none;border-radius:3px;height:100%}.tl-marker{border-radius:2px;width:3px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-labels{font-size:10px;font-family:var(--mono);color:var(--text3);justify-content:space-between;display:flex}.tl-ctrl-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.tl-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font);align-items:center;gap:6px;padding:7px 14px;transition:background .12s;display:flex}.tl-btn:hover{background:var(--surface2)}.tl-btn:disabled{opacity:.35;cursor:not-allowed}.tl-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.tl-btn.primary:hover{background:var(--accent2)}.tl-btn.export{color:var(--accent);border-color:var(--accent);margin-left:auto}.tl-btn.export:hover{background:var(--accent-bg)}@media (width<=900px){.canvas-main-actions{flex-direction:column}.canvas-download-group{width:100%}.canvas-format-select,.canvas-download-btn,.canvas-cancel-download-btn{flex:1 1 0}}.scan-log{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.scan-log-hdr{border-bottom:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:700;display:flex}.scan-log-lines{max-height:160px;padding:4px 0;overflow-y:auto}.scan-log-lines::-webkit-scrollbar{width:4px}.scan-log-lines::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.scan-log-line{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:6px 14px;font-size:11px;animation:.25s log-in;display:flex}.scan-log-line:last-child{border-bottom:none}@keyframes log-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.log-icon{flex-shrink:0;width:16px;font-size:12px}.log-text{color:var(--text);flex:1;line-height:1.5}.log-text .hi{color:var(--accent);font-family:var(--mono)}.log-ts{font-family:var(--mono);color:var(--text3);flex-shrink:0;padding-top:2px;font-size:9px}.trim-handle-bar{cursor:ew-resize;z-index:4;border-radius:2px;width:3px;height:20px;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.trim-handle-bar:hover{transform:translate(-50%,-50%)scaleX(2)}.trim-handle-bar.trim-in{background:var(--green)}.trim-handle-bar.trim-out{background:var(--rose)}.trim-handle-label{font-size:10px;font-family:var(--mono);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 5px;font-weight:700;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.trim-label-in{color:var(--green);background:#158f4524}.trim-label-out{color:var(--rose);background:#d0202024}.trim-excluded-region{pointer-events:none;background:#00000052;border-radius:2px;height:100%;position:absolute;top:0}.trim-track{background:var(--surface3);cursor:default;border-radius:6px;height:20px;margin:4px 0;position:relative;overflow:visible}.trim-range{background:var(--accent-bg);border:1.5px solid var(--accent);pointer-events:none;border-radius:6px;height:100%;position:absolute;top:0}.trim-handle{background:var(--accent);cursor:ew-resize;z-index:2;border-radius:3px;width:12px;height:24px;position:absolute;top:50%}.trim-handle.left{transform:translate(-50%,-50%)}.trim-handle.right{transform:translate(50%,-50%)}.trim-labels{font-family:var(--mono);color:var(--text2);justify-content:space-between;font-size:10px;display:flex}.confirm-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);width:90%;max-width:420px;box-shadow:var(--shadow-md);flex-direction:column;gap:12px;padding:28px 32px;display:flex}.confirm-message{color:var(--text);font-size:15px;font-weight:700}.confirm-description{color:var(--text2);font-size:13px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.confirm-btn-cancel{border-radius:var(--radius-sm);border:1px solid var(--border2);color:var(--text2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;padding:8px 18px;transition:all .15s}.confirm-btn-cancel:hover{background:var(--surface2);color:var(--text)}.confirm-btn-confirm{border-radius:var(--radius-sm);background:var(--accent);color:#000;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border:none;padding:8px 18px;transition:background .15s}.confirm-btn-confirm:hover{background:var(--accent2)}.confirm-btn-confirm:disabled{opacity:.4;cursor:not-allowed}.name-modal-input{box-sizing:border-box;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font);outline:none;padding:9px 12px;transition:border-color .15s}.name-modal-input::placeholder{color:var(--text3)}.name-modal-input:focus{border-color:var(--accent)}