.advanced-body{min-height:100vh}.advanced-page{min-height:100vh;padding:42px 18px 56px}.hero-brand{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.hero-logo{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 30%,transparent))}.hero-copy h1{margin:0;font-size:clamp(42px,7vw,76px);letter-spacing:-.05em;font-weight:800;line-height:.92}.hero-copy h1 span{color:var(--accent)}.hero-copy h1 b{font-size:.66em;color:var(--accent);margin-left:5px}.hero-signature{margin-top:6px;font-size:clamp(20px,2.5vw,34px);font-style:italic;color:color-mix(in srgb,var(--accent3) 86%,white 14%)}
.lab-shell{width:min(900px,100%);margin:0 auto;padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(14,11,25,.96),rgba(8,7,16,.98));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:var(--shadow)}
.lab-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 8px 18px}.lab-heading{display:flex;align-items:center;gap:14px}.mini-logo{width:54px;height:54px;border-radius:14px;object-fit:contain;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 22%,transparent)}.lab-title{font-size:34px;font-weight:760;letter-spacing:-.03em}.lab-subtitle{margin-top:2px;color:var(--muted);font-size:15px}.lab-actions-top{display:flex;align-items:center;gap:12px}.signature-chip,.brand-badge{padding:10px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(34,21,53,.94),rgba(18,13,29,.95));border:1px solid var(--line);color:color-mix(in srgb,var(--accent3) 86%,white 14%);font-style:italic;letter-spacing:.04em}.ghost-btn{width:42px;height:42px;font-size:30px;line-height:1}
.top-grid,.dual-grid,.manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.top-grid,.dual-grid{margin-top:14px}.panel{padding:16px;border-radius:18px}.panel-label{font-size:13px;font-weight:720;letter-spacing:.08em;color:#e9defe}.gpu-line{margin-top:10px;color:var(--good);display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700}.status-dot,.ok-dot{width:10px;height:10px;border-radius:50%;background:#64ff88;box-shadow:0 0 14px rgba(100,255,136,.45);display:inline-block}
.status-grid{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-top:16px;align-items:center}.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.ring-card{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--accent) 0 68%,color-mix(in srgb,var(--accent) 35%,transparent) 68% 100%);display:grid;place-items:center}.ring-inner{width:110px;height:110px;border-radius:50%;background:linear-gradient(180deg,#1a1328,#100d1c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line2)}.ring-inner strong{font-size:34px}.ring-inner span,.ring-meta,.meta-card label,.resolution-box label,.metric-sub,.engine-copy label{font-size:12px;color:var(--muted);letter-spacing:.05em}
.status-meta{display:grid;gap:10px}.meta-card{padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(24,17,38,.94),rgba(14,11,24,.96))}.meta-card strong{display:block;margin-top:6px;font-size:16px;line-height:1.35;word-break:break-word}.meta-card.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resolution-card{display:flex;flex-direction:column;justify-content:center}.resolution-box{padding:14px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(24,17,38,.94),rgba(14,11,24,.96));margin-top:12px}.resolution-box strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.03em}.flow-passes{margin-top:8px;font-size:15px;line-height:1.5;color:#f2e8ff}.resolution-arrow{text-align:center;color:var(--accent);font-size:28px;margin:10px 0 2px}
.row-panel,.enhance-panel,.perf-panel,.system-panel{display:flex;align-items:center;gap:14px;margin-top:14px}.row-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent2) 94%,transparent),rgba(19,14,31,.96));border:1px solid var(--line);font-size:22px;color:#e9d8ff;flex:0 0 auto}.row-icon.square{border-radius:12px}.grow{flex:1;min-width:0}.upscale-panel select,.small-pill,.manager-card input{width:100%;margin-top:8px;border-radius:12px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(22,17,34,.95),rgba(13,10,22,.96));color:var(--text);padding:12px 14px;outline:none}.upscale-panel small,.perf-copy small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.pill-btn,.small-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 14px;min-width:84px;height:44px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 76%,transparent),color-mix(in srgb,var(--accent2) 84%,transparent));color:#f6ebff;font-weight:760}.pill-btn.secondary{background:linear-gradient(180deg,rgba(25,18,38,.95),rgba(15,11,24,.98))}
.slider-panel .slider-head{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#dfc9ff}.slider-panel input{width:100%;margin-top:12px}.switch-slot{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.enhance-left,.perf-copy,.system-copy{display:flex;align-items:center;gap:12px;flex:1}.chip-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1}.chip-btn{min-height:46px;border-radius:12px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(25,18,38,.95),rgba(15,11,24,.98));color:#ddd1f6;font:650 15px/1 inherit}.chip-btn.active{border-color:color-mix(in srgb,var(--accent3) 86%,white 14%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent2) 96%,transparent));box-shadow:inset 0 0 0 1px rgba(245,230,255,.14)}.perf-controls{display:flex;align-items:center;gap:12px}.info-panel .metric-main{margin-top:10px;font-size:34px;font-weight:780;letter-spacing:-.04em}.metric-sub{margin-top:10px}.metric-sub span{color:#88ff9d;font-weight:700;margin-left:6px}.system-panel{justify-content:space-between}.status-shield{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(30,22,45,.95),rgba(17,12,27,.97));border:1px solid var(--line);font-size:23px}.system-line{display:flex;align-items:center;gap:8px;margin-top:7px;color:#e9e0ff}.engine-copy strong{display:block;margin-top:6px;font-size:17px}.bottom-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:12px;margin-top:16px}.flat-btn,.save-btn{min-height:54px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(23,17,35,.96),rgba(13,10,22,.97));color:#dfd2fb;font:700 14px/1 inherit}.save-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 96%,transparent),color-mix(in srgb,var(--accent) 98%,transparent));border-color:rgba(227,194,255,.26);color:white;box-shadow:0 0 26px color-mix(in srgb,var(--accent) 24%,transparent)}
.manager-grid{width:min(900px,100%);margin:18px auto 0}.manager-card{padding:18px}.manager-title{font-size:18px;font-weight:760;margin-bottom:12px}.site-input-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.small-pill{width:auto;height:44px;margin-top:0;padding:0 16px}.site-list,.flow-list{display:grid;gap:8px;max-height:320px;overflow:auto}.site-row,.flow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(24,17,38,.94),rgba(14,11,24,.96))}.row-mini-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(25,18,38,.95),rgba(15,11,24,.98));color:#f2e5ff}.empty-state{font-size:13px;color:var(--muted);padding:10px 2px}.flow-row-text{display:flex;flex-direction:column;gap:4px}.flow-row small{color:var(--muted)}
@media (max-width:760px){.advanced-page{padding:28px 10px 36px}.hero-brand{gap:14px}.hero-logo{width:84px;height:84px}.hero-copy h1{font-size:clamp(32px,10vw,56px)}.hero-signature{font-size:clamp(16px,5vw,24px)}.lab-top,.row-panel,.enhance-panel,.perf-panel,.system-panel{flex-direction:column;align-items:stretch}.top-grid,.dual-grid,.status-grid,.bottom-actions,.manager-grid{grid-template-columns:1fr}.meta-card.two-col,.chip-group{grid-template-columns:1fr}.site-input-row{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}}

