/* Slideshow Factory — visual layer. Load strictly AFTER app.css. */
:root {
  color-scheme: dark;
  --ink:#f1f4ea; --muted:#9ba497; --line:rgba(235,242,221,.11); --soft:#1a211d;
  --paper:#151a18; --canvas:#0b0e0c; --sidebar:#101512; --accent:#d4df59;
  --accent-dark:#b8c84e; --yellow:#f0c869; --red:#ef766c; --success:#68d99e; --blue:#83c8ff;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
* { scrollbar-color:#48534b transparent; }
html,body { background:var(--canvas); color:var(--ink); }
body { font-size:14px; line-height:1.42; background:var(--canvas); }
button,input,select,textarea { color:var(--ink); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }

/* Application shell and navigation */
.app-shell { grid-template-columns:236px minmax(0,1fr); }
.sidebar { z-index:5; background:linear-gradient(180deg,#121713,#0d110f); padding:21px 14px 15px; border-right:1px solid var(--line); box-shadow:18px 0 55px rgba(0,0,0,.12); }
.brand { gap:10px; padding:2px 8px 23px; }
.brand-mark { width:34px; height:34px; flex-basis:34px; border-radius:10px; background:var(--accent); box-shadow:0 0 24px rgba(212,223,89,.25); }
.brand-mark img { padding:5px; filter:brightness(.2) contrast(1.8); }
.brand strong { font-size:13px; letter-spacing:0; color:#f7f8ef; }.brand small { color:#7f8b7d; font-size:10px; }
.nav { gap:4px; margin-top:0; }
.nav-section-label { color:#667163; display:block; padding:0 10px 7px; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.nav-section-admin { margin-top:14px; }
.nav a { height:39px; padding:0 10px; border-radius:10px; color:#aab3a7; font-size:12px; font-weight:650; transition:background .18s ease,color .18s ease,box-shadow .18s ease; }
.nav a:hover { background:rgba(255,255,255,.045); color:#f1f4ea; }.nav a.active { color:#f5f7ed; background:rgba(212,223,89,.13); box-shadow:inset 0 0 0 1px rgba(212,223,89,.15),0 0 20px rgba(212,223,89,.05); }
.nav-icon { width:18px; color:currentColor; font-size:15px; }.sidebar-foot { gap:9px; }
.worker-indicator { border:1px solid rgba(104,217,158,.15); border-radius:12px; padding:10px; background:rgba(104,217,158,.055); }.worker-indicator > span { width:7px; height:7px; background:var(--success); box-shadow:0 0 12px rgba(104,217,158,.8); }.worker-indicator[data-online="false"] > span { background:var(--red); box-shadow:0 0 12px rgba(239,118,108,.6); }
.worker-indicator strong { color:#d9e5d9; font-size:11px; }.worker-indicator small { color:#8a9b8d; font-size:10px; }.sidebar-account { display:grid; padding:6px 9px 3px; min-width:0; }.sidebar-account span { color:#758073; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }.sidebar-account strong { color:#bdc6b9; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.quiet-button { border:1px solid var(--line); border-radius:9px; color:#aab3a7; padding:8px 10px; font-size:11px; }.quiet-button:hover { border-color:rgba(212,223,89,.35); color:#e7eed6; }
.mobile-nav { display:none; }

/* Shared heading, buttons, feedback */
.main { padding:0 28px 56px; max-width:1560px; width:100%; }.topbar { min-height:96px; border-bottom:1px solid var(--line); }.topbar h1 { color:#f4f6ed; font-size:27px; letter-spacing:0; }.eyebrow { color:#aeba6c; font-size:9px; letter-spacing:.14em; }.account { padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); }.account span { color:#859083; font-size:9px; }.account strong { color:#dbe2d7; font-size:11px; }
.notice { margin-top:16px; border-radius:11px; font-size:12px; }.notice.success { color:#c9f0d8; background:rgba(104,217,158,.1); border-color:rgba(104,217,158,.2); }.notice.error { color:#ffd0ca; background:rgba(239,118,108,.1); border-color:rgba(239,118,108,.2); }
.primary-button,.secondary-button,.danger-button { min-height:38px; border-radius:10px; padding:9px 13px; font-size:11px; transition:transform .15s ease,background .15s ease,border-color .15s ease; }.primary-button { background:var(--accent); color:#11140f; box-shadow:0 0 22px rgba(212,223,89,.17); }.primary-button:hover { background:#e0eb68; transform:translateY(-1px); }.secondary-button { border-color:var(--line); color:#dce3d8; background:#1b211e; }.secondary-button:hover { border-color:rgba(212,223,89,.4); background:#232b25; }.danger-button { border-color:rgba(239,118,108,.37); color:#ffbcb5; background:rgba(239,118,108,.07); }.danger-button:hover { background:rgba(239,118,108,.15); }
.section { margin-top:27px; }.section-head { margin-bottom:11px; }.section h2,.upload-panel h2,.storage-hero h2 { color:#f1f4ea; font-size:17px; letter-spacing:0; }.section-note { color:#879187; font-size:10px; }.section-actions { gap:9px; }

/* Cards, dashboard and forms */
.stats-strip,.process-strip,.channel-card,.table-wrap,.upload-panel,.management-card,.archive-row,.storage-hero,.storage-grid,.retention-band,.upload-policy,.folder-tree,.calendar-toolbar,.month-calendar,.diagnostic-summary,.diagnostic-grid,.backup-line,.worker-state-line,.settings-band,.auth-panel { background:linear-gradient(145deg,rgba(26,32,29,.98),rgba(18,23,21,.98)); border-color:var(--line); box-shadow:0 10px 30px rgba(0,0,0,.09); }
.stats-strip { gap:0; overflow:hidden; border:1px solid var(--line); border-radius:14px; margin-top:22px; }.stats-strip > div { padding:15px 16px; border-color:var(--line); }.stats-strip span { color:#8b9689; font-size:10px; }.stats-strip strong { margin-top:8px; color:#f1f4ea; font-size:23px; letter-spacing:0; }.stats-strip .status-good { color:var(--success); font-size:14px; }.stats-strip .status-bad { color:var(--red); }
.stats-strip { grid-template-columns:repeat(5,minmax(0,1fr)); }

/* Production control room */
.production-dispatcher,.live-logs { padding:16px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,rgba(26,32,29,.98),rgba(18,23,21,.98)); box-shadow:0 10px 30px rgba(0,0,0,.09); }
.stage-lanes { display:grid; grid-template-columns:repeat(7,minmax(118px,1fr)); gap:7px; overflow-x:auto; padding-bottom:2px; }
.stage-lane { min-width:118px; min-height:98px; display:flex; flex-direction:column; gap:7px; padding:12px; border:1px solid var(--line); border-radius:10px; background:#111613; }
.stage-lane span { color:#7f8a80; font-size:9px; text-transform:uppercase; }
.stage-lane strong { color:#cdd5ca; font-size:11px; overflow-wrap:anywhere; }
.stage-lane small { margin-top:auto; color:#748075; font-size:9px; }
.stage-lane.busy { border-color:rgba(212,223,89,.38); box-shadow:inset 0 2px 0 var(--accent); background:rgba(212,223,89,.045); }
.stage-lane.attention { border-color:rgba(240,200,105,.48); box-shadow:inset 0 2px 0 var(--yellow); }
.stage-detail { display:block; margin-top:4px; }
.terminal-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.terminal-panel { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#080b09; }
.terminal-panel > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 11px; border-bottom:1px solid var(--line); background:#111613; }
.terminal-panel > div strong { color:#e4e9df; font-size:10px; }
.terminal-panel > div span { color:#6f7b70; font-size:9px; }
.terminal-panel pre { height:280px; margin:0; overflow:auto; padding:12px; color:#b8c7b8; font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.log-controls { display:flex; gap:7px; }
.menu-note { display:block; padding:8px 10px; color:#8fd1aa; font-size:10px; }

/* Compact administration and native folder picker */
.nav-management { margin-top:8px; }
.nav-management summary { display:grid; grid-template-columns:18px 1fr auto; align-items:center; gap:9px; padding:9px 10px; border-radius:9px; color:#8f9a8e; cursor:pointer; list-style:none; font-size:11px; }
.nav-management summary::-webkit-details-marker { display:none; }
.nav-management summary:hover,.nav-management[open] summary { color:#e8ece3; background:rgba(255,255,255,.035); }
.nav-management .nav-chevron { transition:transform .18s ease; }
.nav-management[open] .nav-chevron { transform:rotate(90deg); }
.nav-management > div { display:grid; gap:2px; padding:4px 0 0 10px; }
.folder-field { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.folder-field .secondary-button { min-height:39px; white-space:nowrap; }
.action-menu[open] { z-index:1200; }
.action-menu > div { min-width:230px; }
.process-strip { margin-top:10px; border-radius:12px; }.process-strip > div { padding:10px 12px; border-color:var(--line); }.process-strip span { color:#788377; }.process-strip strong { color:#dce3d8; font-size:15px; }.process-strip .busy { box-shadow:inset 0 2px 0 var(--accent); background:rgba(212,223,89,.06); }
.channel-grid { gap:10px; }.channel-card { border-radius:14px; padding:14px; }.channel-top { grid-template-columns:36px minmax(0,1fr) auto; gap:10px; }.channel-avatar { width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,#d4df59,#7e9947); color:#13160f; font-size:13px; }.channel-top h3 { color:#eff2e8; font-size:13px; }.channel-top p { color:#879187; font-size:10px; }.priority { border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.035)!important; color:#cbd4c7!important; padding:4px 7px; font-size:9px; }.priority.urgent { border-color:rgba(240,200,105,.24); color:#f7d782!important; background:rgba(240,200,105,.09)!important; }.channel-metrics { margin-top:13px; border-color:var(--line); }.channel-metrics div { padding:11px 8px 11px 0; }.channel-metrics span { color:#849084; font-size:9px; min-height:23px; }.channel-metrics strong { color:#e8ede4; font-size:13px; }.channel-calendar-link { margin-top:11px; color:var(--accent); font-size:10px; }.path-line { color:#677266; font-size:9px; }
.split-layout { gap:14px; }.table-wrap { border-radius:14px; }.table-wrap table { min-width:720px; } th { background:rgba(0,0,0,.18); color:#7a8579; padding:10px 13px; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }td { color:#dce3d8; border-color:var(--line); padding:12px 13px; font-size:11px; }td strong { color:#f0f3ea; }td small { color:#808b80; }.progress { height:5px; border-radius:99px; background:#0b0e0c; }.progress i { border-radius:inherit; background:linear-gradient(90deg,#80bf74,var(--accent)); box-shadow:0 0 9px rgba(212,223,89,.4); }.progress-row b { color:#cdd6c8; font-size:10px; }.project-status { color:#899587; }.cloud-progress { color:#a4d8b7; }.worker-error { color:#ff9f97; }.actions { gap:5px; }.icon-button { width:29px; height:29px; border-color:var(--line); border-radius:8px; color:#dce4d8; background:#1b211e; }.icon-button:hover { border-color:rgba(212,223,89,.48); color:var(--accent); }.icon-button.action-primary { background:var(--accent); color:#12150f; border-color:var(--accent); }.synced { color:var(--success); }.empty-cell,.empty-state { color:#9ba69a; }.empty-state { border-color:rgba(212,223,89,.28); background:rgba(212,223,89,.04); border-radius:12px; }.action-menu > div { background:#1b211e; border-color:var(--line); border-radius:10px; box-shadow:0 20px 45px rgba(0,0,0,.48); }.action-menu > div button,.action-menu > div > a { color:#dce3d8; font-size:11px; }.action-menu > div button:hover,.action-menu > div > a:hover { background:rgba(212,223,89,.1); color:#f7f8ef; }
.upload-panel { border:1px solid var(--line); border-top:2px solid var(--accent); border-radius:14px; padding:17px; }.form-stack { gap:12px; margin-top:16px; }.form-stack label,.form-grid label { color:#bbc6b8; font-size:10px; gap:6px; }.form-stack input,.form-stack select,.form-grid input,.form-grid select,.modal-form-grid input,.modal-form-grid select,.storage-filters select,.calendar-filter select,.settings-grid textarea { height:39px; border-color:rgba(235,242,221,.13); border-radius:9px; background:#0f1311; color:#e4e9df; padding:0 10px; }.form-stack input:focus,.form-stack select:focus,.form-grid input:focus,.form-grid select:focus,.modal-form-grid input:focus,.modal-form-grid select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(212,223,89,.12); }.form-stack label small,.form-grid label > small { color:#788478; }.file-input span { min-height:62px; border-color:rgba(212,223,89,.38); border-radius:9px; background:rgba(212,223,89,.035); color:#ceda74; font-size:10px; }.file-input.is-dragging span { background:rgba(212,223,89,.11); box-shadow:0 0 0 3px rgba(212,223,89,.11); }.file-input.has-file span { color:#dce3d8; }

/* Settings, lists and modal windows */
.management-list { gap:10px; }.management-card { border-radius:14px; overflow:hidden; }.management-card > summary { padding:14px; color:#e8ede5; }.management-card summary small,.readonly-channel-head small { color:#879187; }.summary-action { color:var(--accent); font-size:10px; }.user-edit-form,.form-grid { border-color:var(--line); background:rgba(255,255,255,.025); }.form-grid { gap:12px; padding:15px; }.danger-zone { border-color:var(--line); padding:11px 15px; }.channel-access-list { border-color:var(--line); border-radius:9px; background:#101411; }.channel-access-list legend { color:#c9d3c5; }.archive-row { border-radius:14px; padding:14px; }.archive-row small { color:#879187; }.check-label { color:#99a498; }
.modal { color:var(--ink); background:#171c19; border:1px solid var(--line); border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,.65); }.modal::backdrop { background:rgba(2,5,3,.76); backdrop-filter:blur(3px); }.modal-form { background:#171c19; }.modal-form > .modal-head,.modal-actions { border-color:var(--line); background:#171c19; }.modal-form-grid { background:#141916; }.modal-head h2 { color:#f3f5ec; font-size:17px; }.modal-close { color:#aab4a8; }.modal-close:hover { color:#fff; }.log-panel,.stage-panel { background:#171c19; }.log-project-title,.stage-help,.revision-section > p { color:#909b90; }.log-panel pre { background:#090c0a; color:#cdd8c7; border-radius:10px; }.stage-list,.revision-list { border-color:var(--line); border-radius:10px; }.stage-item,.revision-item { border-color:var(--line); }.stage-item small,.revision-item small { color:#8b9689; }.stage-marker { background:#242c27; color:#9fa99e; }.stage-item.state-complete .stage-marker { background:rgba(104,217,158,.15); color:var(--success); }.stage-item.state-partial .stage-marker { background:rgba(240,200,105,.14); color:var(--yellow); }.stage-download,.stage-replace,.stage-restart,.stage-delete,.revision-restore { border-radius:8px; font-size:10px; }.stage-download { color:#dbe2d7; background:#1b211e; border-color:var(--line); }.stage-replace,.revision-restore { background:rgba(104,217,158,.08); border-color:rgba(104,217,158,.24); color:#bfe9cc; }.stage-restart,.stage-delete { background:rgba(239,118,108,.07); border-color:rgba(239,118,108,.28); color:#ffb9b2; }

/* Calendar */
.calendar-toolbar { border-radius:14px; margin-top:22px; padding:15px; }.calendar-toolbar h2,.settings-title h2 { font-size:20px; color:#f1f4ea; }.calendar-nav { gap:6px; }.calendar-weekdays span { background:rgba(0,0,0,.17); border-color:var(--line); color:#7f8a7e; }.month-calendar { border-radius:14px; overflow:hidden; }.month-day { border-color:var(--line); background:#151a18; }.month-day.outside { background:#111512; color:#667164; }.month-day.today { box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 26px rgba(212,223,89,.06); }.month-day.today time { background:var(--accent); color:#11140e; }.calendar-event { border-radius:5px; background:rgba(255,255,255,.035); color:#e4e9df; }.calendar-event span { color:#909b8f; }.calendar-event.status-ready { border-color:var(--success); background:rgba(104,217,158,.09); }.calendar-event.status-active { border-color:var(--blue); background:rgba(131,200,255,.09); }.calendar-event.status-stock { border-color:var(--yellow); background:rgba(240,200,105,.08); }.calendar-event.status-error { border-color:var(--red); background:rgba(239,118,108,.09); }.calendar-legend { color:#909b8f; }

/* Storage and diagnostics */
.storage-hero { border-left-color:var(--accent); border-radius:14px; padding:18px; }.storage-hero p:last-child { color:#8d988d; }.storage-grid,.retention-band,.upload-policy { border-radius:14px; overflow:hidden; }.storage-grid div,.retention-band > div,.upload-policy > div { border-color:var(--line); }.storage-grid span,.retention-band span,.retention-band small,.folder-tree span,.upload-policy span { color:#899489; }.storage-grid strong,.retention-band strong,.folder-tree strong { color:#e5eae1; }.folder-tree { border-radius:14px; }.upload-policy b { background:var(--accent); color:#10130f; }.storage-filters select,.calendar-filter select { min-width:150px; }.drive-upload-row td { background:rgba(104,217,158,.04); }.drive-upload-error { color:#ffaba3; }.diagnostic-summary,.diagnostic-grid,.backup-line { border-radius:14px; overflow:hidden; }.diagnostic-summary > div,.diagnostic-grid > div,.backup-line > div { border-color:var(--line); }.diagnostic-summary small,.diagnostic-grid span,.diagnostic-grid small,.backup-line span,.worker-state-line small { color:#899489; }.diagnostic-summary strong,.diagnostic-grid strong,.backup-line strong { color:#e7ede4; }.diagnostic-light.good,.worker-state-line > span { background:var(--success); box-shadow:0 0 10px rgba(104,217,158,.5); }.diagnostic-light.bad,.worker-state-line[data-online="false"] > span { background:var(--red); box-shadow:0 0 10px rgba(239,118,108,.4); }.worker-state-line { border-radius:12px; }.settings-title { margin:23px 0 14px; }.production-settings { gap:13px; }.settings-band { border-left-color:var(--accent); border-radius:14px; padding:17px; }.settings-details { border-color:var(--line); }.settings-details summary { color:#d7e36a; }.toggle-field { border-color:var(--line); background:#101411; }.settings-save { border-color:var(--line); border-radius:12px; background:rgba(19,24,21,.92); }.settings-save .primary-button { min-width:210px; }

/* Login */
.auth-page { background:#0b0e0c; }.auth-panel { border-top:2px solid var(--accent); color:var(--ink); border-radius:17px; padding:30px; }.auth-panel h1 { color:#f3f5ec; }.auth-copy,.auth-brand small { color:#939e92; }

@media (max-width:1050px) { .app-shell { grid-template-columns:74px minmax(0,1fr); }.sidebar { padding:17px 9px; }.brand { justify-content:center; padding:1px 0 21px; }.brand > span:last-child,.nav-section-label,.nav a span:last-child,.sidebar-account,.worker-indicator div,.sidebar-foot form { display:none; }.nav a { justify-content:center; padding:0; }.nav-icon { width:auto; }.worker-indicator { justify-content:center; padding:10px; }.main { padding-left:22px; padding-right:22px; } }
@media (max-width:760px) { body { padding-bottom:72px; }.app-shell { display:block; }.sidebar { display:none; }.main { padding:0 14px 23px; }.topbar { min-height:76px; }.topbar h1 { font-size:23px; }.account { display:none; }.mobile-nav { position:fixed; z-index:30; left:12px; right:12px; bottom:10px; display:grid; grid-template-columns:repeat(4,1fr); padding:6px; border:1px solid var(--line); border-radius:15px; background:rgba(22,27,24,.94); box-shadow:0 16px 38px rgba(0,0,0,.45); backdrop-filter:blur(14px); }.mobile-nav a { display:grid; justify-items:center; gap:2px; padding:5px 2px; color:#98a398; text-decoration:none; font-size:9px; }.mobile-nav a span { font-size:14px; }.mobile-nav a.active { color:var(--accent); }.stats-strip { grid-template-columns:repeat(2,1fr); }.stats-strip > div:nth-child(2) { border-right:0; }.stats-strip > div { padding:12px; }.stats-strip > div:last-child { grid-column:1/-1; }.channel-grid,.split-layout { grid-template-columns:1fr; }.section-head { align-items:flex-start; flex-direction:column; gap:7px; }.section-note { text-align:left; }.process-strip { border-radius:11px; }.table-wrap { overflow:visible; background:transparent; border:0; box-shadow:none; }.table-wrap table { min-width:0; display:block; }.table-wrap thead { display:none; }.table-wrap tbody { display:grid; gap:9px; }.table-wrap tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:12px; border:1px solid var(--line); border-radius:13px; background:linear-gradient(145deg,rgba(26,32,29,.98),rgba(18,23,21,.98)); }.table-wrap td { border:0; padding:0; }.projects-table td:nth-child(2) { display:none; }.projects-table td:nth-child(3) { grid-column:1; }.projects-table td:nth-child(4) { grid-column:1; }.projects-table td:nth-child(5) { grid-column:2; grid-row:1/4; align-self:center; }.actions { flex-direction:column; }.upload-panel { position:static; }.storage-hero { align-items:start; flex-direction:column; }.storage-grid { grid-template-columns:repeat(2,1fr); }.retention-band { grid-template-columns:1fr; }.retention-band > div { border-right:0; border-bottom:1px solid var(--line); }.retention-band > div:last-child { border-bottom:0; }.upload-policy { grid-template-columns:repeat(2,1fr); }.upload-policy > div:nth-child(2) { border-right:0; }.upload-policy > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.storage-filters,.calendar-toolbar { align-items:stretch; grid-template-columns:1fr; }.storage-filters { flex-direction:column; }.storage-filters select,.calendar-filter select { width:100%; }.calendar-weekdays,.calendar-grid { min-width:735px; }.month-calendar { overflow:auto; }.diagnostic-summary,.diagnostic-grid { grid-template-columns:repeat(2,1fr); }.diagnostic-summary > div:nth-child(2) { border-right:0; }.diagnostic-summary > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.diagnostic-grid > div { border-right:0; border-bottom:1px solid var(--line); }.diagnostic-grid > div:nth-child(odd) { border-right:1px solid var(--line); }.diagnostic-grid > div:nth-last-child(-n+2) { border-bottom:0; }.backup-line { grid-template-columns:1fr; }.backup-line > div { border-right:0; border-bottom:1px solid var(--line); }.backup-line > div:last-child { border-bottom:0; }.form-grid,.settings-grid { grid-template-columns:1fr; }.form-grid .wide { grid-column:auto; }.modal { width:min(96vw,560px); border-radius:15px; }.modal-form-grid { grid-template-columns:1fr; padding:17px; }.modal-actions { padding:13px 17px 17px; }.stage-item { grid-template-columns:26px minmax(0,1fr); }.stage-actions { grid-column:1/-1; justify-content:flex-start; flex-wrap:wrap; padding-left:36px; }.settings-save { bottom:72px; }.settings-save .primary-button { width:100%; }.auth-panel { padding:25px 20px; }.terminal-grid { grid-template-columns:1fr; }.terminal-panel pre { height:220px; }.folder-field { grid-template-columns:1fr; }.log-controls { width:100%; }.log-controls > button { flex:1; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }