:root{--ink:#172229;--muted:#67757c;--line:#d6ddda;--paper:#ffffff;--canvas:#eef2ef;--green:#137a63;--green-soft:#dff2eb;--cyan:#087e8b;--cyan-soft:#d9f1f3;--orange:#d26a2e;--orange-soft:#f9e7dc;--red:#b63e45;--red-soft:#f8e3e4;--yellow:#e6b84a;--black-key:#1d292f}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:Inter,Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-size:15px;letter-spacing:0}button,input,select{font:inherit}button{letter-spacing:0}.app-frame{min-height:100vh}.topbar{position:sticky;z-index:20;top:0;height:72px;display:grid;grid-template-columns:248px 1fr auto;border-bottom:1px solid #cbd3d0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.brand,.topbar{align-items:center}.brand{height:100%;display:flex;gap:11px;padding:0 24px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}.brand-mark{width:33px;height:33px;display:grid;place-items:center;color:white;background:var(--green);border-radius:4px}.brand small,.brand strong{display:block;line-height:1.05}.brand strong{font-size:14px}.brand small{margin-top:4px;color:var(--muted);font-size:9px;font-weight:700}.song-context{padding:0 28px;min-width:0}.song-context span{display:block;color:var(--muted);font-size:10px;font-weight:800}.song-context strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.phase-badge{margin-right:26px;color:var(--muted);font-size:12px;font-weight:700}.phase-badge span{margin-right:8px;padding:5px 8px;color:var(--green);border:1px solid #99caba;border-radius:3px;font-size:10px}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 72px)}.setup-rail{position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;padding:32px 24px 24px;border-right:1px solid var(--line);background:#f8faf8}.banner-copy>span,.panel-heading>div>span,.rail-heading span,.section-label span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.rail-heading strong{display:block;margin-top:5px;font-size:17px}.steps{margin:30px 0 0;padding:0;list-style:none}.steps li{position:relative;display:flex;gap:12px;min-height:66px;color:#8a969b}.steps li:not(:last-child):after{position:absolute;left:14px;top:32px;bottom:4px;width:1px;background:#d5ddda;content:""}.steps li>span{position:relative;z-index:1;width:29px;height:29px;display:grid;flex:0 0 29px;place-items:center;border:1px solid #c8d0cd;border-radius:50%;background:#f8faf8;font-size:11px;font-weight:800}.steps li small{display:block;margin-bottom:3px;font-size:9px;font-weight:800}.steps li div{padding-top:1px;font-size:13px;font-weight:700}.steps li.active{color:var(--ink)}.steps li.active>span{color:white;border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.steps li.done{color:var(--green)}.steps li.done>span{color:white;border-color:var(--green);background:var(--green)}.rail-note{display:flex;gap:10px;margin-top:auto;padding-top:20px;color:var(--muted);border-top:1px solid var(--line)}.rail-note svg{flex:0 0 auto;margin-top:1px;color:var(--cyan)}.rail-note p{margin:0;font-size:11px;line-height:1.6}.diagnostic-content{width:min(1180px,100%);margin:0 auto;padding:34px 42px 48px}.connection-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;min-height:132px;padding:25px 26px;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:6px;background:var(--paper)}.connection-banner.good{border-left-color:var(--green)}.connection-banner.warn{border-left-color:var(--orange)}.connection-banner.bad{border-left-color:var(--red)}.banner-icon{width:51px;height:51px;display:grid;place-items:center;color:var(--cyan);background:var(--cyan-soft);border-radius:50%}.good .banner-icon{color:var(--green);background:var(--green-soft)}.warn .banner-icon{color:var(--orange);background:var(--orange-soft)}.bad .banner-icon{color:var(--red);background:var(--red-soft)}.banner-icon svg{width:24px;height:24px}.banner-copy h1{margin:6px 0 5px;font-size:21px;line-height:1.25}.banner-copy p{max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.icon-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}.primary-button{gap:9px;min-width:160px;height:43px;padding:0 17px;color:white;background:var(--green);border-radius:4px;font-size:13px;font-weight:800}.primary-button:hover{background:#0f6754}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{gap:7px;height:34px;padding:0 11px;color:var(--ink);border:1px solid var(--line);border-radius:4px;background:white;font-size:11px;font-weight:700}.secondary-button:disabled{cursor:default;opacity:.45}.icon-button{width:34px;height:34px;color:var(--muted);background:transparent;border-radius:3px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.device-strip{display:grid;grid-template-columns:155px minmax(0,1fr) auto auto;gap:16px;align-items:center;min-height:78px;margin-top:16px;padding:15px 20px;border:1px solid var(--line);background:var(--paper)}.section-label{display:flex;align-items:center;gap:8px;color:var(--muted)}.device-value span,.device-value strong{display:block}.device-value strong{font-size:13px}.device-value span{margin-top:4px;color:var(--muted);font-size:11px}.connection-pill,.live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:800}.connection-pill i,.live-dot i{width:7px;height:7px;display:block;border-radius:50%;background:#aab3b0}.connection-pill.online{color:var(--green)}.connection-pill.online i,.live-dot.on i{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.data-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:16px;margin-top:16px}.capability-panel,.event-log,.keyboard-panel,.live-panel{border:1px solid var(--line);background:var(--paper)}.capability-panel,.live-panel{min-height:310px;padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2{margin:4px 0 0;font-size:15px}.panel-heading>svg{color:var(--muted)}.note-display{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(240px,1.3fr);min-height:172px;margin-top:19px;border:1px solid var(--line);background:#f9fbfa}.note-name{display:grid;place-items:center;color:#9ca6a3;border-right:1px solid var(--line);font-family:Segoe UI,sans-serif;font-size:64px;font-weight:700}.note-display.has-note .note-name{color:white;background:var(--cyan)}.note-metrics{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.note-metrics div{min-width:0;padding:8px 12px;text-align:center}.note-metrics div:not(:last-child){border-right:1px solid var(--line)}.note-metrics span,.pedal-readout>div>span{display:block;color:var(--muted);font-size:9px;font-weight:800}.note-metrics strong{display:block;margin-top:8px;overflow:hidden;color:var(--ink);font-size:23px}.event-state{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:11px}.event-state svg{color:var(--cyan)}.event-state strong{margin-left:auto;color:var(--ink);font-size:10px}.capability-list{margin-top:18px;border-top:1px solid var(--line)}.capability-list>div{min-height:49px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.capability-list>div>span:first-child{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.capability-list svg{color:var(--muted)}.indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:3px;font-size:9px;font-weight:900}.indicator.pass{color:var(--green);background:var(--green-soft)}.indicator.waiting{color:#8a6712;background:#fbf0d2}.indicator.unavailable{color:var(--red);background:var(--red-soft)}.pedal-readout{min-height:66px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:16px;padding:10px 12px;background:#f1f4f2;border-radius:4px}.pedal-visual{width:42px;height:32px;display:grid;place-items:center;border:1px solid #b7c1bd;border-radius:50% 50% 6px 6px;transform:perspective(25px) rotateX(8deg)}.pedal-visual span{width:19px;height:20px;border-radius:50% 50% 3px 3px;background:#77847f}.pedal-readout strong{display:block;margin-top:4px;font-size:11px}.pedal-readout.down{color:var(--green);background:var(--green-soft)}.pedal-readout.down .pedal-visual{border-color:var(--green)}.pedal-readout.down .pedal-visual span{background:var(--green);transform:translateY(3px)}.cc-value{color:var(--muted);font-size:9px;font-weight:800}.keyboard-panel{margin-top:16px;padding:21px}.keyboard-heading{margin-bottom:18px}.keyboard-legend{display:flex;gap:18px;color:var(--muted);font-size:10px}.keyboard-legend span{display:flex;align-items:center;gap:6px}.keyboard-legend i{width:9px;height:9px;display:block;border-radius:2px}.legend-active{background:var(--cyan)}.legend-middle{border:2px solid var(--orange);background:white}.piano-shell{width:100%;overflow:hidden;border:1px solid #aeb9b5;border-radius:3px;background:#dbe1de}.piano-keys{position:relative;height:112px;display:flex;padding-bottom:3px}.white-key{position:relative;height:100%;flex:1 1 0;border-right:1px solid #aeb9b5;background:white}.white-key:last-of-type{border-right:0}.white-key span{position:absolute;right:0;bottom:7px;left:0;overflow:hidden;color:#88938f;font-size:7px;text-align:center}.white-key[title=C4]{box-shadow:inset 0 -3px 0 var(--orange)}.black-key{position:absolute;z-index:2;top:0;height:64%;border:1px solid #0e171b;border-radius:0 0 2px 2px;background:var(--black-key);box-shadow:inset 0 -4px 0 #111a1f}.white-key.key-active{background:var(--cyan-soft);box-shadow:inset 0 -5px 0 var(--cyan)}.black-key.key-active{border-color:#045e68;background:var(--cyan);box-shadow:inset 0 -4px 0 #056672,0 0 0 2px var(--cyan-soft)}.event-log{margin-top:16px;padding:21px 21px 8px}.log-heading{display:grid;grid-template-columns:1fr auto auto}.event-counts{display:flex;gap:15px;color:var(--muted);font-size:9px;font-weight:800}.event-counts strong{margin-left:3px;color:var(--ink)}.table-scroll{overflow-x:auto;margin-top:17px}table{width:100%;min-width:650px;border-collapse:collapse;font-size:11px;text-align:left}th{height:33px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px}td{height:39px;color:#536168;border-bottom:1px solid #e8ecea;font-variant-numeric:tabular-nums}.event-kind{font-size:9px;font-weight:900}.event-kind.note-on{color:var(--green)}.event-kind.note-off{color:var(--muted)}.event-kind.control-change{color:var(--orange)}.empty-row td{height:74px;color:#8c9894;text-align:center}.mode-footer{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:15px 18px;border-top:1px solid #c7d0cc;color:var(--muted)}.mode-footer>div{display:flex;align-items:flex-start;gap:10px}.mode-footer p{margin:0;font-size:11px;line-height:1.5}.mode-footer p strong{display:block;color:var(--ink)}.mode-footer>span{font-size:10px;text-align:right}.manual-dot{width:9px;height:9px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}@media (max-width:980px){.topbar{grid-template-columns:220px 1fr auto}.brand{padding:0 18px}.workspace{grid-template-columns:220px minmax(0,1fr)}.diagnostic-content{padding:28px 25px 40px}.connection-banner{grid-template-columns:auto 1fr}.primary-button{grid-column:2;justify-self:start}.data-grid{grid-template-columns:1fr}}@media (max-width:720px){.topbar{position:static;height:64px;grid-template-columns:1fr auto}.brand{border-right:0}.song-context{display:none}.phase-badge{margin-right:14px;font-size:0}.phase-badge span{margin-right:0}.workspace{display:block}.setup-rail{position:static;width:100%;height:auto;padding:18px 16px;border-right:0;border-bottom:1px solid var(--line)}.rail-heading,.rail-note{display:none}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin:0}.steps li{min-height:42px;display:block;text-align:center}.steps li:after{display:none}.steps li>span{margin:0 auto 6px}.steps li div{overflow:hidden;font-size:9px;white-space:nowrap}.steps li small{display:none}.diagnostic-content{padding:18px 14px 32px}.connection-banner{grid-template-columns:auto 1fr;gap:14px;padding:19px 16px}.banner-icon{width:42px;height:42px}.banner-copy h1{font-size:17px}.banner-copy p{font-size:11px}.primary-button{width:100%;grid-column:1/-1}.device-strip{grid-template-columns:auto 1fr auto;padding:13px 14px}.section-label span{display:none}.connection-pill{font-size:0}.connection-pill i{width:9px;height:9px}.device-value strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capability-panel,.event-log,.keyboard-panel,.live-panel{padding-right:15px;padding-left:15px}.note-display{grid-template-columns:1fr}.note-name{min-height:90px;border-right:0;border-bottom:1px solid var(--line);font-size:48px}.note-metrics{min-height:72px}.note-metrics strong{font-size:19px}.keyboard-legend{display:none}.piano-keys{height:86px}.white-key span{display:none}.log-heading{grid-template-columns:1fr auto}.event-counts{display:none}.mode-footer{align-items:flex-start;flex-direction:column}.mode-footer>span{text-align:left}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tablet-diagnostic{font-size:1rem}.tablet-diagnostic .topbar{position:static;grid-template-columns:220px minmax(0,1fr) auto}.tablet-diagnostic .diagnostic-content{max-width:1280px;padding:20px 24px 32px}.tablet-diagnostic .connection-banner{min-height:104px;padding:16px 20px}.tablet-diagnostic .banner-copy h1{font-size:1.25rem}.tablet-diagnostic .banner-copy p{font-size:.9375rem}.tablet-diagnostic button,.tablet-diagnostic select,.tablet-diagnostic summary{min-height:48px;touch-action:manipulation}.tablet-diagnostic .primary-button{min-width:204px;font-size:.9375rem;white-space:nowrap}.tablet-diagnostic .secondary-button{padding:8px 12px;font-size:.875rem}.tablet-diagnostic :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.tablet-diagnostic .phase-badge{font-size:.75rem}.environment-row,.verification-strip{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:14px 0;font-size:.875rem}.environment-row span,.verification-strip span{color:var(--muted)}.environment-row strong,.verification-strip strong{margin-left:5px;color:var(--ink)}.tablet-diagnostic .device-strip{grid-template-columns:120px minmax(0,1fr) auto;min-height:72px;margin:0;padding:10px 16px;font-size:.875rem}.tablet-diagnostic select{min-width:0;width:100%;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);padding:8px 12px;font-size:1rem}.device-detail{max-width:220px;overflow-wrap:anywhere;color:var(--muted);font-size:.75rem}.tablet-diagnostic .data-grid{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr)}.tablet-diagnostic .capability-panel,.tablet-diagnostic .live-panel{min-height:0;padding:16px}.tablet-diagnostic .panel-heading h2{margin:0;font-size:1rem}.live-state,.tablet-diagnostic .panel-heading>span{color:var(--muted);font-size:.875rem}.tablet-diagnostic .note-display{min-height:120px;grid-template-columns:minmax(95px,.65fr) minmax(0,1.35fr);margin-top:14px}.tablet-diagnostic .note-name{min-height:120px;font-size:3rem;color:var(--ink)}.tablet-diagnostic .note-name.pressed{background:var(--cyan);color:white}.tablet-diagnostic .note-metrics span{font-size:.75rem}.tablet-diagnostic .note-metrics strong{font-size:1.625rem}.tablet-diagnostic .note-metrics div{padding:6px}.event-readout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;font-size:.875rem}.event-readout strong{display:block;margin-top:5px;font-variant-numeric:tabular-nums}.held-notes{min-height:22px;margin:12px 0 0;font-size:.875rem;overflow-wrap:anywhere}.tablet-diagnostic .capability-list{margin-top:8px}.tablet-diagnostic .capability-list>div{min-height:46px;gap:8px}.tablet-diagnostic .capability-list>div>span:first-child{font-size:.875rem}.tablet-diagnostic .indicator{padding:5px 7px;font-size:.75rem;white-space:nowrap}.tablet-diagnostic .pedal-readout{display:flex;justify-content:space-between;flex-wrap:wrap;min-height:48px;font-size:.875rem}.tablet-diagnostic .pedal-readout strong{font-size:.875rem}.tablet-diagnostic .keyboard-panel{padding:14px 16px}.focus-piano{margin-top:12px}.focus-piano .piano-keys{height:108px}.focus-piano .white-key span{display:block;font-size:.75rem;color:var(--ink)}.mini-piano{margin-top:10px}.mini-piano .piano-keys{height:30px}.mini-piano .white-key span{display:none}.keyboard-caption{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:.75rem}.verification-strip{border-bottom:1px solid var(--line)}.verification-strip button{margin-left:auto}.diagnostic-details{border-bottom:1px solid var(--line)}.diagnostic-details summary{display:list-item;padding:16px 8px;cursor:pointer;font-size:1rem;font-weight:700}.diagnostic-details li,.diagnostic-details p{font-size:.875rem;line-height:1.7;overflow-wrap:anywhere}.test-instructions{padding-left:28px}.test-instructions li{margin-bottom:10px}.log-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.log-toolbar button{flex-shrink:0}.tablet-diagnostic table{min-width:950px;font-size:.875rem}.tablet-diagnostic th{height:44px;font-size:.75rem}.tablet-diagnostic td{height:44px}.tablet-diagnostic .mode-footer{padding:16px 0;margin:0}.tablet-diagnostic .mode-footer p{flex:1;font-size:.875rem}.previous-check{margin:0;font-size:.75rem;color:var(--muted)}@media (max-width:800px){.tablet-diagnostic .topbar{grid-template-columns:minmax(0,1fr) auto}.tablet-diagnostic .song-context{display:none}.tablet-diagnostic .diagnostic-content{padding:16px}.tablet-diagnostic .data-grid{grid-template-columns:minmax(0,1fr)}.tablet-diagnostic .device-strip{grid-template-columns:1fr;gap:6px}.device-detail{max-width:none}.tablet-diagnostic .connection-banner{grid-template-columns:auto minmax(0,1fr);gap:12px}.tablet-diagnostic .primary-button{grid-column:1/-1;width:100%}.tablet-diagnostic .note-name{border-right:1px solid var(--line);border-bottom:0}.tablet-diagnostic .mode-footer{flex-direction:column;align-items:stretch;gap:12px}.log-toolbar{flex-wrap:wrap}}@media (max-width:420px){.tablet-diagnostic .topbar{grid-template-columns:1fr;height:auto;padding:12px 0;gap:8px}.tablet-diagnostic .phase-badge{padding-left:18px}.tablet-diagnostic .note-display{grid-template-columns:minmax(0,1fr)}.tablet-diagnostic .note-name{border-right:0;border-bottom:1px solid var(--line);min-height:80px}.verification-strip button{margin-left:0;width:100%}}.scoring-harness{min-height:100vh;background:#eef2f0;color:var(--ink)}.harness-topbar{min-height:72px;display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line);background:var(--paper)}.harness-topbar .brand{height:72px;text-decoration:none}.harness-topbar>div:nth-child(2){padding:0 22px}.harness-topbar>div:nth-child(2) span,.harness-topbar>div:nth-child(2) strong{display:block}.harness-topbar>div:nth-child(2) strong{font-size:1rem}.harness-topbar>div:nth-child(2) span{margin-top:3px;color:var(--muted);font-size:.8125rem}.harness-content{width:min(1240px,100%);margin:0 auto;padding:18px 22px 32px}.harness-controls{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,auto);gap:10px;align-items:center;padding:13px 14px;border:1px solid var(--line);background:var(--paper)}.harness-controls>div strong{display:block;margin-top:6px;font-size:.875rem}.harness-controls button{min-height:48px;touch-action:manipulation}.harness-start{background:var(--cyan)}.harness-start:hover{background:#076d77}.expected-panel,.harness-panel{border:1px solid var(--line);background:var(--paper)}.expected-panel{margin-top:14px;padding:17px 18px}.harness-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.harness-heading>div>span,.harness-heading>span{color:var(--muted);font-size:.75rem;font-weight:800}.harness-heading h1{margin:4px 0 0;font-size:1.375rem}.harness-heading h2{margin:0;font-size:1rem}.test-state{color:var(--cyan);font-size:1rem}.target-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.target-strip>div{min-height:90px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--line);background:#f8faf9}.target-strip>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#dfe6e3;font-size:.75rem;font-weight:800}.target-strip>div>strong{font-size:1.75rem;text-align:center}.target-strip>div>small{color:var(--muted);font-size:.75rem}.target-strip>div.active{border-color:var(--cyan);background:var(--cyan-soft)}.target-strip>div.active>span{color:white;background:var(--cyan)}.target-strip>div.passed{border-color:#a9cbbf}.expected-panel>p{margin:13px 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}.harness-error{margin:12px 0 0;padding:12px 14px;border-left:4px solid var(--red);background:var(--red-soft);font-size:.875rem}.harness-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;margin-top:14px}.harness-panel{min-width:0;padding:16px}.harness-table-wrap{overflow-x:auto;margin-top:12px}.harness-panel table{min-width:620px;font-size:.8125rem}.harness-panel th{height:38px;font-size:.6875rem}.harness-panel td{height:39px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric-grid>div{min-height:64px;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-grid dt{color:var(--muted);font-size:.75rem}.metric-grid dd{margin:7px 0 0;font-size:1.125rem;font-weight:800}.result-panel{margin-top:14px}.error-list{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;margin-top:12px;padding:12px;background:#f5f7f6;font-size:.8125rem}.error-list span{overflow-wrap:anywhere}.error-list small,.harness-footer{color:var(--muted)}.harness-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 0;font-size:.8125rem}@media (max-width:900px){.harness-topbar{grid-template-columns:220px minmax(0,1fr)}.harness-topbar .phase-badge{display:none}.harness-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.harness-controls>div{grid-column:1/-1}.harness-controls .primary-button{width:100%;min-width:0}.harness-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:650px){.harness-topbar{grid-template-columns:1fr}.harness-topbar>div:nth-child(2){display:none}.harness-content{padding:12px}.harness-controls,.target-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.target-strip>div{min-height:76px}.harness-footer{align-items:stretch;flex-direction:column}}