/* --- v1.1 telemetry / controls upgrades --- */
.compact-select{min-width:108px;height:40px;border-radius:12px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(22,17,34,.95),rgba(13,10,22,.96));color:var(--text);padding:0 12px}
.performance-guard-panel .perf-controls{gap:10px;flex-wrap:wrap;justify-content:flex-end}
.telemetry-panel .metric-main{font-size:28px;line-height:1.15;word-break:break-word}
.load-badge{padding:10px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(24,17,38,.94),rgba(14,11,24,.96));border:1px solid var(--line2);min-width:104px;text-align:center}
.load-badge label{display:block;font-size:12px;color:var(--muted);letter-spacing:.05em}
.load-badge strong{display:block;margin-top:6px;font-size:22px;color:#8dff9f}
.slider-panel .a8-range{margin-bottom:4px}
@media (max-width:760px){.load-badge{min-width:0}}


/* A8 Color Correction */
.color-panel{display:block}.color-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.color-preset-row{display:grid;grid-template-columns:auto minmax(170px,1fr) auto;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.color-preset-row>label{font-size:12px;letter-spacing:.07em;color:var(--muted);font-weight:750}.color-preset-select{width:100%;max-width:260px}.color-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.color-control{display:block;padding:14px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(180deg,rgba(23,17,35,.86),rgba(13,10,22,.9))}.color-control>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-control b{font-size:11px;letter-spacing:.07em;color:var(--muted)}.color-control strong{font-size:14px;color:#efe5ff}.color-control .a8-range{margin-top:12px}.color-footnote{margin-top:13px;font-size:12px;color:var(--muted)}.color-footnote code{color:color-mix(in srgb,var(--accent3) 86%,white 14%)}@media(max-width:720px){.color-sliders{grid-template-columns:1fr}.color-preset-row{grid-template-columns:1fr}.color-preset-select{max-width:none}}

/* --- A8 Visual Engine theme hooks --- */
.hero-logo{filter:drop-shadow(0 0 20px rgba(var(--accent-rgb),.34))}
.hero-copy h1 span{color:var(--accent)}
.hero-copy h1 b,.hero-signature{color:var(--accent3)}
.lab-shell{border-color:rgba(var(--accent-rgb),.19);box-shadow:var(--shadow)}
.mini-logo{box-shadow:0 0 22px rgba(var(--accent-rgb),.25)}
.signature-chip,.brand-badge{color:var(--accent3);border-color:var(--line);background:linear-gradient(180deg,rgba(var(--accent2-rgb),.18),rgba(15,13,24,.96))}
.ring-card{background:conic-gradient(var(--accent) 0 68%,rgba(var(--accent2-rgb),.30) 68% 100%);box-shadow:0 0 28px rgba(var(--accent-rgb),.12)}
.row-icon{background:linear-gradient(180deg,rgba(var(--accent2-rgb),.25),rgba(17,15,27,.96));border-color:var(--line);color:var(--accent3)}
.pill-btn,.small-pill{border-color:rgba(var(--accent-rgb),.30);background:linear-gradient(180deg,rgba(var(--accent-rgb),.58),rgba(var(--accent2-rgb),.62));color:white}
.pill-btn.secondary{background:linear-gradient(180deg,rgba(25,24,36,.96),rgba(13,13,22,.98));color:var(--accent3)}
.chip-btn.active{border-color:rgba(var(--accent-rgb),.70);background:linear-gradient(180deg,rgba(var(--accent-rgb),.30),rgba(var(--accent2-rgb),.28));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(var(--accent-rgb),.08)}
.save-btn{background:linear-gradient(180deg,rgba(var(--accent-rgb),.90),rgba(var(--accent2-rgb),.90));border-color:rgba(var(--accent3-rgb),.28);box-shadow:0 0 28px rgba(var(--accent-rgb),.24)}
.color-control strong,.color-footnote code{color:var(--accent3)}
.compact-select,.upscale-panel select,.manager-card input{border-color:var(--line2)}

.appearance-panel{display:block;margin-top:14px}
.appearance-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.appearance-head small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}
.motion-control{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:9px 11px;border-radius:13px;border:1px solid var(--line2);background:rgba(10,10,17,.56)}
.motion-control>span{font-size:11px;letter-spacing:.07em;color:var(--muted);font-weight:760;white-space:nowrap}
.theme-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:16px}
.theme-chip{--chip-color:var(--accent);min-width:0;padding:11px 9px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(24,24,35,.90),rgba(11,11,19,.95));color:var(--text);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;text-align:left;align-items:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.theme-chip i{grid-row:1/3;width:16px;height:16px;border-radius:50%;background:var(--chip-color);box-shadow:0 0 16px color-mix(in srgb,var(--chip-color) 60%,transparent)}
.theme-chip span{font-size:12px;font-weight:760;overflow:hidden;text-overflow:ellipsis}
.theme-chip small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.theme-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--chip-color) 58%,transparent)}
.theme-chip.active{border-color:var(--chip-color);background:linear-gradient(180deg,color-mix(in srgb,var(--chip-color) 18%,rgba(24,24,35,.90)),rgba(11,11,19,.96));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color) 18%,transparent),0 0 20px color-mix(in srgb,var(--chip-color) 14%,transparent)}
.theme-chip[data-a8-theme-choice="nebula"]{--chip-color:#ba73ff}
.theme-chip[data-a8-theme-choice="ion"]{--chip-color:#48cdff}
.theme-chip[data-a8-theme-choice="emerald"]{--chip-color:#53efa1}
.theme-chip[data-a8-theme-choice="solar"]{--chip-color:#ffbf47}
.theme-chip[data-a8-theme-choice="crimson"]{--chip-color:#ff5485}
.theme-chip[data-a8-theme-choice="arctic"]{--chip-color:#8ba8ff}
@media(max-width:900px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.appearance-head{align-items:stretch;flex-direction:column}.motion-control{justify-content:space-between}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* --- v1.8 Smart Control Update --- */
.smart-control-panel,.site-profile-panel,.compare-panel,.diagnostic-panel{margin-top:14px}
.smart-control-head,.diagnostic-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.smart-control-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:12px;margin-top:15px}
.smart-status-box,.smart-select-box,.hotkey-card,.site-profile-meta{border:1px solid var(--line2);border-radius:15px;background:linear-gradient(180deg,rgba(22,20,32,.78),rgba(12,11,20,.88));padding:14px}
.smart-status-box label,.smart-select-box>span,.hotkey-card label,.site-profile-meta label{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:780}
.smart-status-box strong,.site-profile-meta strong,.hotkey-card strong{display:block;margin-top:6px;color:var(--accent3);font-size:14px;line-height:1.35}
.smart-status-box small,.smart-select-box small,.site-profile-meta small,.hotkey-card small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}
.smart-select-box{display:flex;flex-direction:column;gap:8px}.smart-select-box .compact-select{width:100%}
.site-profile-console,.compare-console{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:15px}
.site-profile-actions,.diagnostic-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.danger-lite{color:#ffb5c4;border-color:rgba(255,84,133,.28)}
.compare-test-btn{min-width:220px;min-height:54px;border-radius:15px;border:1px solid rgba(var(--accent-rgb),.38);background:linear-gradient(180deg,rgba(var(--accent-rgb),.24),rgba(var(--accent2-rgb),.18));color:var(--text);font-weight:780;letter-spacing:.04em;cursor:grab;user-select:none;touch-action:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}
.compare-test-btn:hover{border-color:rgba(var(--accent-rgb),.70);box-shadow:0 0 24px rgba(var(--accent-rgb),.12)}
.compare-test-btn:active,.compare-test-btn.is-comparing{cursor:grabbing;transform:translateY(1px);background:linear-gradient(180deg,rgba(var(--accent-rgb),.42),rgba(var(--accent2-rgb),.30));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 26px rgba(var(--accent-rgb),.16)}
.diagnostic-head{align-items:flex-start}.diagnostic-progress{height:8px;margin-top:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid var(--line2)}.diagnostic-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent),var(--accent3));box-shadow:0 0 16px rgba(var(--accent-rgb),.28);transition:width .35s ease}
.diagnostic-status-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:11px;color:var(--muted)}.diagnostic-status-line b{color:var(--accent3)}
.diagnostic-report{margin:12px 0 0;max-height:270px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--line2);border-radius:14px;background:rgba(8,8,14,.56);padding:14px;color:var(--text);font:500 11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.site-row.profile-row{align-items:flex-start}.site-row.profile-row .profile-row-copy{min-width:0}.site-row.profile-row strong{display:block;overflow:hidden;text-overflow:ellipsis}.site-row.profile-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-row-actions{display:flex;gap:6px}.profile-row-actions .row-mini-btn{flex:0 0 auto}
html[data-a8-mode="light"] .smart-status-box,html[data-a8-mode="light"] .smart-select-box,html[data-a8-mode="light"] .hotkey-card,html[data-a8-mode="light"] .site-profile-meta{background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(245,246,252,.72))}
html[data-a8-mode="light"] .diagnostic-report{background:rgba(255,255,255,.64)}
@media(max-width:760px){.smart-control-head,.diagnostic-head{align-items:stretch;flex-direction:column}.smart-control-grid,.site-profile-console,.compare-console{grid-template-columns:1fr}.site-profile-actions,.diagnostic-actions{justify-content:flex-start}.compare-test-btn{width:100%;min-width:0}}


/* v1.9.3 — centered edge branding + luxury theme row */
.advanced-page{padding-top:106px}
.lab-shell--branded{position:relative;overflow:visible}
.lab-edge-logo{position:absolute;z-index:5;left:50%;top:0;transform:translate(-50%,-58%);width:132px;height:132px;display:grid;place-items:center;pointer-events:none}
.lab-edge-logo .hero-logo{width:132px;height:132px;object-fit:contain}
.lab-shell--branded .lab-top{padding-top:58px}
.theme-chip[data-a8-theme-choice="sapphire"]{--chip-color:#4f86ff}
.theme-chip[data-a8-theme-choice="jade"]{--chip-color:#39d2ad}
.theme-chip[data-a8-theme-choice="champagne"]{--chip-color:#e7c27a}
.theme-chip[data-a8-theme-choice="rose"]{--chip-color:#e6a0aa}
.theme-chip[data-a8-theme-choice="platinum"]{--chip-color:#cbd3de}
.theme-chip[data-a8-theme-choice="obsidian"]{--chip-color:#c5915b}
.guard-signal{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.07em;white-space:nowrap}
@media(max-width:760px){.advanced-page{padding-top:86px}.lab-edge-logo,.lab-edge-logo .hero-logo{width:106px;height:106px}.lab-shell--branded .lab-top{padding-top:46px}}

/* RC8 · Video Control Center */
.video-control-panel{overflow:hidden}.video-control-state{font-size:10px;font-weight:800;color:var(--accent3);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);padding:7px 10px;border-radius:999px}.lab-video-console{margin-top:14px;display:grid;gap:14px}.lab-video-now{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.lab-video-now strong{font-size:18px}.lab-video-now small{color:var(--muted);text-align:right}.lab-video-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.lab-video-buttons button{min-height:58px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--text);font-size:20px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.lab-video-buttons button small{font-size:9px;color:var(--muted);font-weight:700}.lab-video-buttons button:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.lab-video-buttons button.primary{background:linear-gradient(180deg,rgba(var(--accent-rgb),.55),rgba(var(--accent2-rgb),.6));color:#fff}.lab-video-sliders{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px}.lab-video-sliders label{display:flex;flex-direction:column;gap:8px}.lab-video-sliders label>span{font-size:10px;letter-spacing:.07em;color:var(--muted);font-weight:800}.lab-video-sliders label b{color:var(--accent3);margin-left:6px}.lab-video-note{font-size:10px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:11px}.video-control-panel.is-unavailable .lab-video-console{opacity:.55}.video-control-panel.is-unavailable .lab-video-buttons button,.video-control-panel.is-unavailable input,.video-control-panel.is-unavailable select{pointer-events:none}
.row-mini-btn.use-flow-btn{width:auto;min-width:48px;padding:0 10px;font-size:10px;font-weight:800;letter-spacing:.04em}

/* RC8 · editable Compare shortcut */
.compare-hotkey-card{display:grid;gap:9px}.shortcut-display{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shortcut-display kbd{min-width:34px;height:30px;padding:0 9px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line2));background:color-mix(in srgb,var(--accent) 8%,var(--a8-surface-2));display:grid;place-items:center;font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);box-shadow:inset 0 -2px 0 rgba(255,255,255,.04)}.shortcut-display>span{color:var(--muted);font-weight:900}.shortcut-actions{display:flex;gap:8px;flex-wrap:wrap}.shortcut-capture{display:grid;gap:9px;margin-top:4px;padding:11px;border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.shortcut-capture>b{font-size:11px}.shortcut-capture>span{font-size:9px;color:var(--muted);line-height:1.45}.shortcut-capture>div:last-child{display:flex;gap:8px}

/* RC8 · user-friendly diagnostics */
.diagnostic-summary{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:14px;padding:14px;border:1px solid var(--line2);border-radius:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--a8-surface)),var(--a8-surface-2))}.diagnostic-grade{min-width:86px;height:54px;border-radius:13px;display:grid;place-items:center;padding:0 12px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-size:12px;font-weight:900;letter-spacing:.06em;color:var(--accent3)}.diagnostic-summary h3{margin:0 0 4px;font-size:15px}.diagnostic-summary p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.5}.diagnostic-simple-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.diagnostic-simple-grid>div{padding:11px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:5px}.diagnostic-simple-grid span{font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.06em}.diagnostic-simple-grid strong{font-size:10.5px}.diagnostic-footer-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:11px}.diagnostic-summary[data-grade="excellent"] .diagnostic-grade{color:#b9ffd2;border-color:rgba(72,220,127,.35);background:rgba(72,220,127,.10)}.diagnostic-summary[data-grade="good"] .diagnostic-grade{color:#d8f8ff;border-color:rgba(96,190,235,.35);background:rgba(96,190,235,.10)}.diagnostic-summary[data-grade="fair"] .diagnostic-grade{color:#ffe9a8;border-color:rgba(255,188,72,.35);background:rgba(255,188,72,.10)}.diagnostic-summary[data-grade="poor"] .diagnostic-grade,.diagnostic-summary[data-grade="incomplete"] .diagnostic-grade{color:#ffd0d0;border-color:rgba(255,93,93,.35);background:rgba(255,93,93,.10)}
@media(max-width:760px){.diagnostic-simple-grid{grid-template-columns:1fr 1fr}.diagnostic-summary{grid-template-columns:1fr}.diagnostic-grade{width:max-content}}

/* RC8 · section-by-section A8 LAB help */
.panel-label{display:inline-flex;align-items:center;gap:7px}.section-help-btn{width:20px;height:20px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent3);font-size:11px;font-weight:900;display:inline-grid;place-items:center;padding:0;vertical-align:middle;cursor:pointer}.section-help-btn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.lab-help-modal[hidden]{display:none!important}.lab-help-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px}.lab-help-backdrop{position:absolute;inset:0;background:rgba(3,4,9,.78);backdrop-filter:blur(7px)}.lab-help-card{position:relative;width:min(520px,100%);max-height:min(620px,88vh);overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:20px;padding:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--a8-surface) 96%,black),color-mix(in srgb,var(--a8-surface-2) 94%,black));box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 45px color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}.lab-help-kicker{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent3)}.lab-help-card h2{margin:8px 36px 12px 0;font-size:22px}.lab-help-card p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.65}.lab-help-card ul{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:11.5px;line-height:1.65}.lab-help-card strong{color:var(--text)}.lab-help-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:11px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--text);font-size:20px}
.lab-email-support-panel{margin-top:14px}.lab-support-email{display:block;margin-top:6px;color:var(--accent3);font:700 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.lab-email-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:118px}

