:root{color-scheme:dark}.qa-page{margin:0;background:#080b09;color:#edf5ee;font-family:Arial,sans-serif}.qa-header{height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29332c;background:#101712}.qa-header h1,.qa-header p{margin:0}.qa-header h1{font-size:25px}.qa-header a{color:#c8ff44;font:700 11px ui-monospace,monospace}.qa-layout{display:grid;grid-template-columns:minmax(320px,440px) minmax(390px,1fr);height:calc(100vh - 71px)}.qa-controls{overflow:auto;border-right:1px solid #29332c;background:#111713}.qa-controls>summary{position:sticky;top:0;z-index:2;padding:16px 18px;background:#161e18;border-bottom:1px solid #29332c;cursor:pointer;font:800 12px ui-monospace,monospace}.qa-controls>summary span{float:right;color:#c8ff44}.qa-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.qa-form fieldset,.qa-form>label{min-width:0;margin:0;padding:12px;border:1px solid #2b352e;border-radius:9px;background:#151b17}.qa-form legend{padding:0 6px;color:#c8ff44;font:800 10px ui-monospace,monospace}.qa-form label{display:grid;gap:5px;margin-bottom:9px}.qa-form label>span:first-child{color:#91a095;font:700 9px ui-monospace,monospace;text-transform:uppercase}.qa-form input,.qa-form select,.qa-form button{box-sizing:border-box;width:100%;min-height:38px;padding:7px;border:1px solid #3b493f;border-radius:6px;background:#0b100d;color:#edf5ee;font:700 11px ui-monospace,monospace}.qa-form button{cursor:pointer}.qa-wide{grid-column:1/-1}.qa-pair,.qa-offsets,.qa-actions{display:flex;gap:6px}.qa-check{grid-template-columns:1fr 48px;align-items:center}.qa-note{color:#77867b;font:9px/1.45 ui-monospace,monospace}.qa-observations{font-size:10px}.qa-preview-panel{min-width:0;overflow:auto;background:radial-gradient(circle at top,#263329,#090d0a 70%);padding:16px}.qa-preview-meta{max-width:430px;margin:0 auto 8px;display:flex;justify-content:space-between;color:#91a095;font:700 9px ui-monospace,monospace}.qa-preview-meta strong{color:#c8ff44}.qa-preview-panel iframe{display:block;width:min(430px,100%);height:calc(100vh - 120px);margin:auto;border:1px solid #38463c;border-radius:18px;background:#101712;box-shadow:0 24px 80px #0008}
.qa-breakdown{width:min(430px,100%);margin:12px auto 40px;border:1px solid #38463c;border-radius:9px;background:#0d120f}.qa-breakdown summary{padding:10px;cursor:pointer;color:#c8ff44;font:800 9px ui-monospace,monospace}.qa-breakdown pre{margin:0;padding:0 10px 12px;overflow:auto;white-space:pre-wrap;color:#aab8ad;font:10px/1.5 ui-monospace,monospace}
.qa-live-log{border:1px solid #3b493f;background:#0b100d;color:#edf5ee;padding:10px 12px}.qa-live-log summary{cursor:pointer;color:#c8ff44;font:800 10px ui-monospace,monospace}.qa-live-log ol{max-height:220px;overflow:auto;margin:9px 0 0;padding-left:23px;font:700 9px/1.55 ui-monospace,monospace}.qa-live-log li{overflow-wrap:anywhere}
@media(max-width:800px){.qa-header{height:58px}.qa-layout{display:block;height:auto}.qa-controls{border-right:0}.qa-form{grid-template-columns:1fr}.qa-wide{grid-column:auto}.qa-preview-panel{height:75vh}.qa-preview-panel iframe{height:calc(75vh - 38px)}}