.editor{flex-direction:column;height:100%;display:flex}.editor-loading,.editor-missing{color:var(--text-dim);padding:40px}.editor-topbar{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:#0e131d;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-back{padding:0 14px}.editor-title{min-width:0;max-width:340px;min-height:var(--touch);border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:2px 10px;display:flex}.editor-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;font-weight:800;overflow:hidden}.editor-meta{color:var(--text-dim);font-size:13px}.t0-box{min-height:var(--touch);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:2px 14px;display:flex}.t0-label{color:var(--text-dim);letter-spacing:.08em;font-size:11px}.t0-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.conflict-banner{min-height:var(--touch);border-radius:var(--radius);color:#ffd27a;text-align:left;cursor:pointer;background:#3a2a0c;border:1px solid #b8862a;align-items:center;gap:10px;padding:4px 14px;font-size:13px;display:flex}.conflict-icon{font-size:20px}.topbar-spacer{flex:1}.editor-notice{margin:10px 16px 0}.editor-hint{border-radius:var(--radius);color:#bcd3f2;background:#12233b;border:1px solid #2c4870;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 16px 0;padding:8px 8px 8px 16px;font-size:14px;line-height:1.4;display:flex}.hint-text{flex:420px}.btn-small{min-height:40px;padding:0 12px;font-size:14px}.editor-main{flex:1;min-height:0;display:flex}.rundown-table{overscroll-behavior:contain;min-width:0;padding:0 max(12px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));--cols:36px 30px 116px 96px 76px minmax(170px, 1.6fr) 120px repeat(4, minmax(90px, 1fr));flex:1;overflow:auto}.rundown-table.compact{--cols:36px 30px 116px 96px 76px minmax(130px, 1fr) 120px 92px}.table-head,.event-row{grid-template-columns:var(--cols);align-items:center;column-gap:8px;display:grid}.table-head{z-index:5;background:var(--bg);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:10px 8px 8px;font-size:12px;position:sticky;top:0}.segment{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);margin-top:12px;overflow:hidden}.segment.dragging{opacity:.5}.segment-header{border-left:5px solid;flex-wrap:wrap;align-items:center;gap:10px;min-height:54px;padding:4px 6px;font-size:14px;display:flex}.segment-toggle{min-height:var(--touch);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 6px;display:flex}.chevron{transition:transform .15s;display:inline-block}.chevron.collapsed{transform:rotate(-90deg)}.segment-name{letter-spacing:.03em;text-transform:uppercase;font-size:17px;font-weight:800}.segment-count{color:#ffffffb3}.segment-meta{color:#fffc;font-variant-numeric:tabular-nums}.segment-spacer{flex:1}.badge{background:#00000059;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.segment-empty{width:100%;min-height:var(--touch);border:0;border-top:1px dashed var(--border);color:var(--text-dim);cursor:pointer;background:0 0;display:block}.icon-button{width:var(--touch);height:var(--touch);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-shrink:0;font-size:24px}.icon-button:active{background:#ffffff1a}.drag-handle{width:36px;height:var(--touch);color:var(--text-dim);cursor:grab;touch-action:none;background:0 0;border:0;font-size:20px}.event-row{border-top:1px solid var(--border);cursor:pointer;background:var(--panel);border-left:4px solid #0000;min-height:52px;padding:2px 8px}.event-row.selected{box-shadow:inset 0 0 0 1px var(--blue);background:#17284a}.event-row.dragging{opacity:.35}.cell-pos{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.cell-time{font-variant-numeric:tabular-nums}.cell-time.strong{font-weight:700}.planned-time{flex-direction:column;gap:2px;display:flex}.estimated{color:var(--text-dim);font-style:italic}.conflict-badge,.slack-badge{border-radius:6px;width:fit-content;padding:1px 6px;font-size:11px;font-weight:700}.conflict-badge{color:#ffc65c;background:#4a300a}.slack-badge{color:#7fdca4;background:#10331f}.muted{color:var(--text-dim)}.cell-input,.cell-select{width:100%;min-height:44px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px;font-size:16px}.cell-input:hover,.cell-select:hover{border-color:var(--border)}.cell-input:focus,.cell-select:focus{border-color:var(--blue);background:var(--bg);outline:none}.cell-input.invalid,.field input.invalid{border-color:var(--red)}.cell-clock,.cell-duration{font-variant-numeric:tabular-nums}.cell-clock.missing{border-color:#b8862a}.cell-title{font-weight:600}.time-button{width:100%;min-height:44px;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:1px dashed #0000;border-radius:8px;padding:0 8px}.time-button:hover{border-color:var(--border)}.cell-tech{color:var(--text);-webkit-line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.cell-tech-icons{gap:4px;font-size:16px;display:flex}.cell-tech-icons .off{opacity:.18;filter:grayscale()}.add-segment{width:100%;color:var(--blue);border-style:dashed;margin-top:14px}.editor-empty{color:var(--text-dim);text-align:center;margin:30px 0 0}.drag-preview{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--blue);cursor:grabbing;padding:12px 16px;font-weight:700;box-shadow:0 12px 30px #00000080}.drag-preview.segment{text-transform:uppercase}.event-panel{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;width:370px;display:flex}.panel-header{padding:8px max(8px, env(safe-area-inset-right)) 8px 16px;border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex}.panel-header h2{flex:1;margin:0;font-size:18px}.panel-header .btn-small{padding:0 10px}.panel-body{overscroll-behavior:contain;padding:14px max(16px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) 16px;flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.event-panel .field input,.event-panel .field select,.event-panel .field textarea{width:100%;min-width:0}.field textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:10px 12px;font-size:16px}.field-static{min-height:var(--touch);color:var(--text);font-variant-numeric:tabular-nums;align-items:center;font-size:17px;display:flex}.field-static.muted{color:var(--text-dim);font-size:14px}.panel-warning{color:#ffd27a;background:#3a2a0c;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.panel-info{color:#9fe4ba;background:#10331f;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.color-choices{flex-wrap:wrap;gap:6px;display:flex}.color-chip{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px}.color-chip[aria-checked=true]{box-shadow:0 0 0 2px var(--blue);border-color:#fff}.color-chip.none{background:linear-gradient(135deg, transparent 45%, var(--red) 46%, var(--red) 54%, transparent 55%), var(--bg);border-color:var(--border)}.checkbox-field{min-height:var(--touch);align-items:center;gap:10px;font-size:15px;display:flex}.checkbox-field input{width:22px;height:22px}.owner-field{position:relative}.owner-field input{width:100%;padding-right:44px}.field-clear{width:44px;height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:2px;right:2px}.suggestions{z-index:10;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border);max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #0006}.suggestions button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;min-height:44px;padding:0 12px}.suggestions button:active{background:var(--border)}@media (width<=1099px){.event-panel{z-index:30;width:min(400px,100%);position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #00000080}}.field-narrow{max-width:50%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f17;--panel:#131a26;--panel-2:#1b2433;--border:#2a3547;--text:#eef2f8;--text-dim:#8d9ab0;--blue:#2f8cff;--blue-strong:#1f6fe0;--green:#22b35e;--red:#e5484d;--yellow:#f5c518;--radius:10px;--touch:48px;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}button,input,select{font:inherit;color:inherit}.btn{min-height:var(--touch);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;padding:0 18px;font-weight:600}.btn:active:not(:disabled){filter:brightness(1.25)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--blue-strong);border-color:var(--blue)}.btn-live{border-color:var(--green);background:#166b3c}.btn-danger{border-color:var(--red);color:#ffb4b6;background:#3a1517}.btn-icon{width:var(--touch);padding:0;font-size:22px}.home{flex-direction:column;height:100%;display:flex}.topbar{padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:#0e131d;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.01em;font-size:26px;font-style:italic;font-weight:900}.brand span{color:var(--blue)}.home-body{flex:1;min-height:0;display:flex}.sidebar{width:260px;padding:16px 12px max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;display:flex;overflow-y:auto}.sidebar-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:16px 12px 4px;font-size:12px}.sidebar-spacer{flex:1;min-height:16px}.nav-item,.sidebar-add{min-height:var(--touch);border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.nav-item.active{background:var(--blue-strong)}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-count{color:var(--text-dim);font-size:13px}.nav-item.active .nav-count{color:var(--text)}.sidebar-add{color:var(--blue)}.content{padding:20px max(20px, env(safe-area-inset-right)) 40px 24px;flex:1;overflow-y:auto}.content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.content-header h1{margin:0;font-size:26px}.folder-actions{gap:8px;display:flex}.empty{color:var(--text-dim);text-align:center;padding:40px 0}.notice{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 8px 10px 16px;display:flex}.notice-close{cursor:pointer;background:0 0;border:0;width:40px;height:40px;font-size:22px}.card-list{flex-direction:column;gap:10px;display:flex}.card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.card-main{min-width:0}.card-title{margin:0 0 4px;font-size:19px}.card-meta,.card-stats,.card-updated{color:var(--text-dim);margin:2px 0;font-size:14px}.card-meta{color:var(--text)}.card-folder{color:var(--blue)}.card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.menu-anchor{position:relative}.menu{z-index:20;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border);flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000080}.menu-item{min-height:var(--touch);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px}.menu-item:active{background:var(--border)}.menu-item.danger{color:#ff8a8d}.dialog-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(480px,100%);max-height:100%;padding:22px;overflow-y:auto}.dialog h2{margin:0 0 16px;font-size:20px}.dialog-message{color:var(--text-dim);line-height:1.45}.dialog-form{flex-direction:column;gap:14px;display:flex}.field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.field select{min-height:var(--touch);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:0 12px;font-size:17px}.dialog-error{color:#ff8a8d;margin:0}.dialog-actions{background:var(--panel);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin:18px -22px -22px;padding:12px 22px 22px;display:flex;position:sticky;bottom:-22px}.choice-list{flex-direction:column;gap:6px;display:flex}.choice{min-height:var(--touch);border:1px solid var(--border);background:var(--panel-2);text-align:left;cursor:pointer;border-radius:8px;padding:0 14px}.choice.current{opacity:.5}.update-banner{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:60;background:var(--panel-2);border:1px solid var(--blue);border-radius:12px;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex;position:fixed;transform:translate(-50%)}@media (pointer:coarse),(height<=600px){.dialog-backdrop{padding-top:max(16px, env(safe-area-inset-top));align-items:flex-start}}@media (width<=820px){.home-body{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;width:auto;padding:8px 12px}.sidebar-heading,.sidebar-spacer{display:none}.card{flex-direction:column;align-items:stretch}.card-actions{justify-content:flex-end}}
