body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0c0c0e;--bg-base:#111114;--bg-panel:#16161a;--bg-card:#1c1c21;--bg-hover:#22222a;--border:#2a2a35;--border-hi:#3a3a48;--accent:#e8a020;--red:#c20;--green:#4caf50;--gold:#d4a520;--txt-hi:#f0f0f5;--txt-md:#9090a0;--txt-lo:#55556a}body{background:#0c0c0e;background:var(--bg-deep);color:#f0f0f5;color:var(--txt-hi);font-family:Segoe UI,Arial,sans-serif}.top-nav{align-items:center;background:#111114;background:var(--bg-base);border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--border);display:flex;gap:4px;height:46px;overflow-x:auto;padding:0 12px;position:sticky;top:0;z-index:100}.top-nav::-webkit-scrollbar{display:none}.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f5d77a,#d4a520,#8b6508);-webkit-background-clip:text;background-clip:text;border-right:1px solid #2a2a35;border-right:1px solid var(--border);font-size:18px;font-weight:900;letter-spacing:3px;margin-right:6px;padding-right:12px}.nav-logo,.nav-tab{flex-shrink:0;white-space:nowrap}.nav-tab{background:#0000;border:1px solid #2a2a35;border:1px solid var(--border);border-radius:4px;color:#55556a;color:var(--txt-lo);cursor:pointer;font-size:11px;font-weight:700;height:28px;padding:0 10px;transition:all .15s}.nav-tab:hover{border-color:#3a3a48;border-color:var(--border-hi);color:#9090a0;color:var(--txt-md)}.nav-tab.active{background:#cc220014;border-color:#c20;border-color:var(--red);color:#c20;color:var(--red)}.editor-body{display:grid;grid-template-columns:1fr 300px;height:calc(100vh - 46px);overflow:hidden}.preview-panel{background:#000;border-right:1px solid #2a2a35;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.canvas-wrapper{align-items:center;background:#080808;display:flex;flex:1 1;justify-content:center;overflow:hidden}.preview-canvas{display:block;max-height:100%;max-width:100%}.monitor-empty{align-items:center;color:#55556a;color:var(--txt-lo);display:flex;flex-direction:column;font-size:12px;gap:10px;justify-content:center;line-height:1.7;text-align:center}.timeline-bar{background:#111114;background:var(--bg-base);border-top:1px solid #2a2a35;border-top:1px solid var(--border);flex-shrink:0;padding:8px 12px}.timeline-controls{align-items:center;display:flex;gap:8px}.timeline-track{background:#1c1c21;background:var(--bg-card);border-radius:3px;flex:1 1;height:5px;overflow:hidden}.timeline-progress{background:linear-gradient(90deg,#c20,#e8a020);background:linear-gradient(90deg,var(--red),var(--accent));border-radius:3px;height:100%;transition:width .2s}.timeline-time{color:#9090a0;color:var(--txt-md);font-family:monospace;font-size:11px;min-width:38px;text-align:right}.dl-row{background:#111114;background:var(--bg-base);border-top:1px solid #2a2a35;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:6px;padding:8px 12px}.dl-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;height:34px;transition:all .15s}.dl-btn.webm{background:#e8a02026;border:1px solid #e8a02059;color:#d4a520;color:var(--gold)}.dl-btn.mp4{background:#4caf5026;border:1px solid #4caf5059;color:#4caf50;color:var(--green)}.dl-btn.webm:hover{background:#e8a02047}.dl-btn.mp4:hover{background:#4caf5047}.controls-panel{background:#16161a;background:var(--bg-panel);display:flex;flex-direction:column;overflow-y:auto}.controls-panel::-webkit-scrollbar{width:3px}.controls-panel::-webkit-scrollbar-thumb{background:#3a3a48;background:var(--border-hi);border-radius:2px}.control-section{border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--border);padding:10px 12px}.control-label{align-items:center;color:#55556a;color:var(--txt-lo);display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:1.5px;margin-bottom:7px;text-transform:uppercase}.control-label:after{background:#2a2a35;background:var(--border);content:"";flex:1 1;height:1px}.sub-label{color:#55556a;color:var(--txt-lo);font-size:10px;font-weight:600;letter-spacing:.5px;margin:7px 0 4px}.upload-btn{align-items:center;background:#1c1c21;background:var(--bg-card);border:1.5px dashed #3a3a48;border:1.5px dashed var(--border-hi);border-radius:6px;color:#9090a0;color:var(--txt-md);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;height:34px;justify-content:center;transition:all .15s;width:100%}.upload-btn:hover{border-color:#d4a520;border-color:var(--gold);color:#d4a520;color:var(--gold)}.file-name{color:#4caf50;color:var(--green);font-size:11px;line-height:1.5;margin-top:6px}.tpl-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr)}.tpl-btn{background:#1c1c21;background:var(--bg-card);border:1.5px solid #2a2a35;border:1.5px solid var(--border);border-radius:5px;color:#55556a;color:var(--txt-lo);cursor:pointer;font-size:10px;font-weight:700;padding:6px 2px;text-align:center;transition:all .15s}.tpl-btn:hover{border-color:#3a3a48;border-color:var(--border-hi);color:#9090a0;color:var(--txt-md)}.tpl-btn.active{background:#cc220026;border-color:#c20;border-color:var(--red);color:#fff}.control-input{background:#1c1c21;background:var(--bg-card);border:1px solid #2a2a35;border:1px solid var(--border);border-radius:5px;color:#f0f0f5;color:var(--txt-hi);font-family:inherit;font-size:12px;outline:none;padding:6px 9px;resize:vertical;transition:border .15s;width:100%}.control-input:focus{border-color:#c20;border-color:var(--red)}textarea.control-input{line-height:1.5;min-height:44px}.slider-row{align-items:center;display:flex;gap:7px;margin-bottom:5px}.slider-name{color:#55556a;color:var(--txt-lo);flex-shrink:0;font-size:10px;min-width:78px}.slider-row input[type=range]{accent-color:#c20;accent-color:var(--red);cursor:pointer;flex:1 1}.slider-val{color:#9090a0;color:var(--txt-md);font-family:monospace;font-size:10px;min-width:30px;text-align:right}.seg-group{display:flex;gap:4px;margin-top:4px}.seg-btn{background:#1c1c21;background:var(--bg-card);border:1px solid #2a2a35;border:1px solid var(--border);border-radius:4px;color:#55556a;color:var(--txt-lo);cursor:pointer;flex:1 1;font-size:10px;font-weight:700;padding:4px 0;transition:all .15s}.seg-btn:hover{border-color:#3a3a48;border-color:var(--border-hi);color:#9090a0;color:var(--txt-md)}.seg-btn.active{background:#cc220026;border-color:#c20;border-color:var(--red);color:#fff}.color-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.color-chip{border:1.5px solid #0000;border-radius:4px;cursor:pointer;font-size:10px;font-weight:700;padding:3px 7px;transition:all .12s}.color-chip.selected{border-color:#fff!important}.swatch-grid{display:flex;flex-wrap:wrap;gap:5px}.swatch{border:1.5px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;transition:all .12s;width:20px}.swatch.selected{border-color:#fff!important;transform:scale(1.15)}.toggle-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.toggle-lbl{color:#9090a0;color:var(--txt-md);flex:1 1;font-size:11px}.toggle-sw{background:#3a3a48;background:var(--border-hi);border:none;border-radius:9px;cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:background .2s;width:36px}.toggle-sw:after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:left .2s;width:14px}.toggle-sw.on{background:#c20;background:var(--red)}.toggle-sw.on:after{left:20px}.export-btn{align-items:center;background:#c20;background:var(--red);border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:800;height:40px;justify-content:center;letter-spacing:1px;margin:10px 12px;transition:all .15s;width:calc(100% - 24px)}.export-btn:hover{background:#d30}.export-btn:disabled{background:#3a1a1a;color:#666;cursor:not-allowed}.bbn-toast{background:#1c1c21;border:1px solid #3a3a48;border-radius:6px;bottom:16px;box-shadow:0 8px 32px #0009;color:#f0f0f5;font-size:12px;font-weight:600;left:50%;padding:9px 20px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(80px);transition:transform .3s;white-space:nowrap;z-index:999}.bbn-toast.show{transform:translateX(-50%) translateY(0)}.bbn-toast.green{border-color:#4caf50;color:#4caf50}.bbn-toast.red{border-color:#c20;color:#f65}.bbn-toast.gold{border-color:#d4a520;color:#d4a520}
/*# sourceMappingURL=main.88566340.css.map*/