.tab-editor{animation:fadeIn .4s ease-out;margin:0 auto;max-width:1400px}.tab-meta{background:linear-gradient(180deg,var(--mahogany) 0,var(--walnut) 100%);border:1px solid #c9a55c33;border-radius:8px;box-shadow:var(--shadow-raised),inset 0 1px 0 #ffffff08;margin-bottom:1.5rem;padding:1.5rem 2rem;position:relative}.tab-meta:after,.tab-meta:before{background:radial-gradient(circle,var(--espresso) 30%,var(--walnut) 35%,var(--leather) 60%,var(--mahogany) 100%);border:2px solid var(--brass);border-radius:50%;box-shadow:inset 0 2px 8px #00000080,0 2px 4px #0000004d;content:"";height:40px;position:absolute;top:50%;transform:translateY(-50%);width:40px}.tab-meta:before{left:-20px}.tab-meta:after{right:-20px}.meta-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:0 1.5rem}.meta-row:last-child{margin-bottom:0}.meta-row label{align-items:center;color:var(--taupe);display:flex;flex:1 1;font-family:var(--font-body);font-size:.9rem;gap:.75rem;letter-spacing:.1em;min-width:200px;text-transform:uppercase}.meta-row input[type=text]{background:var(--espresso);border:1px solid #c9a55c4d;border-radius:4px;box-shadow:var(--shadow-inset);color:var(--cream);flex:1 1;font-family:var(--font-display);font-size:1.1rem;font-style:italic;padding:.75rem 1rem;transition:all .2s ease}.meta-row input[type=text]:focus{border-color:var(--brass);box-shadow:var(--shadow-inset),0 0 15px #c9a55c26;outline:none}.meta-row input[type=text]::placeholder{color:var(--leather);font-style:italic}.playback-controls{align-items:center;background:linear-gradient(180deg,var(--walnut) 0,var(--mahogany) 100%);border:1px solid #c9a55c26;border-radius:8px;box-shadow:var(--shadow-raised),inset 0 1px 0 #ffffff08;display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;position:relative}.playback-controls:before{background:linear-gradient(90deg,#0000 0,var(--vu-green) 10%,var(--vu-green) 50%,var(--signal-amber) 70%,var(--signal-red) 90%,#0000 100%);border-radius:1px;content:"";height:2px;left:20px;opacity:.5;position:absolute;right:20px;top:0}.play-btn{background:linear-gradient(180deg,var(--vu-green) 0,#3a6830 100%);border:1px solid #6b8f5980;box-shadow:0 4px 12px #4a7c3f4d,inset 0 1px 0 #ffffff1a;color:var(--ivory);font-size:.9rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;text-shadow:0 1px 2px #0000004d}.play-btn:hover{background:linear-gradient(180deg,#5a9f4a 0,var(--vu-green) 100%);box-shadow:0 6px 20px #4a7c3f66,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.play-btn.playing{animation:playingPulse 2s ease-in-out infinite;background:linear-gradient(180deg,var(--signal-amber) 0,var(--copper) 100%);border-color:var(--brass);color:var(--espresso)}@keyframes playingPulse{0%,to{box-shadow:0 4px 12px #d4a03066}50%{box-shadow:0 4px 25px #d4a03099}}.play-btn.playing:hover{background:linear-gradient(180deg,var(--brass-bright) 0,var(--signal-amber) 100%)}.stop-btn{background:linear-gradient(180deg,var(--signal-red) 0,#8a2a2a 100%);border:1px solid #c4453680;box-shadow:0 4px 12px #c445364d,inset 0 1px 0 #ffffff1a;color:var(--ivory);padding:.75rem 1.25rem}.stop-btn:hover{background:linear-gradient(180deg,#d45a4a 0,var(--signal-red) 100%)}.stop-btn:disabled{background:linear-gradient(180deg,var(--leather) 0,var(--mahogany) 100%);box-shadow:none;color:var(--taupe);cursor:not-allowed;opacity:.5}.tempo-control{display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:300px;min-width:180px}.tempo-control label{color:var(--taupe);font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.tempo-value{color:var(--brass-bright);font-family:var(--font-mono);font-size:.85rem;font-weight:600;margin-left:.5rem}.tempo-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#0006,#0003);border:1px solid #c9a55c33;border-radius:4px;box-shadow:var(--shadow-inset);cursor:pointer;height:8px;outline:none;width:100%}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,var(--brass-bright) 0,var(--brass) 50%,var(--bronze) 100%);border:1px solid #0000004d;border-radius:3px;box-shadow:0 2px 6px #0006,inset 0 1px 0 #ffffff4d;cursor:pointer;height:28px;-webkit-transition:all .15s ease;transition:all .15s ease;width:20px}.tempo-slider::-webkit-slider-thumb:hover{background:linear-gradient(180deg,#edd094 0,var(--brass-bright) 50%,var(--brass) 100%);transform:scale(1.05)}.tempo-slider::-moz-range-thumb{background:linear-gradient(180deg,var(--brass-bright) 0,var(--brass) 50%,var(--bronze) 100%);border:1px solid #0000004d;border-radius:3px;cursor:pointer;height:28px;width:20px}.tempo-presets{display:flex;gap:.5rem}.tempo-presets button{background:linear-gradient(180deg,var(--leather) 0,var(--mahogany) 100%);border-color:#c9a55c33;font-size:.7rem;min-width:auto;padding:.4rem .75rem}.tempo-presets button:hover{border-color:var(--brass)}.tempo-presets button.active{background:linear-gradient(180deg,var(--brass) 0,var(--bronze) 100%);border-color:var(--brass-bright);color:var(--espresso)}.capo-control{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.capo-control label{color:var(--taupe);font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.capo-value{color:var(--signal-amber);font-family:var(--font-mono);font-size:.85rem;font-weight:600;margin-left:.5rem}.capo-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#0006,#0003);border:1px solid #c9a55c33;border-radius:4px;box-shadow:var(--shadow-inset);cursor:pointer;height:8px;outline:none;width:100%}.capo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:radial-gradient(circle at 40% 40%,var(--signal-amber) 0,var(--copper) 100%);border:2px solid #0003;border-radius:50%;box-shadow:0 2px 6px #0006,inset 0 2px 4px #ffffff4d;cursor:pointer;height:18px;width:18px}.capo-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.capo-slider::-moz-range-thumb{background:radial-gradient(circle at 40% 40%,var(--signal-amber) 0,var(--copper) 100%);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.add-track-btn{background:linear-gradient(180deg,var(--signal-green) 0,#4a6840 100%);border-color:#6b8f5966;color:var(--ivory);font-size:.8rem;padding:.6rem 1rem}.add-track-btn:hover{background:linear-gradient(180deg,#7aa069 0,var(--signal-green) 100%)}.add-track-btn:disabled{background:var(--mahogany);color:var(--taupe);opacity:.5}.autobar-control{display:flex;flex-direction:column;gap:.5rem}.autobar-control label{color:var(--taupe);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.autobar-row{align-items:center;display:flex;gap:.5rem}.autobar-row span{color:var(--taupe);font-size:.8rem}.autobar-input{background:var(--espresso);border:1px solid #c9a55c4d;border-radius:4px;box-shadow:var(--shadow-inset);color:var(--cream);font-family:var(--font-mono);font-size:.9rem;padding:.4rem;text-align:center;width:50px}.autobar-input:focus{border-color:var(--brass);outline:none}.autobar-btn,.autobar-clear-btn{font-size:.75rem;padding:.4rem .75rem}.autobar-btn{background:linear-gradient(180deg,var(--signal-amber) 0,var(--copper) 100%);border-color:var(--brass);color:var(--espresso)}.autobar-clear-btn{background:linear-gradient(180deg,var(--leather) 0,var(--mahogany) 100%)}.tab-help{background:linear-gradient(180deg,#0000004d,#0003);border:1px solid #c9a55c1a;border-radius:6px;box-shadow:var(--shadow-inset);color:var(--taupe);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.75rem;gap:.35rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.tab-help span{line-height:1.6}.tracks-container{display:flex;flex-direction:column;gap:1.25rem}.track{background:linear-gradient(180deg,var(--walnut) 0,var(--mahogany) 100%);border:2px solid #0000;border-radius:8px;box-shadow:var(--shadow-raised);padding:.75rem;position:relative;transition:all .2s ease}.track:before{background:linear-gradient(180deg,#0000 0,var(--vu-green) 20%,var(--vu-green) 60%,var(--signal-amber) 80%,var(--signal-red) 100%);border-radius:2px;bottom:10%;content:"";left:0;opacity:.3;position:absolute;top:10%;transition:opacity .2s ease;width:4px}.track.active-track{border-color:var(--brass);box-shadow:var(--shadow-raised),0 0 30px #c9a55c1a}.track.active-track:before{animation:vuMeter 1.5s ease-in-out infinite;opacity:.7}@keyframes vuMeter{0%,to{opacity:.5}50%{opacity:.9}}.track.muted-track{filter:grayscale(.5);opacity:.4}.track.muted-track:before{opacity:.1}.track-header{align-items:center;background:linear-gradient(180deg,#00000040,#00000026);border:1px solid #c9a55c1a;border-radius:5px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.625rem .875rem}.track-label{border-radius:3px;color:var(--brass);cursor:pointer;font-family:var(--font-display);font-size:1rem;font-style:italic;font-weight:600;padding:.25rem .625rem;transition:all .2s ease}.track-label:hover{background:#c9a55c1a;color:var(--brass-bright)}.track-instrument-select{background:var(--espresso);border:1px solid #c9a55c4d;border-radius:4px;box-shadow:var(--shadow-inset);color:var(--cream);cursor:pointer;font-family:var(--font-body);font-size:.8rem;padding:.4rem .625rem;transition:all .2s ease}.track-instrument-select:hover{border-color:var(--brass)}.track-instrument-select:focus{border-color:var(--brass-bright);outline:none}.track-instrument-select option{background:var(--walnut);color:var(--cream)}.chord-buttons{display:flex;flex:1 1;flex-wrap:wrap;gap:.25rem;justify-content:flex-start}.chord-btn{background:linear-gradient(180deg,var(--leather) 0,var(--mahogany) 100%);border:1px solid #c9a55c4d;border-radius:3px;box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff0d;color:var(--cream);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.02em;min-width:32px;padding:.25rem .5rem;text-align:center;transition:all .15s ease}.chord-btn:hover{background:linear-gradient(180deg,var(--brass) 0,var(--bronze) 100%);border-color:var(--brass-bright);box-shadow:0 3px 8px #0006,0 0 10px #c9a55c33,inset 0 1px 0 #fff3;color:var(--espresso);transform:translateY(-1px)}.chord-btn:active{box-shadow:var(--shadow-inset);transform:translateY(0)}.chord-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.strum-buttons{display:flex;gap:.25rem}.strum-btn{align-items:center;background:linear-gradient(180deg,var(--leather) 0,var(--mahogany) 100%);border:1px solid #c9a55c4d;border-radius:3px;box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff0d;color:var(--cream);cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.strum-btn:hover{background:linear-gradient(180deg,var(--mahogany) 0,var(--leather) 100%);border-color:var(--brass);color:var(--brass-bright);transform:translateY(-1px)}.strum-btn.active{background:linear-gradient(180deg,var(--signal-amber) 0,var(--copper) 100%);border-color:var(--brass-bright);box-shadow:0 2px 8px #d4a03066,inset 0 1px 0 #fff3;color:var(--espresso)}.strum-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.strum-btn.strum-clear{background:linear-gradient(180deg,var(--mahogany) 0,var(--espresso) 100%);color:var(--taupe);font-size:1.1rem}.strum-btn.strum-clear:hover{background:linear-gradient(180deg,var(--signal-red) 0,#6a2a2a 100%);border-color:var(--signal-red);color:var(--ivory)}.strum-row{align-items:center;border-bottom:1px dashed #6b55444d;display:flex;font-family:var(--font-mono);font-size:.9rem;line-height:1.4;margin-bottom:.25rem;padding-bottom:.25rem;position:relative}.strum-label{color:#8b7766;font-size:.85rem}.strum-cell{color:#a09080;cursor:pointer;font-size:.95rem;line-height:1.2;text-align:center;transition:all .1s ease;user-select:none;-webkit-user-select:none;width:1.1ch}.strum-cell:hover{background:#c9a55c26;border-radius:2px;color:var(--brass-bright)}.strum-cell.cursor{background:#c9a55c40;border-radius:2px}.strum-cell.has-strum{font-weight:700}.strum-cell.strum-down-mark{color:#6aba5a}.strum-cell.strum-up-mark{color:#7a9aea}.strum-cell.playback-active{background:#d4a0304d}.strum-cell.playback-active.has-strum{background:var(--signal-amber);border-radius:2px;color:var(--espresso)}.track-mute-btn{align-items:center;background:radial-gradient(circle at 50% 30%,var(--signal-green) 0,#3a6830 100%);border:2px solid #0000004d;border-radius:50%;box-shadow:0 3px 8px #0006,inset 0 2px 4px #fff3,0 0 15px #4a7c3f4d;display:flex;font-size:.9rem;height:36px;justify-content:center;padding:0;transition:all .15s ease;width:36px}.track-mute-btn:hover{box-shadow:0 3px 8px #0006,inset 0 2px 4px #fff3,0 0 25px #4a7c3f80;transform:scale(1.05)}.track-mute-btn.muted{background:radial-gradient(circle at 50% 30%,var(--signal-red) 0,#6a2a2a 100%);box-shadow:0 3px 8px #0006,inset 0 2px 4px #fff3,0 0 15px #c4453666}.track-delete-btn{align-items:center;background:#0000;border:1px solid var(--taupe);border-radius:4px;box-shadow:none;color:var(--taupe);display:flex;font-size:1.1rem;height:28px;justify-content:center;opacity:.5;padding:0;transition:all .2s ease;width:28px}.track-delete-btn:hover{background:#c4453633;border-color:var(--signal-red);color:var(--signal-red);opacity:1;transform:none}.track-delete-btn:disabled{cursor:not-allowed;opacity:.2}.tab-grid{background:linear-gradient(180deg,#f7f3e8,#efe9db);border:3px solid var(--leather);border-radius:6px;box-shadow:var(--shadow-inset),0 2px 4px #0003;outline:none;overflow-x:auto;padding:1.25rem 1rem;position:relative}.tab-grid:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");border-radius:4px;bottom:0;content:"";left:0;opacity:.04;pointer-events:none;position:absolute;right:0;top:0}.tab-grid:focus{border-color:var(--brass);box-shadow:var(--shadow-inset),0 0 0 3px #c9a55c33}.tab-grid.playing{border-color:var(--signal-green);box-shadow:var(--shadow-inset),0 0 20px #4a7c3f4d}.tab-grid.dragging,.tab-grid.dragging .tab-cell{cursor:crosshair}.tab-string{align-items:center;display:flex;font-family:var(--font-mono);font-size:1.05rem;line-height:1.7;position:relative}.tab-string:after{background:#5a463226;content:"";height:1px;left:2rem;pointer-events:none;position:absolute;right:0;top:50%;z-index:0}.tab-string.unused-string{opacity:.25;pointer-events:none}.string-label{color:#6b5544;font-size:.95rem;font-weight:600;position:relative;text-align:center;width:1.75rem;z-index:1}.string-separator{color:#8b7766;font-weight:500;position:relative;z-index:1}.string-content{display:flex;position:relative;z-index:1}.tab-cell{color:#9a8878;cursor:pointer;position:relative;text-align:center;transition:all .1s ease;user-select:none;-webkit-user-select:none;width:1.1ch;z-index:2}.tab-cell:hover{background:#c9a55c26;border-radius:2px}.tab-cell.cursor{background:var(--brass);border-radius:2px;box-shadow:0 0 8px #c9a55c80;color:var(--espresso);font-weight:600}.tab-cell.has-note{color:#2d4a1c;font-weight:700}.tab-cell.has-note.cursor{background:var(--signal-green);color:var(--ivory)}.tab-cell.bar-line{color:#6b5544;font-weight:700;position:relative}.tab-cell.bar-line:before{background:#8b6544;bottom:-6px;content:"";left:50%;pointer-events:none;position:absolute;top:-6px;transform:translateX(-50%);width:2px;z-index:3}.tab-cell.selected{background:#b8733340;border-radius:2px}.tab-cell.selected-note{background:#6b8f5966;color:#1a3010}.tab-cell.selected.cursor{background:var(--brass);color:var(--espresso)}.tab-cell.playback-active{background:#d4a03033;transition:background .05s ease}.tab-cell.playback-note{animation:notePulse .15s ease-out;background:var(--signal-amber);border-radius:2px;color:var(--espresso);font-weight:700}@keyframes notePulse{0%{background:#ffd54f;transform:scale(1.4)}to{background:var(--signal-amber);transform:scale(1)}}.tab-preview{background:linear-gradient(180deg,var(--walnut) 0,var(--mahogany) 100%);border:1px solid #c9a55c26;border-radius:8px;box-shadow:var(--shadow-raised);margin-top:2rem;padding:1.25rem 1.5rem}.tab-preview h3{color:var(--brass);font-family:var(--font-display);font-size:1rem;font-style:italic;font-weight:600;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.preview-track{background:linear-gradient(180deg,#f7f3e8,#efe9db);border:1px solid #6b55444d;border-radius:4px;margin-bottom:1.25rem;padding:1rem}.preview-track:last-child{margin-bottom:0}.preview-track-label{color:#6b5544;font-family:var(--font-display);font-size:.9rem;font-style:italic;font-weight:600;margin-bottom:.5rem}.preview-content{color:#4a3a2a;font-family:var(--font-mono);font-size:.9rem;line-height:1.5;overflow-x:auto;white-space:pre}.tab-grid::-webkit-scrollbar{height:10px}.tab-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:5px}.tab-grid::-webkit-scrollbar-thumb{background:#b8a088;border:2px solid #efe9db;border-radius:5px}.tab-grid::-webkit-scrollbar-thumb:hover{background:#a08868}@media (max-width:900px){.playback-controls{gap:1rem;padding:1rem}.tempo-control{min-width:150px}.tab-meta:after,.tab-meta:before{display:none}.meta-row{padding:0}.chord-buttons{gap:.2rem}.chord-btn{font-size:.65rem;min-width:28px;padding:.2rem .4rem}}@media (max-width:600px){.tab-editor{padding:0 .5rem}.tab-grid{padding:.75rem .5rem}.tab-cell{font-size:.95rem}.track-header{flex-wrap:wrap}.chord-buttons{justify-content:center;margin-top:.5rem;order:10;width:100%}.chord-btn{font-size:.7rem;padding:.3rem .5rem}}:root{--espresso:#1c1410;--walnut:#2a211a;--mahogany:#3d2e24;--leather:#4a3728;--brass:#c9a55c;--brass-bright:#e0c078;--copper:#b87333;--bronze:#8b6914;--cream:#f4e8d1;--parchment:#e8dcc6;--ivory:#faf6ed;--taupe:#a69882;--signal-green:#6b8f59;--signal-amber:#d4a030;--signal-red:#c44536;--vu-green:#4a7c3f;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Outfit",-apple-system,sans-serif;--font-mono:"IBM Plex Mono","Courier New",monospace;--shadow-inset:inset 0 2px 4px #0006;--shadow-raised:0 4px 12px #00000080,0 2px 4px #0000004d;--shadow-glow:0 0 20px #c9a55c26;--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#1c1410;background:var(--espresso);color:#f4e8d1;color:var(--cream);font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-body);line-height:1.5;min-height:100vh}body:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");background-image:var(--noise);content:"";height:100%;left:0;opacity:.03;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.app{background:linear-gradient(180deg,#1c1410f2,#2a211afa);display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background:linear-gradient(180deg,#3d2e24,#2a211a 50%,#3d2e24);background:linear-gradient(180deg,var(--mahogany) 0,var(--walnut) 50%,var(--mahogany) 100%);border-bottom:3px solid #4a3728;border-bottom:3px solid var(--leather);box-shadow:inset 0 1px 0 #ffffff0d,0 4px 20px #00000080;display:flex;gap:1.5rem;padding:1rem 2rem;position:relative}.header:after{background:linear-gradient(90deg,#0000,#c9a55c 20%,#e0c078 50%,#c9a55c 80%,#0000);background:linear-gradient(90deg,#0000 0,var(--brass) 20%,var(--brass-bright) 50%,var(--brass) 80%,#0000 100%);bottom:-3px;content:"";height:1px;left:0;position:absolute;right:0}.header-logo{flex-grow:1;gap:1rem}.header-logo,.logo-emblem{align-items:center;display:flex}.logo-emblem{background:linear-gradient(145deg,#e0c078,#c9a55c 40%,#8b6914);background:linear-gradient(145deg,var(--brass-bright) 0,var(--brass) 40%,var(--bronze) 100%);border-radius:50%;box-shadow:0 3px 10px #0006,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;height:44px;justify-content:center;position:relative;width:44px}.logo-emblem:before{background:linear-gradient(145deg,#3d2e24,#2a211a);background:linear-gradient(145deg,var(--mahogany) 0,var(--walnut) 100%);border-radius:50%;box-shadow:inset 0 2px 4px #0006;content:"";height:32px;position:absolute;width:32px}.logo-emblem:after{background:#e0c078;background:var(--brass-bright);box-shadow:0 1px 2px #0000004d;-webkit-clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);content:"";height:16px;position:absolute;width:14px}.header h1{color:#e0c078;color:var(--brass-bright);display:flex;flex-direction:column;font-family:Cormorant Garamond,Georgia,serif;font-family:var(--font-display);font-size:2rem;font-style:italic;font-weight:600;letter-spacing:.05em;line-height:1.1;text-shadow:0 2px 4px #00000080}.header h1 small{color:#a69882;color:var(--taupe);font-size:.6rem;font-style:normal;font-weight:400;letter-spacing:.3em;text-transform:uppercase}.menu-toggle{background:linear-gradient(145deg,#4a3728,#2a211a);background:linear-gradient(145deg,var(--leather) 0,var(--walnut) 100%);border:1px solid #c9a55c;border:1px solid var(--brass);border-radius:4px;box-shadow:0 4px 12px #00000080,0 2px 4px #0000004d;box-shadow:var(--shadow-raised);color:#c9a55c;color:var(--brass);cursor:pointer;font-size:1.25rem;padding:.5rem .75rem;transition:all .2s ease}.menu-toggle:hover{background:linear-gradient(145deg,#3d2e24,#4a3728);background:linear-gradient(145deg,var(--mahogany) 0,var(--leather) 100%);color:#e0c078;color:var(--brass-bright);transform:translateY(-1px)}.header-actions{display:flex;gap:.75rem}button{background:linear-gradient(180deg,#4a3728,#3d2e24);background:linear-gradient(180deg,var(--leather) 0,var(--mahogany) 100%);border:1px solid #c9a55c4d;border-radius:4px;box-shadow:0 4px 12px #00000080,0 2px 4px #0000004d,inset 0 1px 0 #ffffff0d;box-shadow:var(--shadow-raised),inset 0 1px 0 #ffffff0d;color:#f4e8d1;color:var(--cream);cursor:pointer;font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.03em;overflow:hidden;padding:.6rem 1.25rem;position:relative;text-transform:uppercase;transition:all .15s ease}button:before{background:linear-gradient(180deg,#ffffff0d,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}button:hover{background:linear-gradient(180deg,#3d2e24,#4a3728);background:linear-gradient(180deg,var(--mahogany) 0,var(--leather) 100%);border-color:#c9a55c;border-color:var(--brass);box-shadow:0 6px 16px #0009,inset 0 1px 0 #ffffff14;color:#e0c078;color:var(--brass-bright);transform:translateY(-1px)}button:active{box-shadow:inset 0 2px 4px #0006;box-shadow:var(--shadow-inset);transform:translateY(0)}button.primary{background:linear-gradient(180deg,#d4a030,#b87333);background:linear-gradient(180deg,var(--signal-amber) 0,var(--copper) 100%);border-color:#e0c078;border-color:var(--brass-bright);color:#1c1410;color:var(--espresso);font-weight:600}button.primary:hover{background:linear-gradient(180deg,#e0c078,#d4a030);background:linear-gradient(180deg,var(--brass-bright) 0,var(--signal-amber) 100%);color:#1c1410;color:var(--espresso)}.main-container{flex:1 1}.main-container,.sidebar{display:flex;overflow:hidden}.sidebar{background:linear-gradient(180deg,#2a211a,#3d2e24);background:linear-gradient(180deg,var(--walnut) 0,var(--mahogany) 100%);border-right:3px solid #4a3728;border-right:3px solid var(--leather);box-shadow:inset -8px 0 20px #0000004d,4px 0 20px #0006;flex-direction:column;position:relative;width:300px}.sidebar:before{background:repeating-linear-gradient(180deg,#0000,#0000 18px,#0000004d 0,#0000004d 20px),linear-gradient(90deg,#3d2e24,#4a3728 50%,#3d2e24);background:repeating-linear-gradient(180deg,#0000 0,#0000 18px,#0000004d 18px,#0000004d 20px),linear-gradient(90deg,var(--mahogany) 0,var(--leather) 50%,var(--mahogany) 100%);border-left:1px solid #c9a55c33;right:0;width:28px;z-index:5}.sidebar:after,.sidebar:before{bottom:0;content:"";position:absolute;top:0}.sidebar:after{background:radial-gradient(circle at 50% 20px,#a69882 0,#a69882 4px,#4a3728 0,#4a3728 5px,#0000 0),radial-gradient(circle at 50% calc(100% - 20px),#a69882 0,#a69882 4px,#4a3728 0,#4a3728 5px,#0000 0),radial-gradient(circle at 50% 50%,#a69882 0,#a69882 4px,#4a3728 0,#4a3728 5px,#0000 0);background:radial-gradient(circle at 50% 20px,var(--taupe) 0,var(--taupe) 4px,var(--leather) 4px,var(--leather) 5px,#0000 5px),radial-gradient(circle at 50% calc(100% - 20px),var(--taupe) 0,var(--taupe) 4px,var(--leather) 4px,var(--leather) 5px,#0000 5px),radial-gradient(circle at 50% 50%,var(--taupe) 0,var(--taupe) 4px,var(--leather) 4px,var(--leather) 5px,#0000 5px);right:8px;width:12px;z-index:6}.sidebar-header{align-items:center;background:linear-gradient(180deg,#0003,#0000);border-bottom:1px solid #c9a55c33;display:flex;gap:.75rem;padding:1.25rem 3rem 1.25rem 1.5rem}.sidebar-led{animation:ledPulse 3s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#7cfc7c 0,#4a7c3f 50%,#2a5a2a 100%);background:radial-gradient(circle at 30% 30%,#7cfc7c 0,var(--vu-green) 50%,#2a5a2a 100%);border-radius:50%;box-shadow:0 0 6px #4a7c3f,0 0 12px #4a7c3f80;box-shadow:0 0 6px var(--vu-green),0 0 12px #4a7c3f80;height:8px;width:8px}@keyframes ledPulse{0%,to{opacity:.8}50%{opacity:1}}.sidebar h2{color:#c9a55c;color:var(--brass);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.15em;margin:0;text-transform:uppercase}.tab-list{flex:1 1;list-style:none;overflow-y:auto;padding:.5rem 2rem .5rem .5rem}.tab-list::-webkit-scrollbar{width:8px}.tab-list::-webkit-scrollbar-track{background:#3d2e24;background:var(--mahogany);border-radius:4px}.tab-list::-webkit-scrollbar-thumb{background:#4a3728;background:var(--leather);border:1px solid #c9a55c;border:1px solid var(--brass);border-radius:4px}.tab-list li{align-items:center;background:linear-gradient(180deg,#0000001a,#0003);border:1px solid #0000;border-radius:4px;display:flex;margin-bottom:.25rem;transition:all .2s ease}.tab-list li:hover{background:linear-gradient(180deg,#c9a55c1a,#c9a55c0d);border-color:#c9a55c33}.tab-list li.active{background:linear-gradient(180deg,#c9a55c26,#c9a55c14);border-color:#c9a55c;border-color:var(--brass);box-shadow:inset 0 0 20px #c9a55c1a,0 0 10px #c9a55c1a}.tab-list li span{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.875rem 1rem}.tab-list li strong{color:#f4e8d1;color:var(--cream);font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:500}.tab-list li.active strong{color:#e0c078;color:var(--brass-bright)}.tab-list li small{font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-body);font-size:.8rem}.tab-list li small,.tab-list li.empty{color:#a69882;color:var(--taupe);font-style:italic}.tab-list li.empty{background:none;padding:1.5rem;text-align:center}.delete-btn{background:#0000;border:none;box-shadow:none;color:#a69882;color:var(--taupe);font-size:1.1rem;line-height:1;opacity:.6;padding:.5rem .75rem;transition:all .2s ease}.delete-btn:hover{background:#c445361a;box-shadow:none;color:#c44536;color:var(--signal-red);opacity:1;transform:none}.editor-container{background:radial-gradient(ellipse at top,#c9a55c08 0,#0000 50%),linear-gradient(180deg,#1c1410,#1c1410f2);background:radial-gradient(ellipse at top,#c9a55c08 0,#0000 50%),linear-gradient(180deg,var(--espresso) 0,#1c1410f2 100%);flex:1 1;overflow:auto;padding:2rem;position:relative}.editor-container:before{background:radial-gradient(circle at 100% 0,#c9a55c0a 0,#0000 60%);right:0;top:60px;width:300px}.editor-container:after,.editor-container:before{content:"";height:300px;pointer-events:none;position:fixed;z-index:0}.editor-container:after{background:radial-gradient(circle at 0 100%,#4a7c3f08 0,#0000 60%);bottom:0;left:300px;width:400px}.editor-container::-webkit-scrollbar{height:12px;width:12px}.editor-container::-webkit-scrollbar-track{background:#2a211a;background:var(--walnut);border-radius:6px}.editor-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a3728,#3d2e24);background:linear-gradient(180deg,var(--leather) 0,var(--mahogany) 100%);border:2px solid #2a211a;border:2px solid var(--walnut);border-radius:6px}.editor-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3d2e24,#4a3728);background:linear-gradient(180deg,var(--mahogany) 0,var(--leather) 100%)}.welcome{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.welcome:after,.welcome:before{background:radial-gradient(circle at 50% 50%,#1c1410 0,#1c1410 15%,#2a211a 16%,#2a211a 18%,#3d2e24 19%,#3d2e24 35%,#4a3728 36%,#4a3728 38%,#3d2e24 39%,#3d2e24 55%,#2a211a 56%,#2a211a 58%,#4a3728 59%,#4a3728 75%,#3d2e24 76%,#3d2e24 90%,#0000 91%);background:radial-gradient(circle at 50% 50%,var(--espresso) 0,var(--espresso) 15%,var(--walnut) 16%,var(--walnut) 18%,var(--mahogany) 19%,var(--mahogany) 35%,var(--leather) 36%,var(--leather) 38%,var(--mahogany) 39%,var(--mahogany) 55%,var(--walnut) 56%,var(--walnut) 58%,var(--leather) 59%,var(--leather) 75%,var(--mahogany) 76%,var(--mahogany) 90%,#0000 91%);border:4px solid #c9a55c;border:4px solid var(--brass);border-radius:50%;box-shadow:inset 0 0 30px #00000080,0 0 40px #0000004d,0 0 60px #c9a55c1a;content:"";height:180px;opacity:.3;position:absolute;width:180px;z-index:0}.welcome:before{animation:reelSpin 20s linear infinite;left:-60px;top:10%}.welcome:after{animation:reelSpin 25s linear infinite reverse;bottom:10%;right:-60px}@keyframes reelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-panel{background:linear-gradient(180deg,#3d2e24,#2a211a 50%,#3d2e24);background:linear-gradient(180deg,var(--mahogany) 0,var(--walnut) 50%,var(--mahogany) 100%);border:2px solid #4a3728;border:2px solid var(--leather);border-radius:12px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0000004d;padding:3rem 4rem;position:relative;z-index:1}.welcome-panel:before{border:1px dashed #c9a55c26;border-radius:8px;bottom:12px;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px}.welcome h2{color:#e0c078;color:var(--brass-bright);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--font-display);font-size:3.5rem;font-style:italic;font-weight:600;letter-spacing:.02em;margin-bottom:.5rem;position:relative;text-shadow:0 2px 4px #00000080,0 4px 20px #c9a55c66}.welcome h2:after{background:linear-gradient(90deg,#0000,#c9a55c 30%,#e0c078 50%,#c9a55c 70%,#0000);background:linear-gradient(90deg,#0000 0,var(--brass) 30%,var(--brass-bright) 50%,var(--brass) 70%,#0000 100%);bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.welcome-subtitle{color:#a69882;color:var(--taupe);font-size:.85rem;font-weight:400;letter-spacing:.25em;margin-bottom:1.5rem;text-transform:uppercase}.welcome p,.welcome-subtitle{font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-body)}.welcome p{color:#e8dcc6;color:var(--parchment);font-size:1.1rem;font-weight:300;line-height:1.7;margin-bottom:.5rem;max-width:360px}.welcome-vu{display:flex;gap:1.5rem;margin:1.5rem 0}.vu-meter{background:linear-gradient(180deg,#0006,#0003);border:1px solid #c9a55c4d;border-radius:4px;box-shadow:inset 0 2px 4px #0006;box-shadow:var(--shadow-inset);height:50px;overflow:hidden;position:relative;width:80px}.vu-meter:before{animation:vuBounce 1.5s ease-in-out infinite;background:linear-gradient(90deg,#4a7c3f,#4a7c3f 60%,#d4a030 75%,#c44536);background:linear-gradient(90deg,var(--vu-green) 0,var(--vu-green) 60%,var(--signal-amber) 75%,var(--signal-red) 100%);border-radius:2px;bottom:4px;content:"";height:60%;left:4px;position:absolute;right:4px}.vu-meter:after{color:#c9a55c;color:var(--brass);content:"VU";font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.6rem;left:50%;letter-spacing:.1em;position:absolute;top:4px;transform:translateX(-50%)}@keyframes vuBounce{0%,to{width:40%}25%{width:70%}50%{width:55%}75%{width:85%}}.welcome button{background:linear-gradient(180deg,#d4a030,#b87333);background:linear-gradient(180deg,var(--signal-amber) 0,var(--copper) 100%);border:2px solid #e0c078;border:2px solid var(--brass-bright);color:#1c1410;color:var(--espresso);font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;overflow:hidden;padding:1rem 2.5rem;position:relative}.welcome button:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.welcome button:hover{background:linear-gradient(180deg,#e0c078,#d4a030);background:linear-gradient(180deg,var(--brass-bright) 0,var(--signal-amber) 100%);box-shadow:0 8px 30px #c9a55c66,0 0 40px #c9a55c33;transform:translateY(-2px)}.welcome button:hover:after{left:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #c9a55c33}50%{box-shadow:0 0 20px #c9a55c66}}@media (max-width:900px){.welcome:after,.welcome:before{height:120px;opacity:.2;width:120px}.welcome-panel{padding:2rem 2.5rem}.welcome h2{font-size:2.5rem}}@media (max-width:768px){.header{padding:.875rem 1rem}.header h1{font-size:1.5rem}.header h1 small{display:none}.logo-emblem{height:36px;width:36px}.logo-emblem:before{height:26px;width:26px}.logo-emblem:after{height:12px;width:10px}.sidebar{width:250px}.sidebar:after,.sidebar:before{display:none}.tab-list{padding-right:.5rem}.editor-container{padding:1rem}.editor-container:after,.editor-container:before,.welcome:after,.welcome:before{display:none}.welcome-panel{padding:1.5rem 2rem}.welcome h2{font-size:2rem}.welcome-vu{gap:1rem}.vu-meter{height:40px;width:60px}}
/*# sourceMappingURL=main.97978449.css.map*/