#recorder-v7{margin:0 22px 18px;border:1px solid #34505c;border-radius:14px;background:#14252e;color:#e0edf1;overflow:hidden}#recorder-v7[hidden]{display:none}.rec-dock{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #304955}.rec-dock h2{font-size:20px;margin:5px 0 0}.rec-dock small{color:#a4cbc4}.rec-tabs,.rec-dock-actions,.rec-actions{display:flex;gap:8px;flex-wrap:wrap}.rec-tabs{padding:4px;background:#0e1b22;border-radius:9px}.rec-tabs button[aria-selected=true]{background:#b2eed2;color:#10251e;border-color:#b2eed2}.rec-tabs button{min-width:78px}.rec-version{display:flex;flex-wrap:wrap;gap:8px 22px;padding:10px 22px;font-size:12px;background:#102029;color:#b6c9d1}.rec-version code{color:#d7ede6}.rec-version strong{color:#addbc6}.rec-version strong.pending{color:#f0ca87}.rec-content{padding:20px 22px}.rec-application,.rec-verification{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px}.rec-device{border:1px solid #416371;border-radius:12px;overflow:hidden;background:#0c1c25;padding:20px}.rec-device-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1.5px;color:#9fcfc0}.rec-readout{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:24px 0 8px}.rec-readout>strong{font-size:40px;color:#b8f1d0;font-variant-numeric:tabular-nums}.rec-readout small{font-size:14px;color:#b3c9cb}.rec-readout>span{font-size:14px;color:#bad2d1}.rec-chart{display:block;width:100%;max-height:200px;margin:10px auto 14px}.rec-chart .rec-axis{fill:none;stroke:#466471}.rec-chart polyline{fill:none;stroke:#a5e9c4;stroke-width:2.5}.rec-chart circle{fill:#cdfcdb}.rec-chart text{font-size:11px;fill:#abc2c9}.rec-table{overflow:auto;border-top:1px solid #304a56;max-height:280px}.rec-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.rec-table th,.rec-table td{padding:8px 12px;border-bottom:1px solid #263f4b}.rec-table th{color:#b8d4d6;font-size:12px}.rec-inputs{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin:20px 0 14px}#recorder-v7 label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#bdd0d7}#recorder-v7 input,.rec-starts select{min-width:0;width:100%;background:#10202a;border:1px solid #49616f;border-radius:7px;color:#e6f1ed;padding:9px 11px}#recorder-v7 button,.rec-starts button{border:1px solid #47616d;border-radius:7px;background:#1b323c;color:#d9eee6;padding:9px 12px;font-size:12px;cursor:pointer}#recorder-v7 button:hover:not(:disabled),.rec-starts button:hover:not(:disabled){background:#274a50;border-color:#8acbb3}#recorder-v7 button:disabled,.rec-starts button:disabled{opacity:.45;cursor:not-allowed}#recorder-v7 button.rec-primary,.rec-starts button{background:#a6e7c7;color:#142b22;border-color:#a6e7c7;font-weight:600}.rec-guide{align-self:start;background:#1a303a;border:1px solid #344f5b;border-radius:12px;padding:18px}.rec-guide h3{margin:0 0 12px;font-size:15px}.rec-guide p,.rec-guide li{font-size:13px;line-height:1.75;color:#bacece}.rec-guide ol{padding-left:20px}.rec-guide button{display:block;width:100%;text-align:left;margin-top:10px}.rec-note{font-size:12px;line-height:1.75;color:#a4bec7;margin:12px 0 0}.rec-error:empty{display:none}.rec-error,.rec-fault{color:#f7b7a4;font-size:13px;line-height:1.65}.rec-error{margin:0;padding:8px 22px;background:#351f22}.rec-fault{padding:10px;background:#38262a;border-radius:6px}.rec-empty{text-align:center;padding:48px 20px;line-height:1.8;color:#bacdd5}.rec-build-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rec-build-tools p{flex:1;min-width:240px;font-size:13px;line-height:1.65;color:#b9d0d5}.rec-stage-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rec-stage-list button{text-align:left;display:flex;flex-direction:column;gap:9px}.rec-stage-list button.active{outline:2px solid #9bd9c1;outline-offset:-1px}.rec-stage-list span{font-size:12px;line-height:1.6;color:#c2d2d6}.rec-stage-list small{font-size:10px;line-height:1.5;color:#92b0b9}.rec-goal{padding:20px 0}.rec-goal h3{margin:0 0 10px}.rec-goal>p{font-size:13px;color:#bbced4;line-height:1.75}.rec-hint{padding:10px 14px;border-left:3px solid #a1c6b8;background:#1c343e}.rec-result{margin-top:15px;border:1px solid #796655;border-radius:8px;padding:15px}.rec-result.pass{border-color:#64a98c}.rec-result>span{display:block;font-size:12px;color:#d7c39a;margin-top:7px}.rec-result p,.rec-result li{font-size:12px;line-height:1.7}.rec-result ul{padding-left:19px}.rec-starts{line-height:1.75}.rec-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.rec-start-grid article{border:1px solid #3b5260;border-radius:9px;padding:16px;background:#12242d;display:flex;flex-direction:column}.rec-start-grid h3{margin:0;font-size:17px}.rec-start-grid p{font-size:13px;flex:1}.rec-starts select{margin-top:8px}.rec-contract p{line-height:1.8}.recorder-v7-active[data-recorder-view=application] .bench-layout,.recorder-v7-active[data-recorder-view=verify] .bench-layout{display:none}.recorder-v7-active[data-recorder-view=build] #recorder-v7{margin-bottom:10px}
#recorder-v7{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#recorder-v7 .rec-tabs button[aria-selected=true]{background:#b2eed2;color:#10251e;border-color:#b2eed2}.rec-dock,.rec-version,.rec-error{flex-shrink:0}.rec-content{min-height:0;overflow:auto;flex:1 1 auto}.recorder-v7-active[data-recorder-view=build] #recorder-v7{flex:0 0 auto}.recorder-v7-active[data-recorder-view=build] .rec-content{overflow:visible}
@media(max-width:1050px){.rec-dock{flex-wrap:wrap}.rec-application,.rec-verification{grid-template-columns:minmax(0,1fr)}.rec-guide{display:block}.rec-inputs{grid-template-columns:1fr 1fr}.rec-inputs>button{grid-column:1/-1}.rec-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#recorder-v7{margin:0 10px 12px}.rec-dock,.rec-content{padding:14px}.rec-dock{gap:14px}.rec-dock h2{font-size:18px}.rec-tabs{width:100%}.rec-tabs button{flex:1;min-width:0}.rec-dock-actions{width:100%}.rec-version{padding:10px 14px;gap:8px}.rec-version strong{width:100%}.rec-device{padding:13px}.rec-device-head{font-size:9px;letter-spacing:.6px}.rec-readout{align-items:flex-start}.rec-readout>strong{font-size:30px}.rec-readout>span{max-width:130px;font-size:12px;line-height:1.6}.rec-inputs{grid-template-columns:1fr}.rec-inputs>button{grid-column:auto}.rec-start-grid{grid-template-columns:1fr}.rec-stage-list{gap:7px}.rec-stage-list button{padding:10px!important}.rec-build-tools p{min-width:0;flex-basis:100%}.rec-table th,.rec-table td{padding:8px}.rec-guide{padding:14px}.rec-error{padding:8px 14px}}