.gauss-viewer{width:100%}.viewer-status{font-size:13px;color:#3f4d63;margin-bottom:8px;min-height:18px}.viewer-status.error{color:#bb2f2f}.viewer-canvas-wrap{width:100%;height:480px;border:1px solid #d4dfef;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #fff,0 6px 18px #09224414}@media(max-width:900px){.viewer-canvas-wrap{height:360px}}.gauss-viewer-stage{position:relative;width:100%}.gauss-controls-panel{position:absolute;top:12px;left:12px;z-index:10;min-width:240px;max-width:280px;background:#0f172ad1;border:1px solid rgba(219,227,239,.22);border-radius:10px;color:#e7edf7;font-size:13px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 28px #00000047;pointer-events:auto}.gauss-controls-panel.is-collapsed{min-width:unset}.gauss-controls-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.gauss-controls-panel.is-collapsed .gauss-controls-head{border-bottom:none}.gauss-controls-toggle,button.gauss-controls-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#e7edf7;border:none;padding:2px 4px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none}.gauss-controls-toggle:hover,button.gauss-controls-toggle:hover{background:#ffffff14;color:#fff}.gauss-controls-caret{display:inline-block;width:12px;font-size:10px;color:#9fb4d8}.gauss-controls-help,button.gauss-controls-help{width:18px;height:18px;padding:0;border-radius:50%;background:#ffffff14;color:#c8d6ee;border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif;cursor:help;line-height:1;box-shadow:none}.gauss-controls-help:hover,button.gauss-controls-help:hover{background:#0f6bd859;color:#fff}.gauss-controls-tooltip{position:absolute;top:calc(100% + 6px);right:8px;z-index:15;background:#0f172a;color:#e7edf7;border:1px solid rgba(255,255,255,.14);padding:10px 12px;border-radius:8px;width:260px;font-size:12px;line-height:1.5;box-shadow:0 12px 28px #0006;pointer-events:none}.gauss-controls-tooltip strong{color:#cbe3ff}.gauss-controls-body{display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px}.gauss-controls-row{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c8d6ee}.gauss-controls-row--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.gauss-controls-label{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;color:#e7edf7}.gauss-controls-value{font-variant-numeric:tabular-nums;font-weight:500;color:#9fb4d8}.gauss-controls-row input[type=range]{width:100%;accent-color:#0f6bd8}.gauss-controls-color{width:100%;height:28px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:transparent;cursor:pointer}.gauss-controls-row input[type=checkbox]{accent-color:#0f6bd8;width:16px;height:16px;cursor:pointer}.gauss-controls-reset,button.gauss-controls-reset{background:#0f6bd8;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;width:100%;box-shadow:0 1px 2px #0003}.gauss-controls-reset:hover,button.gauss-controls-reset:hover{background:#0048a4}.gauss-controls-reset:active,button.gauss-controls-reset:active{transform:translateY(1px)}.gauss-controls-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.gauss-controls-stat{display:flex;flex-direction:column;gap:2px}.gauss-controls-stat-key{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#9fb4d8;font-weight:600}.gauss-controls-stat-val{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;color:#fff}@media(max-width:640px){.gauss-controls-panel{min-width:200px;max-width:calc(100% - 24px);font-size:12px}}.app-navbar{background:#fff;border-bottom:1px solid #dbe3ef;position:sticky;top:0;z-index:50}.app-navbar-inner{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:24px}.app-navbar-brand{font-weight:700;color:#0f172a;text-decoration:none;font-size:.95rem;letter-spacing:.02em}.app-navbar-brand:hover{color:#0f6bd8}.app-navbar-links{list-style:none;padding:0;margin:0 0 0 auto;display:flex;gap:6px;flex-wrap:wrap}.app-navbar-link{display:inline-block;padding:6px 12px;border-radius:6px;color:#475569;text-decoration:none;font-size:.92rem;font-weight:600;transition:background .15s,color .15s}.app-navbar-link:hover{background:#f4f8ff;color:#0f172a}.app-navbar-link.is-active{background:#e4ecfb;color:#0048a4}@media(max-width:620px){.app-navbar-inner{padding:10px 14px;gap:10px}.app-navbar-brand{font-size:.88rem}.app-navbar-link{padding:4px 10px;font-size:.85rem}}.run-details-card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:12px 14px;color:#0f172a;box-shadow:0 10px 28px #0f172a1f;font-size:.9rem;line-height:1.4}.run-details-card--popover{width:300px}.run-details-card--inline{width:100%}.run-details-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.run-details-head-main{display:flex;align-items:center;gap:6px;min-width:0}.run-details-dataset{font-weight:700;font-size:.95rem;letter-spacing:.01em;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-details-run-chip{display:inline-block;background:#eef2f8;color:#0f172a;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:999px;flex-shrink:0}.run-details-backend-chip{display:inline-block;background:#e4ecfb;color:#0048a4;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;flex-shrink:0}.run-details-when{font-size:.78rem;color:#64748b;margin-top:2px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #eef2f8}.run-details-section{margin-top:8px}.run-details-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:4px}.run-details-section-body{display:flex;flex-direction:column;gap:3px}.run-details-row{display:flex;justify-content:space-between;gap:10px;font-size:.85rem}.run-details-row.is-highlight .run-details-row-val{font-weight:700;color:#0f172a}.run-details-row-key{color:#475569}.run-details-row-val{color:#0f172a;font-variant-numeric:tabular-nums;text-align:right;max-width:60%;word-break:break-word}.run-details-empty{color:#94a3b8;font-size:.8rem;font-style:italic}.run-details-tag{margin-top:10px;padding-top:8px;border-top:1px solid #eef2f8;display:flex;flex-direction:column;gap:2px}.run-details-tag-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.run-details-tag-value{font-size:.72rem;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;line-height:1.3}.info-tip-btn,button.info-tip-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:#64748b;font-size:10px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1;cursor:help;padding:0;margin-left:6px;flex-shrink:0;box-shadow:none;transition:color .15s,border-color .15s,background .15s}.info-tip-btn:disabled,button.info-tip-btn:disabled{opacity:1;background:#fff;color:#64748b;border-color:#cbd5e1;cursor:help}.info-tip-btn:hover,.info-tip-btn:focus,button.info-tip-btn:hover,button.info-tip-btn:focus{color:#0f6bd8;border-color:#0f6bd8;background:#f4f8ff;outline:none}.info-tip-bubble{position:fixed;z-index:250;background:#0f172a;color:#fff;padding:10px 12px;border-radius:8px;font-size:.82rem;line-height:1.45;box-shadow:0 10px 28px #0f172a3d;pointer-events:none;animation:info-tip-in .12s ease-out}.info-tip-bubble strong{color:#cbe3ff}@keyframes info-tip-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.reports-page{--ink: #0f172a;--muted: #475569;--line: #dbe3ef;--surface: #ffffff;--surface-alt: #f4f8ff;--brand: #0f6bd8;--brand-strong: #0048a4;--good: #0f8f5f;--bad: #c53535;max-width:1280px;margin:0 auto;padding:24px;color:var(--ink)}.reports-page .page-header{margin-bottom:6px}.reports-page .page-header h2{margin:0;font-size:1.7rem;letter-spacing:-.01em}.reports-page .page-header p{margin:6px 0 0;color:var(--muted);max-width:760px}.reports-controls{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:18px;display:grid;gap:16px;box-shadow:0 1px 2px #0f172a08}.reports-controls label{font-weight:600;font-size:.95rem;display:block;margin-bottom:6px;color:var(--ink)}.reports-controls select,.reports-controls input[type=text]{padding:8px 10px;border-radius:8px;border:1px solid var(--line);min-width:240px;background:#fff;font-size:.92rem}.reports-mode{display:flex;gap:8px;flex-wrap:wrap}.reports-mode button{padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:600;font-size:.88rem;color:var(--muted)}.reports-mode button:hover{border-color:var(--brand);color:var(--brand)}.reports-mode button.active{background:var(--brand);color:#fff;border-color:var(--brand-strong)}.run-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,240px));gap:10px;max-height:340px;overflow-y:auto;padding:2px}.run-card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface-alt);display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.run-card:hover{border-color:#b7cdec}.run-card.selected{border-color:var(--brand);background:#fff;box-shadow:0 0 0 2px #0f6bd824 inset}.run-card{position:relative}.run-card-popover--portal{position:fixed;z-index:200;pointer-events:none;animation:run-card-pop-in .12s ease-out}@keyframes run-card-pop-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.run-card-head{display:flex;align-items:center;gap:6px;min-width:0}.run-card-head input[type=checkbox]{flex-shrink:0;accent-color:var(--brand)}.run-card-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid var(--line)}.run-card .run-tag{font-weight:700;font-size:.92rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.run-card .run-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:.78rem;color:var(--muted)}.run-meta-item{display:flex;align-items:baseline;gap:4px;min-width:0}.run-meta-key{color:var(--muted);font-weight:500;flex-shrink:0}.run-meta-val{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.run-card .run-actions{margin-top:2px}.run-card .run-actions a{font-size:.78rem;color:var(--brand);text-decoration:none;font-weight:600}.run-card .run-actions a:hover{text-decoration:underline}.reports-empty{border:1px dashed var(--line);border-radius:12px;padding:28px;text-align:center;color:var(--muted);background:var(--surface-alt);margin-top:18px}.charts-grid{margin-top:22px;display:grid;gap:14px}.charts-grid.section-spaced{margin-top:30px}.section-title{margin:0 0 4px;font-size:1.05rem;color:var(--ink);font-weight:700}.section-hint{color:var(--muted);font-size:.85rem;max-width:760px;line-height:1.45;margin-top:2px}.section-hint strong{color:var(--ink)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 14px 8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #0f172a08}.chart-card h4{margin:0;font-size:.92rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chart-toggle{padding:3px 10px;font-size:.75rem;border-radius:6px;border:1px solid var(--line);background:var(--surface-alt);color:var(--muted);cursor:pointer;font-weight:600}.chart-toggle:hover{border-color:var(--brand);color:var(--brand)}.chart-card .chart-sub{font-size:.78rem;color:var(--muted);margin:0 0 4px;line-height:1.35}.chart-card .chart-wrap{height:220px;width:100%}.chart-card .chart-wrap.tall{height:300px}.stacked-run-title{margin:0 0 6px;font-size:1rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:.88rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.summary-table th,.summary-table td{border-bottom:1px solid var(--line);padding:8px 12px;text-align:left}.summary-table th{background:var(--surface-alt);font-weight:700;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.summary-table tr:last-child td{border-bottom:none}.summary-table td{font-variant-numeric:tabular-nums;color:var(--ink)}.summary-table .run-cell{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.chart-tooltip-card{background:#fff;border:1px solid #d6dee8;border-radius:8px;padding:8px 10px;box-shadow:0 6px 16px #0f172a1f;font-size:12px;color:#0f172a;min-width:140px;max-width:280px;pointer-events:none}.chart-tooltip-head{font-weight:700;margin-bottom:6px;color:#0048a4;border-bottom:1px solid #eef2f8;padding-bottom:4px;font-variant-numeric:tabular-nums}.chart-tooltip-rows{display:flex;flex-direction:column;gap:3px}.chart-tooltip-row{display:grid;grid-template-columns:10px 1fr auto;gap:6px;align-items:center}.chart-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-name{color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-tooltip-value{font-weight:600;font-variant-numeric:tabular-nums;color:#0f172a;white-space:nowrap}.stage-summary{display:grid;gap:8px;margin-top:6px}.stage-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid #dbe3ef;background:#f7fbff}.stage-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;line-height:1}.stage-body{flex:1;min-width:0}.stage-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.stage-label{font-weight:700;font-size:.9rem;color:#0f172a}.stage-status{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.stage-detail{color:#475569;font-size:.82rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.stage-live{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:#0f172a;margin-top:4px;font-variant-numeric:tabular-nums}.stage-eta{color:#0048a4;font-weight:600;font-size:.82rem;margin-top:2px}.stage-card--active{border-color:#9dc4f1;background:#eff6ff}.stage-card--active .stage-icon{background:#0f6bd8;color:#fff;animation:stage-pulse 1.2s ease-in-out infinite}.stage-card--active .stage-status{color:#0048a4}@keyframes stage-pulse{0%,to{box-shadow:0 0 #0f6bd859}50%{box-shadow:0 0 0 6px #0f6bd800}}.stage-card--done{border-color:#a7f3d0;background:#ecfdf5}.stage-card--done .stage-icon{background:#0f8f5f;color:#fff}.stage-card--done .stage-status{color:#047857}.stage-card--skipped{border-color:#fde68a;background:#fffbeb}.stage-card--skipped .stage-icon{background:#d97706;color:#fff}.stage-card--skipped .stage-status{color:#b45309}.stage-card--failed{border-color:#fca5a5;background:#fef2f2}.stage-card--failed .stage-icon{background:#b91c1c;color:#fff}.stage-card--failed .stage-status{color:#991b1b}.live-demos-page{--ink: #0f172a;--muted: #475569;--line: #dbe3ef;--surface: #ffffff;--surface-alt: #f4f8ff;--brand: #0f6bd8;--brand-strong: #0048a4;--good: #0f8f5f;--bad: #c53535;--busy: #a56800;padding:24px;color:var(--ink)}.page-header h2{margin:0;font-size:1.8rem}.page-header p{margin:8px 0 0;color:var(--muted)}.demo-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-alt) 100%);border-radius:14px;padding:14px;box-shadow:0 8px 22px #0f172a14}.panel h3{margin:0}.panel-head-actions{display:flex;gap:6px;align-items:center}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.status-pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;border:1px solid transparent}.status-pill.neutral{background:#edf2f7;color:#374151}.status-pill.busy{background:#fff8eb;border-color:#f0cb84;color:var(--busy)}.status-pill.good{background:#e9f8f1;border-color:#9ad4ba;color:var(--good)}.status-pill.bad{background:#fff0f0;border-color:#f3b6b6;color:var(--bad)}.mode-tabs{display:inline-flex;padding:4px;margin-bottom:12px;background:#eef2f8;border:1px solid #d6dee8;border-radius:10px;gap:4px}.mode-tab,button.mode-tab{background:transparent;color:#475569;padding:6px 14px;font-size:13px;font-weight:600;border-radius:7px;border:none;box-shadow:none;cursor:pointer}.mode-tab:hover:not(:disabled):not(.active),button.mode-tab:hover:not(:disabled):not(.active){background:#0f6bd81a;color:var(--brand-strong)}.mode-tab.active,button.mode-tab.active{background:#fff;color:var(--brand-strong);box-shadow:0 1px 3px #0f172a1f}.mode-tab.active:hover:not(:disabled),button.mode-tab.active:hover:not(:disabled){background:#fff;color:var(--brand-strong)}.mode-tab:disabled,button.mode-tab:disabled{cursor:not-allowed;opacity:.55}.control-form{display:grid;gap:12px}.control-form label,.advanced-grid label,.dataset-picker{display:grid;gap:6px;font-size:13px;color:var(--muted)}.control-form input,.control-form select,.advanced-grid input,.dataset-picker select{border:1px solid #c8d3e2;border-radius:8px;padding:9px 10px;font-size:14px}.field-help{margin-top:-6px;font-size:12px;color:#516683}.file-preview{border:1px dashed #c6d4ea;border-radius:10px;padding:9px 10px;color:var(--muted);font-size:13px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.advanced-panel .button-row{margin-top:18px}button{border:none;border-radius:9px;padding:10px 12px;font-weight:700;background:var(--brand);color:#fff;cursor:pointer}button:hover:not(:disabled){background:var(--brand-strong)}button.secondary{background:#dbe7f8;color:#153a6b}button.accent{background:#0d8b5f}button.accent:hover:not(:disabled){background:#0a6d4a}button.primary{background:var(--brand);color:#fff}button.primary:hover:not(:disabled){background:var(--brand-strong)}button.tiny{padding:6px 10px;font-size:12px}button:disabled{cursor:not-allowed;opacity:.6}.advanced-panel{margin-top:10px;border:1px solid #c8d7ee;border-radius:10px;padding:16px 18px;background:#f5f9ff}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}@media(max-width:820px){.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.advanced-grid{grid-template-columns:1fr}}.messages p{margin:8px 0 0;color:#1e293b;font-size:13px}.logs-panel{min-height:360px}.log-box{background:#041321;color:#d5ecff;border-radius:10px;border:1px solid #113253;height:310px;overflow:auto;padding:10px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.log-placeholder{color:#8eb7da}.log-line{display:flex;gap:8px;margin-bottom:6px;white-space:pre-wrap}.log-line.warn{color:#f8d47a}.log-line.error{color:#ff9f9f}.log-line.success{color:#8df0bc}.log-time{opacity:.75}.empty,.dataset-path{margin:10px 0 0;font-size:13px;color:var(--muted)}.viewer-panel{min-height:420px}.viewer-section{margin-top:18px}.viewer-panel-wide{min-height:620px}.viewer-panel-wide .gauss-viewer,.viewer-panel-wide .viewer-canvas-wrap{height:560px}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.viewer-head h3{margin:0}.viewer-head-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dataset-picker.inline{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:600}.dataset-picker.inline .dataset-picker-label{font-size:.9rem;color:var(--muted)}.dataset-picker.inline select{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;min-width:200px}.empty-inline{font-size:.9rem;color:var(--muted)}.processing-preview{margin-bottom:12px;border:1px solid #cfe0f6;border-radius:10px;background:#f7fbff;padding:10px}.logs-progress{margin-top:10px;margin-bottom:0}.processing-stage{font-size:13px;font-weight:700;color:#194277;margin-bottom:8px}.progress-track{width:100%;height:12px;border-radius:999px;background:#e6ebf8;overflow:hidden;border:1px solid #d1dfef}.progress-fill{height:100%;width:0;transition:width .26s ease;background:#5a6ecf}.progress-fill.busy{background:linear-gradient(90deg,#5a6ecf,#6d87f0)}.progress-fill.good{background:linear-gradient(90deg,#2f9d57,#59c779)}.progress-fill.bad{background:linear-gradient(90deg,#c23d3d,#de6767)}.progress-fill.neutral{background:#9aa8d8}.progress-meta{margin-top:8px;color:#345b85;font-size:12px;word-break:break-word}@media(max-width:900px){.live-demos-page{padding:16px}}.advanced-section-title{margin:4px 0 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--brand-strong);display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.advanced-section-title--spaced{margin-top:22px}.advanced-section-sub{text-transform:none;letter-spacing:0;font-weight:400;color:#7585a0;font-size:.72rem;margin-left:0}.advanced-label{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:.85rem;color:var(--ink)}.sfm-cache-note{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin-bottom:12px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px}.sfm-cache-badge{flex-shrink:0;background:#0f8f5f;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:999px;height:22px;display:inline-flex;align-items:center}.sfm-cache-text{font-size:.85rem;color:#064e3b;line-height:1.4}.experiment-panel{margin-top:22px;padding:14px 16px 16px;background:#f7fbff;border:1px solid #cfe0f6;border-radius:10px}.experiment-head h4{margin:0 0 4px;font-size:.95rem;color:var(--brand-strong)}.experiment-head .experiment-sub{font-size:.8rem;color:var(--muted)}.experiment-grid{display:flex;flex-direction:column;gap:10px;margin-top:10px}.experiment-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.experiment-toggle{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);min-width:190px;cursor:pointer;-webkit-user-select:none;user-select:none}.experiment-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.experiment-params{display:flex;gap:10px;flex:1;flex-wrap:wrap}.experiment-params label{display:flex;flex-direction:column;font-size:.78rem;color:var(--muted);gap:4px;min-width:120px}.experiment-params label.wide{min-width:260px;flex:1}.experiment-params input{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:#fff}.experiment-params input:disabled{background:#eef2f8;color:#94a3b8;cursor:not-allowed}.advanced-grid select{padding:7px 9px;border-radius:7px;border:1px solid var(--line);background:#fff;font:inherit;font-size:.9rem}.advanced-grid select:disabled{background:#eef2f8;color:#94a3b8;cursor:not-allowed}.live-demos-static-banner{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:14px;padding:10px 14px;border:1px solid #e3b341;border-left:4px solid #bf8700;border-radius:8px;background:#fff8e1;color:#4a3d00;font-size:.95rem;line-height:1.45}.live-demos-static-banner strong{color:#3d2f00}.live-demos-fieldset{border:0;padding:0;margin:0;min-inline-size:0}.live-demos-fieldset.is-static-disabled{cursor:not-allowed;opacity:.95}.live-demos-fieldset.is-static-disabled :disabled{cursor:not-allowed}.sbs-viewer{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.sbs-viewer{grid-template-columns:1fr}}.sbs-pane{display:flex;flex-direction:column;gap:8px;min-width:0}.sbs-label{font-weight:600;font-size:.9rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 10px;background:#f4f8ff;border:1px solid #dbe3ef;border-radius:8px}.sbs-canvas-wrap{height:480px;width:100%;background:#f3f7ff;border-radius:12px;border:1px solid #dbe3ef;overflow:hidden;box-shadow:0 4px 12px #0f172a0f}@media(max-width:600px){.sbs-canvas-wrap{height:340px}}.gallery-page{max-width:1280px;margin:0 auto;padding:24px;color:#0f172a}.gallery-head h2{margin:0;font-size:1.7rem;letter-spacing:-.01em}.gallery-head .gallery-sub{margin:6px 0 0;color:#475569;max-width:760px}.gallery-empty{margin-top:20px;padding:28px;text-align:center;border:1px dashed #dbe3ef;border-radius:12px;background:#f4f8ff;color:#475569}.gallery-controls{margin-top:18px;padding:16px 18px;background:#fff;border:1px solid #dbe3ef;border-radius:12px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;box-shadow:0 1px 2px #0f172a08}.gallery-picker{display:flex;flex-direction:column;gap:6px;min-width:260px;flex:1}.gallery-picker-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700}.gallery-picker-hint{text-transform:none;letter-spacing:0;font-weight:500;color:#94a3b8;font-size:.74rem;margin-left:4px}.gallery-picker select{padding:8px 10px;border-radius:8px;border:1px solid #dbe3ef;background:#fff;font-size:.95rem}.gallery-actions{display:flex;gap:8px;align-items:center}.gallery-btn{padding:8px 14px;border-radius:8px;border:1px solid #dbe3ef;background:#fff;font-weight:600;font-size:.9rem;color:#475569;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.gallery-btn:hover:not(:disabled){border-color:#0f6bd8;color:#0f6bd8}.gallery-btn.is-active{background:#0f6bd8;color:#fff;border-color:#0048a4}.gallery-btn:disabled{opacity:.5;cursor:not-allowed}.gallery-viewer{margin-top:20px}body,html,#root{margin:0;padding:0;background:#f8f9fa;color:#1a1a1a;font-family:sans-serif}.backend-health-banner{background:#fff3cd;border-bottom:1px solid #f0c36d;color:#5c3a00;padding:10px 16px;display:flex;align-items:center;gap:12px;font-size:14px}.backend-health-banner strong{color:#0f172a}.backend-health-banner code{background:#0f172a14;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.backend-health-banner button{margin-left:auto;background:transparent;border:1px solid #a56800;color:#5c3a00;border-radius:6px;padding:4px 10px;font-size:12.5px;cursor:pointer}.backend-health-banner button:hover{background:#a5680014}.upload-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;width:400px;box-shadow:0 4px 16px #0000000f;margin-bottom:2rem}.upload-title{color:#1a1a1a;margin-bottom:.5rem;font-size:1.2rem;letter-spacing:.05em}.upload-subtitle{color:#94a3b8;font-size:.85rem;margin-bottom:1.5rem}.upload-dropzone{display:block;border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;cursor:pointer;color:#3182ce;font-size:.9rem;margin-bottom:1.5rem;transition:border-color .2s;text-align:center}.upload-dropzone:hover{border-color:#3182ce}.upload-button{width:100%;padding:.85rem;background:linear-gradient(135deg,#3182ce,#63b3ed);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.upload-button:hover:not(:disabled){opacity:.85}.upload-button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.upload-status{margin-top:1rem;font-size:.9rem;color:#3182ce;text-align:center}