@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#0a0a0a;--surface:#121212;--border:#333;--off-bg:#0c1a2b;--off-border:#2b5c8a;--off-text:#8ec4f9;--oton-bg:#1e0c0c;--oton-border:#8a2b2b;--oton-text:#f98e8e;--broll-bg:#0c1e10;--broll-border:#2b8a3e;--broll-text:#8ef9a0;--schnitt-color:#999;--time-color:#ccc;--label-off:#64b5f6;--label-oton:#ef5350;--label-broll:#66bb6a;--label-scene:#ffb74d;--text-main:#f0f0f0;--text-muted:#aaa;--accent:#d4af37}[data-theme=light]{--bg:#fdfdfd;--surface:#fff;--border:silver;--off-bg:#e3f2fd;--off-border:#1565c0;--off-text:#0d47a1;--oton-bg:#ffebee;--oton-border:#c62828;--oton-text:#b71c1c;--broll-bg:#e8f5e9;--broll-border:#2e7d32;--broll-text:#1b5e20;--schnitt-color:#444;--time-color:#333;--label-scene:sienna;--text-main:#111;--text-muted:#444;--accent:#8b4513}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-main);font-family:EB Garamond,Georgia,serif;font-size:17px;line-height:1.65}header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:flex-end;padding:32px 40px 24px;display:flex;position:sticky;top:0}.header-left h1{letter-spacing:.02em;color:var(--accent);font-size:1.6rem;font-weight:600}.header-left p{color:var(--text-muted);letter-spacing:.08em;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.72rem}.legend{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:28px;padding:14px 40px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.wrapper{grid-template-columns:1fr 600px;gap:0;max-width:1400px;margin:0 auto;padding:0 0 80px;display:grid}.scene-header{border-top:2px solid #2a2a2a;grid-column:1/-1;margin-top:32px;padding:40px 40px 12px;position:relative}.scene-header:first-child{border-top:none;margin-top:0}.scene-number{color:var(--label-scene);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:.68rem}.scene-title{color:var(--text-main);font-size:1.55rem;font-weight:600}.scene-time{color:var(--text-muted);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:.68rem}.col-script{border-right:1px solid var(--border);min-height:50px;padding:0 24px 0 40px}.col-broll{background:var(--surface);min-height:50px;padding:0 24px}[data-theme=light] .col-broll{background:#fafafa}.block{margin:18px 0;transition:transform .1s;position:relative}[data-theme=light] .block{box-shadow:0 2px 4px #0000000d}.off-block{background:var(--off-bg);border-left:3px solid var(--off-border);border-radius:0 4px 4px 0;padding:14px 18px}.off-label{color:var(--label-off);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:.65rem}.off-text{color:var(--off-text);font-size:1rem;font-style:italic}.off-duration{color:var(--text-muted);margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.65rem}.oton-block{background:var(--oton-bg);border-left:3px solid var(--oton-border);border-radius:0 4px 4px 0;padding:14px 18px}.oton-label{color:var(--label-oton);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.65rem}.oton-timecode{color:var(--time-color);border-bottom:1px solid #2e1515;margin-bottom:10px;padding-bottom:8px;font-family:JetBrains Mono,monospace;font-size:.72rem}.oton-text{color:var(--oton-text);font-size:1rem}.oton-duration{color:var(--text-muted);margin-top:8px;font-family:JetBrains Mono,monospace;font-size:.65rem}.schnitt{color:var(--schnitt-color);border-top:1px dashed #333;border-bottom:1px dashed #333;margin:8px 0;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:.68rem;font-style:normal;display:block}.broll-entry{background:var(--broll-bg);border-left:3px solid var(--broll-border);border-radius:0 4px 4px 0;gap:16px;margin:18px 0;padding:16px 18px;display:flex;position:relative}.broll-text-container{flex:1}.broll-media-container{border:1px dashed var(--broll-border);background:#0003;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:220px;min-height:120px;display:flex;position:relative;overflow:hidden}.broll-media-container img,.broll-media-container video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.media-upload-btn{background:var(--surface);color:var(--text-main);border:1px solid var(--border);cursor:pointer;z-index:2;padding:6px 12px;font-size:.75rem}.media-upload-btn:hover{background:var(--border)}.broll-label{color:var(--label-broll);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #1a3320;margin-bottom:8px;padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.68rem}.broll-type{color:#5ecb73;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.broll-desc{color:var(--text-main);font-size:.85rem;line-height:1.6}.broll-desc p{margin-bottom:8px}.broll-desc strong{color:var(--surface);background:var(--text-main);border-radius:4px;margin-right:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.75rem}.broll-sync{color:#555;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.6rem}.historiker-block{background:var(--surface);border-left:3px solid #8a6d30;border-radius:0 4px 4px 0;gap:16px;margin:18px 0;padding:16px 18px;display:flex;position:relative}.historiker-text-container{flex:1}.historiker-label{color:#c8a96e;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #3d2f10;margin-bottom:8px;padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.68rem}.historiker-desc{color:var(--text-main);font-size:.85rem;line-height:1.6}.historiker-desc p{margin-bottom:8px}.historiker-desc strong{color:var(--surface);background:var(--text-main);border-radius:4px;margin-right:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.75rem}.subscene{border-top:1px dashed #222;grid-column:1/-1;margin-top:16px;padding:20px 40px 4px;position:relative}.subscene-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.65rem}.subscene-title{color:var(--text-main);margin-top:2px;font-size:1.05rem}.editable{cursor:text;border-bottom:1px dashed #0000;outline:none;transition:border-color .2s}.editable:hover,.editable:focus{border-bottom-color:#ffffff4d}.add-btn{opacity:0;background:var(--accent);color:#000;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:opacity .2s;display:flex;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.block:hover .add-btn,.scene-header:hover .add-btn,.subscene:hover .add-btn{opacity:1}.add-block-menu{z-index:20;background:#222;border:1px solid #444;border-radius:4px;gap:4px;padding:4px;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.add-block-menu button{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.7rem}.add-block-menu button:hover{background:#444}.delete-btn{color:#ff4d4d;cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;font-size:1.2rem;line-height:1;transition:opacity .2s;position:absolute;top:5px;right:5px}.block:hover .delete-btn,.scene-header:hover .delete-btn,.subscene:hover .delete-btn{opacity:1}.history-sidebar{background:var(--surface);border-left:1px solid var(--border);z-index:1000;width:300px;height:100vh;padding:20px;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-2px 0 10px #00000080}.history-sidebar.open{transform:translate(0)}.history-sidebar h2{color:var(--accent);margin-bottom:20px;font-size:1.2rem}.history-item{border-bottom:1px solid var(--border);cursor:pointer;padding:10px}.history-item:hover{background:#8080801a}.history-item.active{border-left:3px solid var(--accent);background:#c8a96e33}.home-container{background:#111;border:1px solid #222;border-radius:8px;max-width:800px;margin:100px auto;padding:40px}.home-title{color:var(--accent);margin-bottom:24px;font-size:2rem}.project-list{list-style:none}.project-item{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px;display:flex}.project-item a{color:#e0e0e0;font-size:1.2rem;text-decoration:none}.project-item a:hover{color:var(--accent)}.project-actions button{color:#fff;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;margin-left:8px;padding:6px 12px}.project-actions button:hover{background:#444}.create-btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:4px;margin-top:24px;padding:10px 20px;font-size:1rem;font-weight:600}.header-actions button{color:#fff;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;margin-left:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.8rem}.header-actions button:hover{background:#444}@media (width<=1024px){.wrapper{grid-template-columns:1fr 400px}.broll-media-container{width:150px}header{padding:20px}}@media (width<=768px){header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.header-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.header-actions button{text-align:center;flex:1;min-width:120px;margin-left:0}.legend{gap:12px;padding:10px 16px}.wrapper{grid-template-columns:1fr;padding:0 10px 80px}.scene-header{padding:24px 16px 8px}.scene-title{font-size:1.3rem}.col-script{border-right:none;border-bottom:1px solid var(--border);padding:0 10px}.col-broll{padding:0 10px 20px}.subscene{padding:16px 16px 4px}.broll-entry,.historiker-block{flex-direction:column;gap:12px;padding:12px}.broll-media-container,.historiker-block .broll-media-container{width:100%;min-height:200px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}.history-sidebar{width:100%}.home-container{width:95%;margin:20px auto;padding:20px}.project-item{flex-direction:column;align-items:flex-start;gap:10px}.project-actions{justify-content:flex-end;width:100%;display:flex}}@media (width<=480px){body{font-size:16px}.header-left h1{font-size:1.3rem}.header-actions button{padding:4px 8px;font-size:.7rem}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;display:flex;box-shadow:0 20px 50px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--accent);font-size:1.3rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-body{flex:1;padding:24px;overflow-y:auto}