@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";@font-face{font-family:NightshapeUI;src:url(/assets/NIGHTSHAPE-UI-Bold.ttf) format("truetype"),url(/assets/NIGHTSHAPEUI-Bold.ttf) format("truetype"),url(./assets/NIGHTSHAPE-UI-Bold.ttf) format("truetype"),url(./assets/NIGHTSHAPEUI-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}:root{color-scheme:dark;--bg: #0c0c0e;--void: #080809;--surface: #0a0a0c;--hairline: #141418;--edge: #1e1e22;--text-main: #eeeeff;--text-secondary: #888899;--text-dim: #3a3a48;--ghost: #2a2a35;--cyan: #33cccc;--indigo: #6666ff;--purple: #9933ff;font-family:Geist,SF Pro Display,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text-main);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{position:relative;width:100vw;height:100dvh;min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding-top:max(24px,env(safe-area-inset-top));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 0%,rgba(51,204,204,.035),transparent 34%),linear-gradient(180deg,#101014 0%,var(--bg) 42%,#080809 100%);text-transform:uppercase;letter-spacing:.092em}.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px}@media (prefers-reduced-motion: reduce){.app-shell:after{opacity:.04}}.workbench{width:min(1180px,100%);height:min(860px,calc(100dvh - 48px));min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--edge);background:linear-gradient(180deg,#0b0b0d,var(--void))}.topbar,.footer{flex:0 0 auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--hairline);background:linear-gradient(180deg,#0d0d10,#09090a)}.brand{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-width:174px;min-height:72px;padding:0 2px;border:0;background:transparent;color:var(--text-main);font-family:Space Grotesk,Geist,system-ui,sans-serif;line-height:1;text-transform:none}.brand-line{position:relative;display:inline-flex;align-items:baseline;gap:0;font-size:clamp(44px,4.4vw,64px);font-weight:760;letter-spacing:-.078em;line-height:.82}.brand-line:before{content:"";position:absolute;left:1px;right:8px;bottom:-5px;height:1px;background:linear-gradient(90deg,rgba(51,204,204,.72),rgba(102,102,255,.34),transparent);opacity:.72}.brand-byline{display:inline-flex;align-items:baseline;gap:.9em;padding-left:1px;color:#eeeeff7a;line-height:1;white-space:nowrap}.brand-byline,.brand-byline span,.brand-by,.nightshape-wordmark{font-family:NightshapeUI,Space Grotesk,Geist,system-ui,sans-serif!important;font-synthesis:none!important;text-transform:uppercase}.brand-by{display:inline-block;font-size:clamp(14px,1.2vw,18px);font-weight:700;letter-spacing:.08em;line-height:1;color:var(--text-dim)}.nightshape-wordmark{display:inline-block;font-size:clamp(14px,1.2vw,18px);font-weight:700;letter-spacing:.8em;line-height:1;color:var(--text-dim)}.brand:hover .brand-core,.brand:focus-visible .brand-core{color:var(--cyan)}.brand i{display:none}.brand-word{padding:0}.brand-left{color:#f4f4ff}.brand-right{padding-left:1px;color:#f4f4ff}.brand-core{margin:0 1px;padding:0;border:0;background:transparent;color:var(--cyan);font-size:1em;letter-spacing:-.065em;line-height:inherit;transform:none;text-shadow:0 0 0 transparent}.system-label{margin-right:auto;display:grid;gap:3px;padding-left:12px;border-left:1px solid var(--hairline);color:var(--text-dim);font-size:8px;line-height:1}.system-label strong{color:var(--text-secondary);font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:10px;letter-spacing:.12em}.signal-tags{display:flex;align-items:center;gap:6px;font-size:9px}.signal-tags span{border:1px solid var(--hairline);padding:6px 9px;background:#eeeeff03}.signal-tags span:nth-child(1){color:var(--cyan);border-color:#33cccc73}.signal-tags span:nth-child(2){color:var(--indigo);border-color:#6666ff73}.signal-tags span:nth-child(3){color:var(--purple);border-color:#9933ff73}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;padding:14px;overflow:hidden}.left-rail,.main-panel{min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.main-panel{overflow:hidden}.panel{border:1px solid var(--edge);background:linear-gradient(180deg,#0b0b0d,var(--surface))}.panel-title{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--hairline);padding:7px 10px;color:var(--text-dim);background:#eeeeff03;font-size:10px}.drop-zone{min-height:180px;flex:1 1 180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed var(--edge);background:#09090a;color:var(--text-secondary);text-align:center;transition:border-color .16s ease,background .16s ease,color .16s ease}.drop-zone input{display:none}.drop-zone strong,.empty-state strong{color:var(--text-main);font-size:12px}.drop-zone-copy{display:flex;flex-direction:column;align-items:center;gap:10px}.drop-copy-mobile{display:none}.drop-zone span,.empty-state span{color:var(--text-dim);font-size:10px;line-height:1.5;max-width:520px}.drop-zone.is-dragging{border-color:var(--cyan);background:#33cccc0d}.drop-mark{width:96px;height:96px;display:grid;place-items:center;color:var(--indigo);position:relative}.drop-mark:before{content:"";position:absolute;top:15px;right:24px;bottom:15px;left:24px;border-left:1px solid rgba(102,102,255,.22);border-right:1px solid rgba(102,102,255,.12);opacity:.55}.drop-mark svg{width:82px;height:82px;overflow:visible;position:relative;z-index:1}.drop-mark path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.drop-mark .arrow-stem{opacity:.88}.drop-mark .arrow-head{stroke-width:1.75}.drop-mark .arrow-base{opacity:.28;stroke-width:1.15}.mode-panel,.export-mode-panel,.width-mode-panel{flex:0 0 auto}.mode-panel button,.export-mode-panel button,.width-mode-panel button{width:100%;min-height:48px;display:grid;gap:4px;padding:10px;border-bottom:1px solid var(--hairline);background:linear-gradient(90deg,transparent,rgba(238,238,255,.008));color:var(--text-secondary);text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.11em}.mode-panel button:last-child,.export-mode-panel button:last-child,.width-mode-panel button:last-child{border-bottom:0}.mode-panel strong,.export-mode-panel strong,.width-mode-panel strong{font-size:10px;color:inherit;letter-spacing:.13em}.mode-panel span,.export-mode-panel span,.width-mode-panel span{font-size:8px;color:var(--text-dim);letter-spacing:.075em}.tone-cyan.is-selected{border-left:2px solid var(--cyan);color:var(--cyan);background:#eeeeff0b}.tone-indigo.is-selected{border-left:2px solid var(--indigo);color:var(--indigo);background:#6666ff09}.tone-purple.is-selected{border-left:2px solid var(--purple);color:var(--purple);background:#9933ff09}.tone-cyan:hover:not(:disabled){color:var(--cyan)}.tone-indigo:hover:not(:disabled){color:var(--indigo)}.tone-purple:hover:not(:disabled){color:var(--purple)}.secondary-action,.transport button,.export-link,.export-disabled{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--edge);background:transparent;color:var(--text-secondary);text-decoration:none;text-transform:uppercase}.secondary-action:hover,.transport button:hover,.export-link:hover{border-color:var(--cyan);color:var(--cyan)}.command-strip{flex:0 0 auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.command-strip div:first-child{display:grid;gap:7px}.command-strip span{color:var(--text-dim);font-size:10px}.command-strip strong{color:var(--cyan);font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:17px;letter-spacing:-.015em;text-transform:uppercase}.mini-status{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.steps{flex:0 0 auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.steps div{min-height:46px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-right:1px solid var(--hairline);color:var(--text-secondary);font-size:9px;text-align:center}.steps div:last-child{border-right:0}.status-dot{width:8px;height:8px;border:1px solid var(--ghost);background:transparent;display:inline-block}.status-dot.is-active{border-color:var(--cyan);background:linear-gradient(90deg,var(--cyan),rgba(51,204,204,.55))}.status-dot.is-done{border-color:var(--indigo);background:var(--indigo)}.status-dot.is-failed{border-color:var(--purple);background:var(--purple)}.waveform-panel{flex:1.25 1 230px;min-height:180px;display:flex;flex-direction:column;overflow:hidden}.waveform-title label{display:inline-flex;align-items:center;gap:8px;color:var(--purple);cursor:pointer}.waveform-title input{accent-color:var(--purple)}.waveform{min-height:0;flex:1;padding:16px 14px;background:linear-gradient(90deg,transparent 49.7%,rgba(238,238,255,.045) 50%,transparent 50.3%),linear-gradient(180deg,var(--void),#09090b);overflow:hidden}.waveform svg{display:block;width:100%;height:100%}.wave-legend{flex:0 0 auto;display:flex;gap:14px;padding:8px 10px;border-top:1px solid var(--hairline);color:var(--text-dim);font-size:9px}.wave-legend span{display:inline-flex;align-items:center;gap:6px}.wave-legend b{width:10px;height:3px;display:inline-block;border-radius:1px;background:var(--cyan)}.wave-legend span:nth-child(2) b{background:var(--indigo);opacity:.75}.wave-legend span:nth-child(3) b{background:var(--purple)}.player{flex:0 0 auto;display:grid;grid-template-columns:180px minmax(0,1fr) 190px;gap:12px;align-items:center;padding:12px}.ab-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ab-toggle button{min-height:36px;border:1px solid var(--edge);background:transparent;color:var(--text-secondary);text-transform:uppercase;font-size:10px;letter-spacing:.11em}.ab-toggle button+button{border-left:0}.ab-toggle button.is-selected{border-color:var(--cyan);color:var(--cyan);background:#eeeeff0b}.progress{height:7px;border:1px solid var(--hairline);background:#101016;cursor:pointer}.progress span{display:block;height:100%;background:var(--cyan)}.transport{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:10px}.transport span:last-child{margin-left:auto;color:var(--text-secondary)}.transport button{width:78px;color:var(--cyan)}.tempo-monitor{flex:0 0 auto}.tempo-monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--hairline)}.tempo-monitor-grid div{min-height:48px;display:grid;align-content:center;gap:6px;padding:10px;border-right:1px solid var(--hairline)}.tempo-monitor-grid div:last-child{border-right:0}.tempo-monitor-grid span{color:var(--text-dim);font-size:9px}.tempo-monitor-grid strong{color:var(--cyan);font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:14px}.tempo-monitor.is-check .tempo-monitor-grid strong{color:var(--purple)}.tempo-monitor p{margin:0;padding:8px 10px;color:var(--text-dim);font-size:9px;line-height:1.5}.proof-panel{flex:0 0 auto}.proof-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.proof-cell{min-height:56px;display:grid;align-content:center;gap:6px;padding:10px;border-right:1px solid var(--hairline);color:var(--text-dim)}.proof-cell:last-child{border-right:0}.proof-cell span{font-size:9px}.proof-cell strong{color:var(--text-secondary);font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:15px}.proof-cell.is-pass strong{color:var(--cyan)}.proof-cell.is-check strong{color:var(--purple)}.analysis-grid{min-height:0;flex:0 1 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:hidden}.readout{min-height:0;overflow:hidden}.readout-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:10px;color:var(--text-secondary);font-size:10px}.readout-grid strong{color:var(--text-main);font-family:Space Grotesk,Geist,system-ui,sans-serif;font-weight:700}.empty-line{padding:18px;color:var(--text-dim);font-size:10px}.empty-state{flex:0 0 auto;min-height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-style:dashed;text-align:center;padding:10px}.error-panel{padding:12px;color:var(--purple);font-size:11px}.footer{min-height:46px;border-top:1px solid var(--hairline);border-bottom:0;color:var(--text-dim);font-size:11px}.footer div{display:flex;align-items:center;gap:10px}.footer strong{color:var(--text-secondary)}.footer strong.is-active{color:var(--indigo)}.footer strong.is-good{color:var(--cyan)}.footer strong.is-bad{color:var(--purple)}.export-link,.export-disabled{min-width:116px;padding:0 12px}.export-link{border-color:var(--cyan);color:var(--cyan)}.export-disabled{opacity:.34}@media (max-width: 920px){.app-shell{padding:0;place-items:stretch}.workbench{width:100vw;height:100dvh;border-left:0;border-right:0}.workspace{grid-template-columns:.82fr 1.18fr;gap:10px;padding:10px}.left-rail,.main-panel{gap:9px}.topbar,.footer{min-height:42px;padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}.brand{min-width:156px;min-height:68px;gap:12px}.brand-line{font-size:44px}.brand-byline{gap:.8em;color:#eeeeff7a}.brand-by,.nightshape-wordmark{font-size:12px}.brand-by{letter-spacing:.06em}.nightshape-wordmark{letter-spacing:.72em}.system-label{display:none}.signal-tags{gap:5px;font-size:8px}.signal-tags span{padding:4px 5px}.drop-zone{min-height:118px;flex-basis:118px}.drop-mark{width:78px;height:78px}.drop-mark svg{width:66px;height:66px}.drop-mark:before{top:12px;right:20px;bottom:12px;left:20px}.mode-panel button,.export-mode-panel button,.width-mode-panel button{min-height:42px;padding:8px}.mode-panel span,.export-mode-panel span,.width-mode-panel span{font-size:8px}.command-strip{min-height:48px;padding:8px 10px}.command-strip strong{font-size:13px}.steps div{min-height:42px;font-size:8px}.waveform-panel{min-height:148px;flex-basis:148px}.waveform{padding:14px 12px;gap:3px}.wave-legend{display:none}.player{grid-template-columns:150px minmax(0,1fr) 150px;padding:9px;gap:9px}.tempo-monitor{display:none}.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tempo-monitor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-cell{min-height:44px}.analysis-grid{grid-template-columns:1fr;gap:9px}.readout-grid{grid-template-columns:repeat(4,minmax(0,1fr));font-size:8px;gap:5px 8px}.readout-grid strong{text-align:right}}@media (max-width: 560px){html,body,#root{overflow:auto;height:auto;min-height:100%}.app-shell{height:auto;min-height:100dvh;overflow:visible;place-items:stretch;padding-top:env(safe-area-inset-top);padding-right:0;padding-bottom:env(safe-area-inset-bottom);padding-left:0}.workbench{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.workbench{height:auto;min-height:100dvh;overflow:visible}.workspace{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;overflow:visible}.left-rail{flex:0 0 auto}.main-panel{flex:1 1 auto}.left-rail{display:flex;flex-direction:column;gap:6px;overflow:visible}.main-panel{gap:6px}.workspace{gap:6px;padding:6px}.panel-title{min-height:22px;padding:3px 10px;font-size:9px}.topbar,.footer{min-height:36px}.brand{min-height:40px}.drop-zone{min-height:52px;padding:6px 10px;flex:0 0 auto;gap:2px;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;background:#6666ff12;border-color:#6666ff59}.drop-mark{width:22px;height:22px;flex:0 0 auto;margin-right:8px}.drop-mark svg{width:20px;height:20px}.drop-mark:before{top:3px;right:6px;bottom:3px;left:6px}.drop-zone>strong,.drop-zone>span{max-width:none}.drop-zone-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.drop-copy-desktop{display:none}.drop-copy-mobile{display:inline}.export-mode-panel,.width-mode-panel{display:none}.mode-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-panel .panel-title{grid-column:1 / -1}.mode-panel button{min-height:24px;padding:3px 8px;border-right:1px solid var(--hairline);border-bottom:0}.mode-panel button:last-child{border-right:0}.mode-panel span{display:none}.mode-panel .panel-title,.utility-panel .panel-title{min-height:22px;padding:4px 10px}.utility-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:0}.utility-panel .panel-title{grid-column:1 / -1}.utility-panel .toggle-row{min-height:26px;padding:3px 8px;gap:6px}.utility-panel .toggle-row:nth-child(2n){border-left:1px solid var(--hairline)}.panel.recommendation-panel{text-align:center}.panel.recommendation-panel button{min-height:22px;padding:0 12px;border-bottom:0}.panel.recommendation-panel .recommendation-copy{justify-items:center;padding:2px 8px;gap:0;border-bottom:0}.panel.recommendation-panel .panel-title{min-height:22px;padding:4px 10px}.secondary-action{display:none}.main-panel{min-height:0;overflow:visible}.signal-tags span{padding:3px 4px}.brand{min-width:144px;min-height:48px;gap:4px}.brand-line{font-size:32px}.brand-byline{gap:.7em;color:#eeeeff75}.brand-by,.nightshape-wordmark{font-size:11px}.brand-by{letter-spacing:.05em}.nightshape-wordmark{letter-spacing:.68em}.brand-core{font-size:1em;padding:0}.command-strip{min-height:32px;padding:4px 10px}.command-strip strong{font-size:12px}.command-strip div:first-child{display:flex;align-items:baseline;gap:10px}.mini-status{display:none}.steps{grid-template-columns:1fr 1fr}.steps div{min-height:26px;padding:2px 4px;gap:2px;border-bottom:1px solid var(--hairline)}.steps div:nth-child(2n){border-right:0}.steps div:nth-last-child(-n+2){border-bottom:0}.waveform-panel{flex:1 1 100px;min-height:100px}.waveform{padding:8px 10px}.waveform-title label{font-size:8px}.player{grid-template-columns:128px 1fr;grid-template-areas:"ab transport" "progress progress"}.ab-toggle{grid-area:ab}.progress{grid-area:progress}.transport{grid-area:transport}.transport button{width:62px}.ab-toggle button{font-size:8px;letter-spacing:.08em;padding:0 4px}.tempo-monitor{display:none}.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-cell{min-height:40px;padding:7px}.proof-cell strong{font-size:12px}.analysis-grid,.empty-state{display:none}}.adaptive-plan{flex:0 0 auto}.adaptive-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-bottom:1px solid var(--hairline)}.adaptive-grid div{min-height:48px;display:grid;align-content:center;gap:5px;padding:9px;border-right:1px solid var(--hairline);color:var(--text-dim)}.adaptive-grid div:last-child{border-right:0}.adaptive-grid span,.plan-reasons span{font-size:8px;letter-spacing:.13em}.adaptive-grid strong{color:var(--purple);font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:12px}.plan-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.plan-reasons span{min-height:30px;display:flex;align-items:center;padding:8px 10px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);color:var(--text-secondary)}.plan-reasons span:nth-child(2n){border-right:0}@media (max-width: 760px){.adaptive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.adaptive-grid div{min-height:38px;padding:7px}.adaptive-grid strong{font-size:10px}.plan-reasons{display:none}}@media (max-height: 760px){.adaptive-plan{display:none}}.utility-panel,.recommendation-panel{flex:0 0 auto}.toggle-row{min-height:38px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--hairline);color:var(--text-secondary);cursor:pointer}.toggle-row:last-child{border-bottom:0}.toggle-row input,.waveform-title input{width:13px;height:13px;accent-color:var(--indigo);cursor:pointer}.toggle-row span{display:grid;gap:2px}.toggle-row strong{color:inherit;font-size:9px;letter-spacing:.12em}.toggle-row em{color:var(--text-dim);font-style:normal;font-size:8px;letter-spacing:.08em}.toggle-row.is-on{color:var(--indigo);background:#6666ff08}.toggle-row.is-disabled{opacity:.45;cursor:not-allowed}.recommendation-panel button{width:100%;min-height:40px;border-bottom:1px solid var(--hairline);background:#6666ff09;color:var(--indigo);text-transform:uppercase;font-size:9px;letter-spacing:.13em}.recommendation-copy{display:grid;gap:4px;padding:9px 10px;border-bottom:1px solid var(--hairline)}.recommendation-copy strong{color:var(--text-main);font-size:10px}.recommendation-copy span{color:var(--text-dim);font-size:8px;line-height:1.4}.waveform-title label{color:var(--indigo)!important}.quality-panel{flex:0 0 auto;display:grid;grid-template-columns:150px 1fr;align-items:stretch}.quality-panel .panel-title{grid-column:1 / -1}.quality-score{padding:12px;border-right:1px solid var(--hairline);display:flex;align-items:baseline;justify-content:center;gap:3px;color:var(--indigo)}.quality-score strong{font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:42px;line-height:.9;letter-spacing:-.06em}.quality-score span{color:var(--text-dim);font-size:10px}.quality-notes{display:grid;align-content:center;gap:5px;padding:10px}.quality-notes span{color:var(--text-secondary);font-size:9px;line-height:1.35}.diagnosis-panel,.export-check-panel{flex:0 0 auto}.issue-list{display:flex;flex-wrap:wrap;gap:7px;padding:10px}.issue-list.compact{padding:8px 10px;gap:5px}.issue-list span{display:inline-flex;align-items:center;gap:7px;min-height:25px;border:1px solid var(--hairline);padding:5px 7px;color:var(--text-secondary);background:#eeeeff03;font-size:8px;line-height:1}.issue-list em{color:var(--text-dim);font-style:normal}.issue-list .severity-high{color:var(--purple);border-color:#9933ff5c}.issue-list .severity-moderate{color:var(--indigo);border-color:#6666ff57}.issue-list .severity-low{color:var(--cyan);border-color:#33cccc47}.check-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.check-grid div{min-height:58px;display:grid;gap:3px;padding:8px;border-right:1px solid var(--hairline);color:var(--text-secondary)}.check-grid div:last-child{border-right:0}.check-grid span{color:var(--text-dim);font-size:8px}.check-grid strong{color:inherit;font-size:10px;letter-spacing:.06em}.check-grid em{font-style:normal;font-size:8px;color:var(--text-dim)}.check-grid .is-pass{color:var(--cyan)}.check-grid .is-check{color:var(--purple)}.check-grid .is-reference{color:var(--indigo)}.footer-actions{display:inline-flex;align-items:center;gap:8px}.footer-actions .export-link:first-child{color:var(--indigo);border-color:#6666ff6b}@media (max-width: 760px){.quality-panel{grid-template-columns:118px 1fr}.quality-score strong{font-size:34px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid div{border-bottom:1px solid var(--hairline)}}