:root{--font-family-sans: "Inter", "Avenir Next", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-h1: 2rem;--font-size-h2: 1.375rem;--font-size-body: .9375rem;--font-size-caption: .8125rem;--line-height-tight: 1.25;--line-height-base: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--border-thin: 1px;--border-strong: 2px;--shadow-1: 0 1px 3px rgba(39, 30, 16, .08);--shadow-2: 0 8px 20px rgba(39, 30, 16, .09);--color-bg: #f7f4ef;--color-surface: #fffdf9;--color-surface-muted: #fbf7f0;--color-border: #dfd6c7;--color-border-strong: #ccbfa9;--color-title: #1e1811;--color-label: #44392c;--color-helper: #695c4b;--color-metadata: #817463;--color-action: #2c4e7d;--color-action-contrast: #ffffff;--color-action-hover: #223f67;--color-focus-ring: #4b6fbd;--focus-ring-thickness: 3px;--control-height: 2.5rem;--control-height-sm: 2rem;--color-success: #1e6f40;--color-danger: #9f2d34}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-body);line-height:var(--line-height-base);color:var(--color-label);background:var(--color-bg);overflow:hidden}html,body,#root{height:100%}.layout{height:100vh;display:grid;gap:var(--space-5);padding:var(--space-5);grid-template-columns:minmax(20rem,1.15fr) minmax(24rem,1.4fr) minmax(16rem,.9fr);align-items:stretch}.panel{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5);min-height:0}.panel-header{position:sticky;top:0;z-index:3;background:var(--color-surface);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--color-border);margin-bottom:var(--space-3)}.panel-title{margin:0;color:var(--color-title);font-size:var(--font-size-h2);line-height:var(--line-height-tight)}.panel-helper-text{margin:var(--space-2) 0 var(--space-3);color:var(--color-helper)}.panel-metadata{margin:0;color:var(--color-metadata);font-size:var(--font-size-caption)}.load-status{margin:var(--space-2) 0 var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);padding:var(--space-2) var(--space-3)}.load-status-error{border-color:color-mix(in oklab,var(--color-danger) 30%,var(--color-border));background:color-mix(in oklab,var(--color-danger) 6%,var(--color-surface))}.load-status-title{margin:0;color:var(--color-title);font-weight:700}.load-status-detail{margin:var(--space-1) 0 0;color:var(--color-helper);font-size:var(--font-size-caption)}.load-status-history{margin:var(--space-2) 0 0;padding-left:var(--space-4);color:var(--color-helper);font-size:var(--font-size-caption)}.rule-pass{margin:0;color:var(--color-success);font-weight:700}.rule-fail{margin:0;color:var(--color-danger);font-weight:700}.rule-card{display:grid;gap:var(--space-1);margin-top:var(--space-2);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-3)}.rules-toggle-row{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-helper);font-weight:600}.rules-toggle-row input[type=checkbox]{width:1rem;height:1rem}.rules-toggle-helper{margin-top:var(--space-2)}.panel-library,.panel-programme,.panel-rules{display:flex;flex-direction:column}.library-list{display:grid;gap:var(--space-4);flex:1;overflow:auto;margin-top:var(--space-3);min-height:0;align-content:start;align-items:start}.library-controls{display:grid;gap:var(--space-2);margin-top:var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-3)}.library-mini-toolbar{position:sticky;top:calc(var(--space-2) * -1);z-index:2;display:grid;gap:var(--space-2);background:var(--color-surface);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--color-border)}.library-controls-section{display:grid;gap:var(--space-2);padding-top:var(--space-2)}.controls-section-title{margin:0;color:var(--color-title);font-size:.95rem;letter-spacing:.01em}.controls-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.library-controls label{display:grid;gap:var(--space-1)}.compact-search-input{min-height:2.2rem}.form-label{color:var(--color-label);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.library-controls input,.library-controls select,button{border:var(--border-thin) solid var(--color-border-strong);border-radius:var(--radius-md);min-height:var(--control-height);padding:.58rem var(--space-3);font:inherit;background:#fffdfb;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .08s ease}.library-controls input:hover,.library-controls select:hover,button:hover{border-color:#bfae96;background:#fff}.library-controls input:focus-visible,.library-controls select:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-thickness) color-mix(in oklab,var(--color-focus-ring) 26%,transparent);border-color:var(--color-focus-ring)}.library-controls input[type=search]{border:var(--border-strong) solid var(--color-action);box-shadow:var(--shadow-1)}.library-active-filters{display:block}.library-chip-list{display:flex;gap:var(--space-1);flex-wrap:wrap}.filter-chip{min-height:var(--control-height-sm);background:#f0f4fc;color:#294970;border-color:#c3d0e7;font-weight:700;font-size:.78rem;padding:.25rem .5rem;line-height:1}.no-active-filters{color:var(--color-metadata);font-size:var(--font-size-caption)}.reset-filters-button,.toggle-filters-button,.toggle-compact-button{min-height:var(--control-height-sm);padding:.3rem .6rem;font-size:.78rem;line-height:1}.search-toolbar-actions{display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end}.reset-filters-button:disabled{opacity:.55;cursor:not-allowed}.refine-grid{display:grid;gap:var(--space-1) var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.refine-grid-full-span{grid-column:1 / -1}.quick-tag-group{display:flex;flex-wrap:wrap;gap:var(--space-1)}.quick-tag-button{min-height:var(--control-height-sm);border-radius:999px;padding:.28rem .7rem;border:var(--border-thin) solid #d2c5b3;background:#f7f3eb;color:#5b4f40;box-shadow:none;font-size:.8rem;font-weight:600}.quick-tag-button:hover{background:#efe8dd}.quick-tag-button-active{color:#294970;border-color:#b6c6e2;background:#e9f0fd}button{display:inline-flex;align-items:center;justify-content:center;gap:.46rem;color:var(--color-label);background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-1);font-weight:650}button:active{transform:translateY(.5px)}.btn-icon{font-size:.95em;line-height:1}.btn-tier-primary,.btn-primary{color:var(--color-action-contrast);background:var(--color-action);border-color:var(--color-action);font-weight:700}.btn-tier-primary:hover,.btn-primary:hover{background:var(--color-action-hover);border-color:var(--color-action-hover)}.btn-tier-secondary{color:#2f415f;background:#edf2fb;border-color:#c7d3e8}.btn-tier-secondary:hover{background:#e6ecf9}.btn-tier-tertiary{color:#4e4335;background:#f7f3eb;border-color:#d2c5b3}.btn-tier-tertiary:hover{background:#f3ede3}.btn-tier-destructive,.btn-danger-secondary{color:#7c1e26;border-color:#d9a9ae;background:#fff6f7}.btn-tier-destructive:hover,.btn-danger-secondary:hover{background:#ffeef0}.library-card{display:grid;gap:var(--space-2);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);background:var(--color-surface-muted);padding:var(--space-4);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.library-card-content{display:grid;gap:var(--space-1);min-width:0}.card-title{color:var(--color-title);font-size:1.02rem;font-weight:700;line-height:var(--line-height-tight)}.card-label{color:var(--color-label);font-weight:500;font-size:.9rem}.card-subtitle{color:var(--color-metadata);font-size:.78rem}.card-metadata{display:flex;flex-wrap:wrap;gap:var(--space-1)}.metadata-badge{display:inline-flex;align-items:center;min-height:1.2rem;border-radius:999px;border:var(--border-thin) solid #d3c8b8;background:#f7f2e9;color:#675a49;font-size:.72rem;letter-spacing:.01em;padding:.08rem .44rem}.library-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.drag-helper-text{color:var(--color-metadata);font-size:var(--font-size-caption);opacity:0;transition:opacity .16s ease;font-weight:600}.compact-drag-helper{opacity:1}.library-card:hover,.library-card:focus-within{transform:translateY(-1px);box-shadow:var(--shadow-2);border-color:#cabda8}.library-card:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-thickness) color-mix(in oklab,var(--color-focus-ring) 24%,transparent),var(--shadow-2)}.library-card:hover .drag-helper-text,.library-card:focus-within .drag-helper-text{opacity:1}.library-list-compact{gap:var(--space-2)}.library-card-compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:.6rem .75rem;gap:var(--space-2)}.library-card-compact .library-card-content{gap:0}.library-card-compact .card-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-compact .card-label{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-card-line{margin:0;display:flex;align-items:baseline;gap:.4rem;white-space:nowrap;overflow:hidden}.compact-separator{color:var(--color-metadata);flex:0 0 auto}.library-card-compact .library-card-actions{gap:0}.library-card-compact .drag-helper-text,.library-card-compact .card-metadata,.library-card-compact .onboarding-helper{display:none}.library-card-compact .compact-drag-helper{display:inline}.programme-slot{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--color-surface-muted);cursor:grab;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.programme-slot:hover,.programme-slot:focus-within{transform:translateY(-1px);box-shadow:var(--shadow-2);border-color:#cabda8}.programme-slot-detailed{display:grid;gap:var(--space-2);padding:var(--space-4)}.programme-slot-compact{display:block;padding:var(--space-3)}.programme-slot-header{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.programme-slot-actions{display:flex;align-items:center;gap:var(--space-2)}.programme-work{display:grid;gap:var(--space-1);margin-top:var(--space-2);min-width:0}.programme-slot-compact .programme-work{margin-top:0}.programme-slot-compact-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.programme-slot-compact-row .compact-card-line{flex:1;min-width:0;align-items:center}.programme-slot-intermission{background:#f2f5fb;border-color:#c4d3eb}.programme-slot-encore{background:#f7f2fb;border-color:#cfbde5}.encore-toggle-button{min-height:1.55rem;padding:0 .55rem;font-size:.75rem}.programme-slot-compact .card-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.programme-slot-compact .card-label{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.programme-slot-compact .card-metadata{display:none}.remove-item-button{min-height:1.55rem;width:1.55rem;padding:0;border-radius:999px;background:#f5efe5;border:var(--border-thin) solid #d0c2ae;box-shadow:none;color:#6c5d48}.remove-item-button:hover{background:#efe7db}.remove-item-button .btn-icon{font-size:.8rem}.programme-actions{display:flex;gap:var(--space-3);margin:var(--space-3) 0 var(--space-2);flex-wrap:wrap}.programme-scroll-area{overflow:auto;min-height:0;flex:1;padding-right:var(--space-1)}.interval{margin:var(--space-3) 0;text-align:center;font-weight:700;color:var(--color-helper);border-top:var(--border-thin) dashed var(--color-border-strong);border-bottom:var(--border-thin) dashed var(--color-border-strong);padding:var(--space-2)}.drop-hint-muted{opacity:.58}.deemphasized-helper{opacity:.7}.empty-programme-message{color:var(--color-helper);font-size:var(--font-size-caption)}.onboarding-helper{display:inline-block;width:fit-content;color:var(--color-action);background:#edf2fb;border:var(--border-thin) solid #c0cee3;border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.74rem;font-weight:600}.panel-rules{align-self:stretch}.rules-list{display:grid;gap:var(--space-3);flex:1;overflow:auto;min-height:0}.undo-toast{position:fixed;right:var(--space-5);bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:var(--border-thin) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);color:var(--color-label);padding:var(--space-3);z-index:10}@media (max-width: 1499px){.layout{grid-template-columns:minmax(18rem,1.05fr) minmax(22rem,1.35fr) minmax(15rem,.85fr);gap:var(--space-4);padding:var(--space-4)}.panel{padding:var(--space-4)}}@media (max-width: 1220px){.layout{grid-template-columns:minmax(18rem,1fr) minmax(20rem,1.2fr);grid-template-areas:"library programme" "rules programme";grid-auto-rows:minmax(0,1fr)}.panel-library{grid-area:library}.panel-programme{grid-area:programme}.panel-rules{grid-area:rules;align-self:start}.library-controls{gap:var(--space-3)}.refine-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width: 900px){body{overflow:auto}.layout{grid-template-columns:1fr;grid-template-areas:"library" "programme" "rules";height:auto;min-height:auto}.panel{min-height:auto}.panel-header{position:sticky;top:0}.programme-scroll-area,.rules-list,.library-list{max-height:52vh}}@media (max-width: 680px){.layout{padding:var(--space-3);gap:var(--space-3)}.panel{padding:var(--space-3)}.programme-actions{flex-direction:column}.search-toolbar-actions{flex-wrap:wrap}.refine-grid{grid-template-columns:1fr}}