/* macOS dark: original palette with touch-sized controls. */

/* Optional macOS-inspired administration theme. Program graphics live in separate documents. */
html[data-theme=macos-dark]{color-scheme:dark;--bg-dark:#1c1d21;--card-bg:#2c2d33;--border:#3c3e47;--text:#ececf0;--muted:#a6a9b8;--primary:#087af5;--success:#159447;--danger:#e13940;--warning:#f5b32f;--studio-accent:#0969ce}
html[data-theme=macos-dark] body{background:#1c1d21;color:#ececf0;padding:18px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[data-theme=macos-dark] header{background:#25262c;border-bottom:1px solid #3e4049;margin:-18px -18px 20px;padding:12px 20px;gap:16px;box-shadow:0 1px 4px #14243a06}
html[data-theme=macos-dark] header h2{color:#f0f0f4;font-weight:700!important;letter-spacing:-.02em!important}
html[data-theme=macos-dark] .nav-tabs{padding:3px;gap:2px;background:#1b1c20;border:1px solid #3c3e46;border-radius:10px}
html[data-theme=macos-dark] .tab-btn{color:#b8bac5;border:0;border-radius:7px;padding:8px 12px;font-weight:500}
html[data-theme=macos-dark] .tab-btn:hover{background:#383a43}
html[data-theme=macos-dark] .tab-btn.active{background:#2c2d33;color:#fff;box-shadow:0 1px 5px #182b4920}
html[data-theme=macos-dark] .header-status #workspace-toggle{background:#2c2d33;color:#dedee7;border-color:#484a55;border-radius:7px}
html[data-theme=macos-dark] .theme-picker{color:#b8bac5}
html[data-theme=macos-dark] .card{background:#2c2d33;border:1px solid #3c3e47;border-radius:12px;padding:18px;box-shadow:0 2px 6px #24365406}
html[data-theme=macos-dark] .card-title{color:#f1f1f5;border-color:#3c3e47;font-size:13px;font-weight:600;padding-bottom:12px}
html[data-theme=macos-dark] label{color:#b7b9c6;font-weight:500}
html[data-theme=macos-dark] input,html[data-theme=macos-dark] select,html[data-theme=macos-dark] textarea{background:#202126;color:#e5e6ed;border:1px solid #484a55;border-radius:7px;padding:8px 10px;box-shadow:inset 0 1px 2px #13223803}
html[data-theme=macos-dark] input[type=number]{color:#7cbbff}
html[data-theme=macos-dark] input:focus,html[data-theme=macos-dark] select:focus,html[data-theme=macos-dark] textarea:focus{border-color:#78aeef;background:#2c2d33}
html[data-theme=macos-dark] input::placeholder,html[data-theme=macos-dark] textarea::placeholder{color:#858896}
html[data-theme=macos-dark] .hint,html[data-theme=macos-dark] .preset-sub{color:#a6a9b8}
html[data-theme=macos-dark] .btn{border-radius:7px;font-weight:600;box-shadow:0 1px 2px #19315310}
html[data-theme=macos-dark] .btn-secondary,html[data-theme=macos-dark] #tab-live .btn-secondary{background:#3a3c45;border:1px solid #484a55;color:#dedee7}
html[data-theme=macos-dark] .btn-primary{background:#087af5;color:#fff}
html[data-theme=macos-dark] .btn-success{background:#159447;color:#fff}
html[data-theme=macos-dark] .btn-danger{background:#e13940;color:#fff}
html[data-theme=macos-dark] .btn-warning{background:#f5b32f;color:#352600}
html[data-theme=macos-dark] .preset-card,html[data-theme=macos-dark] .style-chip,html[data-theme=macos-dark] .gif-preset-card,html[data-theme=macos-dark] .item-row,html[data-theme=macos-dark] .piece-library-row{background:#2b2d34;color:#e0e1e9;border-color:#444651;border-radius:8px}
html[data-theme=macos-dark] .preset-card:hover,html[data-theme=macos-dark] .style-chip:hover,html[data-theme=macos-dark] .gif-preset-card:hover{background:#323e50;border-color:#78a8dc}
html[data-theme=macos-dark] .preset-title{color:#e9eaf1}
html[data-theme=macos-dark] .saved-preset-row{background:transparent;border:0;border-bottom:1px solid #3d3f49;border-radius:0}
html[data-theme=macos-dark] .saved-preset-copy strong{color:#e9eaf1}html[data-theme=macos-dark] .saved-preset-copy span{color:#a3a6b6}
html[data-theme=macos-dark] .preset-remove{background:#642e39;color:#ffbdc7;border-color:#a95567;border-radius:6px;box-shadow:none}
html[data-theme=macos-dark] .preset-remove:hover{background:#e13940;color:#fff;border-color:#e13940}
html[data-theme=macos-dark] #cfg-presets-list,html[data-theme=macos-dark] #cfg-style-presets-list,html[data-theme=macos-dark] #cfg-gif-presets-list{border-color:#41434d}
html[data-theme=macos-dark] .workspace-toolbar,html[data-theme=macos-dark] #workspace-panel,html[data-theme=macos-dark] #workspace-editor,html[data-theme=macos-dark] .menu-content{background:#25262c;color:#e0e1e9;border-color:#3c3e47;border-radius:10px}
html[data-theme=macos-dark] .widget-tools{background:#e9edf3;border-color:#ccd6e3;color:#526174}
html[data-theme=macos-dark] .widget-tools button{background:#2c2d33;border-color:#d1d9e4;color:#43536a}
html[data-theme=macos-dark] .drop-message{color:#718097;border-color:#b7c5d6}
html[data-theme=macos-dark] .air-chip{background:#f0f3f7;border-color:#bcc6d5;color:#39465a}
html[data-theme=macos-dark] .air-chip.on{background:#592b34;border-color:#b85767;color:#ffc0c9}
html[data-theme=macos-dark] #tab-live .quick-toggle{background:#30333b;color:#d6dbea;border-color:#515665;border-radius:8px}
html[data-theme=macos-dark] #tab-live .quick-toggle.on{background:#612c37;color:#ffc2cc;border-color:#bc596c}
html[data-theme=macos-dark] .emergency-card{background:#36262c;border-color:#75414d}
html[data-theme=macos-dark] .rundown-editor-row,html[data-theme=macos-dark] .rundown-live-summary,html[data-theme=macos-dark] .rundown-row{background:#2b2d34;color:#dedee7;border-color:#454954;border-radius:8px}
html[data-theme=macos-dark] .rundown-editor-row.selected,html[data-theme=macos-dark] .item-row.selected{background:#2e4058;border-color:#6f9cd6}
html[data-theme=macos-dark] #tab-pieces{--studio-panel:#2c2d33;--studio-edge:#424651}
html[data-theme=macos-dark] .studio-grid>section{border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #24365406}
html[data-theme=macos-dark] .studio-grid .card{border:0;border-radius:0;box-shadow:none;padding:14px}
html[data-theme=macos-dark] .studio-templates summary,html[data-theme=macos-dark] .studio-panel-title,html[data-theme=macos-dark] .studio-property-group summary{color:#dce0ed}
html[data-theme=macos-dark] .piece-template{background:#2d3038;border-color:#454b59;color:#d6dbea;border-radius:7px}
html[data-theme=macos-dark] .piece-template[aria-pressed=true]{background:#2d425f;border-color:#669ddd}
html[data-theme=macos-dark] .piece-template span{color:#a5afc3}
html[data-theme=macos-dark] .composer-tools,html[data-theme=macos-dark] #studio-composer-toolbar .composer-tools{background:#282b32;border-color:#424651}
html[data-theme=macos-dark] .composer-layer{background:#2a2d34;border-color:#3e4350}
html[data-theme=macos-dark] .composer-layer button{background:transparent;color:#c3cada;box-shadow:none}
html[data-theme=macos-dark] .composer-layer.selected{background:#304765;border-color:#6a9edc}
html[data-theme=macos-dark] .composer-layer.selected button{color:#c4e1ff}
html[data-theme=macos-dark] .composer-properties,html[data-theme=macos-dark] .studio-property-group,html[data-theme=macos-dark] .piece-appearance,html[data-theme=macos-dark] .sponsor-css-details{border-color:#424651}
html[data-theme=macos-dark] .piece-appearance summary,html[data-theme=macos-dark] .sponsor-css-details summary{color:#c3cada}
html[data-theme=macos-dark] .studio-empty,html[data-theme=macos-dark] .studio-monitor-settings{color:#a8b2c7}
html[data-theme=macos-dark] .color-control input[type=color],html[data-theme=macos-dark] .piece-color-grid input[type=color]{background:#30333b;border-color:#4a5060}
html[data-theme=macos-dark] .color-control output,html[data-theme=macos-dark] .piece-color-grid output{color:#c0cade}
html[data-theme=macos-dark] .piece-badge{background:#313641;color:#acb8cd;border-color:#4b5262;border-radius:6px}
html[data-theme=macos-dark] .piece-badge.on{background:#234b35;color:#9ee6b4;border-color:#467e59}
html[data-theme=macos-dark] .piece-library-row.selected{background:#323e50;border-color:#6da0da}
html[data-theme=macos-dark] #panel-toast{background:#2c2d33;border-color:#4d607c;color:#d5e1f5;box-shadow:0 4px 20px #21365020;border-radius:10px}
html[data-theme=macos-dark] #piece-editor-status,html[data-theme=macos-dark] #piece-preview-status{color:#e8be78}
html[data-theme=macos-dark] *{scrollbar-color:#606573 #3a3c45}
.theme-picker{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;white-space:nowrap}.theme-picker select{width:auto;padding:5px 8px;font-size:11px;max-width:140px}
@media(max-width:750px){html[data-theme=macos-dark] header{padding:12px 14px}.header-status{flex-wrap:wrap}html[data-theme=macos-dark] .nav-tabs{flex-wrap:wrap}.theme-picker{flex:0 0 auto}}

/* Touch spacing and targets; palette remains defined above. */

html[data-theme=macos-dark] body{padding:24px;font-size:14px;}
html[data-theme=macos-dark] header{margin:-24px -24px 24px;padding:16px 24px;min-height:80px;gap:18px}
html[data-theme=macos-dark] header h2{font-size:18px!important;letter-spacing:-.035em!important}
html[data-theme=macos-dark] .nav-tabs{padding:5px;border-radius:15px;gap:4px}
html[data-theme=macos-dark] .tab-btn{min-height:44px;padding:11px 16px;border-radius:11px;font-size:13px}
html[data-theme=macos-dark] .tab-btn.active{}
html[data-theme=macos-dark] .theme-picker select,html[data-theme=macos-dark] .header-status #workspace-toggle{min-height:44px;border-radius:10px;font-size:12px}
html[data-theme=macos-dark] .grid,html[data-theme=macos-dark] .rundown-editor-grid{gap:18px}
html[data-theme=macos-dark] .card{padding:22px;border-radius:18px;}
html[data-theme=macos-dark] .card-title{font-size:15px;letter-spacing:-.015em;padding-bottom:15px;margin-bottom:18px}
html[data-theme=macos-dark] label{font-size:12px;}
html[data-theme=macos-dark] input,html[data-theme=macos-dark] select,html[data-theme=macos-dark] textarea{min-height:44px;border-radius:11px;font-size:14px;padding:11px 12px}
html[data-theme=macos-dark] input[type=checkbox]{min-height:22px;width:22px;height:22px;vertical-align:middle}
html[data-theme=macos-dark] .btn,html[data-theme=macos-dark] #tab-live .btn,html[data-theme=macos-dark] #tab-live .btn-sm{min-height:44px;padding:11px 15px;border-radius:11px;font-size:13px;font-weight:600;text-transform:none;touch-action:manipulation}
html[data-theme=macos-dark] .btn-primary{}
html[data-theme=macos-dark] .btn-secondary,html[data-theme=macos-dark] #tab-live .btn-secondary{}
html[data-theme=macos-dark] .btn-row{gap:10px}
html[data-theme=macos-dark] .preset-card,html[data-theme=macos-dark] .style-chip,html[data-theme=macos-dark] .gif-preset-card{min-height:68px;padding:15px;border-radius:13px;touch-action:manipulation}
html[data-theme=macos-dark] .preset-title,html[data-theme=macos-dark] #tab-live .preset-title{font-size:14px;font-weight:600;}
html[data-theme=macos-dark] .preset-sub{font-size:12px;}
html[data-theme=macos-dark] #tab-live .quick-toggle{min-height:54px;padding:15px;border-radius:13px;touch-action:manipulation}
html[data-theme=macos-dark] #tab-live .quick-toggle.on{}
html[data-theme=macos-dark] .saved-preset-row{grid-template-columns:minmax(0,1fr) 44px;min-height:64px;padding:10px 4px}
html[data-theme=macos-dark] .preset-remove{width:44px;height:44px;min-width:44px;border-radius:11px;touch-action:manipulation}
html[data-theme=macos-dark] .saved-preset-copy strong{font-size:14px}html[data-theme=macos-dark] .saved-preset-copy span{font-size:12px}
html[data-theme=macos-dark] .studio-grid>section{border-radius:16px}
html[data-theme=macos-dark] .studio-grid .card{padding:18px}
html[data-theme=macos-dark] .piece-editor-grid.studio-grid{gap:12px;grid-template-columns:270px minmax(0,1fr) 360px}
html[data-theme=macos-dark] .studio-panel-title{padding:15px;font-size:14px;font-weight:600}
html[data-theme=macos-dark] .studio-property-group summary,html[data-theme=macos-dark] .studio-templates summary,html[data-theme=macos-dark] .piece-appearance summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
html[data-theme=macos-dark] .studio-property-fields{gap:12px}
html[data-theme=macos-dark] .composer-layer button{min-height:48px;padding:12px 15px!important;font-size:13px}
html[data-theme=macos-dark] .composer-tools{gap:8px;flex-wrap:wrap}
html[data-theme=macos-dark] #studio-composer-toolbar .composer-tools{padding:12px}
html[data-theme=macos-dark] .studio-inspector .piece-action-grid .piece-take{min-height:48px;font-size:14px;border-radius:11px}
html[data-theme=macos-dark] .piece-library-row{padding:16px;border-radius:12px}
html[data-theme=macos-dark] .hint{font-size:12px;line-height:1.6}
@media(max-width:1350px){html[data-theme=macos-dark] .piece-editor-grid.studio-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:'monitor inspector' 'layers inspector' 'library library'}}
@media(max-width:800px){html[data-theme=macos-dark] body{padding:14px}html[data-theme=macos-dark] header{margin:-14px -14px 18px;padding:14px;gap:12px}html[data-theme=macos-dark] .nav-tabs{width:100%;flex-wrap:wrap}html[data-theme=macos-dark] .tab-btn{flex:1}html[data-theme=macos-dark] .piece-editor-grid.studio-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'monitor' 'layers' 'inspector' 'library'}html[data-theme=macos-dark] #tab-config>.grid{grid-template-columns:minmax(0,1fr)}}
/* Workspace edit headers match the dark administrative chrome. */
html[data-theme=macos-dark] .widget-tools{background:#30333b;border-color:#4b5262;color:#d6dbea;padding:10px;gap:10px}
html[data-theme=macos-dark] .widget-tools button{background:#24272f;border:1px solid #525969;color:#e2e6f0;min-height:44px;min-width:44px;padding:10px;font-size:12px;border-radius:7px}
html[data-theme=macos-dark] .widget-tools label{color:#c1c8d7;font-size:11px;gap:8px}
html[data-theme=macos-dark] .widget-tools select{background:#20232b;color:#e2e6f0;border-color:#525969;min-height:44px}