/* RC8 hotfix · customizable Video Control Center shortcuts */
.video-shortcut-editor{display:grid;gap:10px;padding:12px 13px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.025)}
.video-shortcut-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.video-shortcut-editor-head strong{display:block;font-size:10px;letter-spacing:.08em}.video-shortcut-editor-head small{display:block;margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.45}
.video-shortcut-rows{display:grid;gap:8px}.video-shortcut-row{display:grid;grid-template-columns:minmax(105px,.75fr) minmax(180px,1.25fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.video-shortcut-row>strong{font-size:10px}.video-shortcut-row .shortcut-display{min-width:0}.video-shortcut-row-actions{display:flex;gap:6px}.video-shortcut-row-actions .pill-btn{min-width:52px;padding-inline:10px}
.video-shortcut-capture{margin-top:0}.video-shortcut-capture[hidden]{display:none!important}
@media(max-width:760px){.video-shortcut-row{grid-template-columns:1fr}.video-shortcut-row-actions{justify-content:flex-start}}


/* v1.9.4 · clearer A8 LAB tool separation */
.lab-shell > .top-grid,
.lab-shell > .dual-grid{margin-top:18px;gap:18px}
.lab-shell > .row-panel,
.lab-shell > .enhance-panel,
.lab-shell > .perf-panel,
.lab-shell > .system-panel,
.lab-shell > .appearance-panel,
.lab-shell > .color-panel,
.lab-shell > .smart-control-panel,
.lab-shell > .site-profile-panel,
.lab-shell > .compare-panel,
.lab-shell > .diagnostic-panel,
.lab-shell > .lab-email-support-panel{margin-top:18px}
.manager-grid{margin-top:22px;gap:18px}
.manager-title{display:inline-flex;align-items:center;gap:7px}

/* v1.9.4 · full A8 LAB guided tutorial */
.lab-tutorial-replay-btn{font-size:18px;font-weight:900;color:var(--accent3)}
.lab-tutorial-layer[hidden]{display:none!important}
.lab-tutorial-shield{position:fixed;inset:0;z-index:12000;background:transparent;cursor:default}
.lab-tutorial-spotlight{position:fixed;z-index:12001;pointer-events:none;border:2px solid color-mix(in srgb,var(--accent) 84%,white 16%);border-radius:20px;box-shadow:0 0 0 9999px rgba(3,4,9,.80),0 0 0 6px color-mix(in srgb,var(--accent) 11%,transparent),0 0 40px color-mix(in srgb,var(--accent) 38%,transparent);transition:left .24s ease,top .24s ease,width .24s ease,height .24s ease}
.lab-tutorial-card{position:fixed;z-index:12010;left:50%;bottom:20px;transform:translateX(-50%);width:min(560px,calc(100vw - 36px));padding:20px 20px 16px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--a8-surface) 96%,black),color-mix(in srgb,var(--a8-surface-2) 94%,black));box-shadow:0 28px 90px rgba(0,0,0,.68),0 0 40px color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text)}
.lab-tutorial-card.is-top{top:20px;bottom:auto}.lab-tutorial-card.is-bottom{top:auto;bottom:20px}
.lab-tutorial-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lab-tutorial-kicker{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--accent3)}
.lab-tutorial-count{font-size:10px;color:var(--muted);font-weight:800}
.lab-tutorial-card h2{margin:9px 0 7px;font-size:22px;line-height:1.15}
.lab-tutorial-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.lab-tutorial-progress{display:flex;gap:4px;margin-top:14px;max-height:5px}
.lab-tutorial-progress span{height:4px;flex:1;min-width:2px;border-radius:999px;background:rgba(255,255,255,.08)}
.lab-tutorial-progress span.active{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 38%,transparent)}
.lab-tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}
.lab-tutorial-actions>div{display:flex;gap:8px}
.lab-tutorial-actions button{height:36px;border-radius:11px;padding:0 14px;border:1px solid var(--line2);background:rgba(255,255,255,.035);color:var(--text);font-size:10px;font-weight:800}
.lab-tutorial-actions button:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.lab-tutorial-actions button:disabled{opacity:.38;pointer-events:none}
.lab-tutorial-skip{color:var(--muted)!important;background:transparent!important}
.lab-tutorial-next{min-width:68px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 75%,transparent),color-mix(in srgb,var(--accent2) 80%,transparent))!important;border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important;color:white!important}
@media(max-width:760px){.lab-tutorial-card{width:calc(100vw - 24px);padding:17px 16px 14px}.lab-tutorial-card.is-top{top:12px}.lab-tutorial-card.is-bottom{bottom:12px}}
