.studio{--studio-line:#dce4d7;margin:32px 0 42px;border:1px solid #cbd9c5;border-radius:12px;background:#fff;box-shadow:0 10px 35px #253d2710;overflow:hidden}.studio-topline{display:flex;justify-content:space-between;gap:12px;padding:13px 20px;background:#eef3e9;border-bottom:1px solid var(--studio-line);font-size:10px;color:#64735e}.studio-label{display:flex;align-items:center;gap:7px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#395740}.studio-led{width:6px;height:6px;background:#4e8b54;border-radius:50%;box-shadow:0 0 0 3px #4e8b5413}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 20px;border-bottom:1px solid var(--studio-line);gap:12px}.studio-stats>div+div{padding-left:20px;border-left:1px solid var(--studio-line)}.studio-stats strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.06em;line-height:1.2;font-variant-numeric:tabular-nums}.studio-stats span{font-size:10px;color:#7a8775;display:block;margin-top:5px}.studio-stats #replay-state{font-size:20px;line-height:1.6;color:#66835a;letter-spacing:-.035em}.studio-stats #replay-state.verified{color:#26724d}.studio-grid{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.5fr)}.studio-input{padding:23px 20px;border-right:1px solid var(--studio-line);background:#fcfcf9}.studio-output{padding:23px 20px}.studio-section-heading{display:flex;gap:9px;align-items:center;margin-bottom:20px}.studio-section-heading h2{font-size:13px;letter-spacing:-.015em;margin:0;line-height:1.4}.step-number{font-size:9px;letter-spacing:.05em;border:1px solid #d6e0cf;border-radius:4px;padding:3px 5px;color:#68815d;background:#f3f6ed}.file-drop{border:1px dashed #b8c9ac;border-radius:7px;padding:21px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#6d8863;gap:8px;background:#f6f8f1;transition:background .1s}.file-drop.drag-over{background:#e6f0df;border-color:#26724d}.file-drop strong{font-size:11px;color:#3e5841;font-weight:600}.file-drop>span{font-size:10px;line-height:1.7;max-width:175px}.file-drop small{font-size:9px;line-height:1.65;max-width:200px;color:#8a9582;margin-top:5px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid #d7e0d0;border-radius:5px;background:#fff;color:#37583d;font-size:10px;font-weight:600;text-decoration:none;line-height:1.55;cursor:pointer;white-space:nowrap}.studio-button:hover{background:#eff4e9;border-color:#9cb38e}.studio-button:disabled,.studio-text-button:disabled{opacity:.5;cursor:wait}.studio-button.primary{background:#26724d;border-color:#26724d;color:#fff}.studio-button.primary:hover{background:#1b583a}.file-label{margin:3px 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-drop:focus-within{outline:3px solid #dbac45;outline-offset:3px}.measurement-form{margin-top:23px}.studio-subheading{font-size:11px;font-weight:650;margin-bottom:11px;color:#435d45}.studio label:not(.file-label){display:block;font-size:10px;color:#75816e;margin:9px 0 5px}.studio input:not([type=file]),.studio textarea{width:100%;min-width:0;background:#fff;padding:8px 10px;border:1px solid #d7dfd1;border-radius:4px;font:11px/1.5 "SFMono-Regular",Consolas,monospace;color:#36563e}.measurement-value{display:flex;gap:7px}.measurement-value>input{flex:1;width:0!important}.measurement-value>button{min-width:57px}.paste-documents{margin-top:20px;border-top:1px solid #e5eade;padding-top:13px}.paste-documents summary{font-size:10px;color:#6c7f62;cursor:pointer}.studio textarea{resize:vertical;max-height:320px}.paste-documents .studio-button{margin-top:8px}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px}.view-toolbar>span{display:flex;flex-direction:column;gap:3px}.view-toolbar code{font-size:11px;font-weight:600;color:#345d3d}.view-toolbar small{color:#98a28f;font-size:9px}.stream-button{font-size:9px;padding:6px 8px}.stream-dot{background:#9aaa91;border-radius:50%;width:5px;height:5px}.stream-button[aria-pressed=true]{background:#e9f3e2;border-color:#b2c9a4;color:#2b673e}.stream-button[aria-pressed=true] .stream-dot{background:#378852;box-shadow:0 0 0 3px #37885212}.view-table-wrap{overflow-x:auto;margin-top:18px}.view-table{font-size:10px}.view-table th{background:#f4f6f0;color:#8a967f;font-size:9px;white-space:nowrap;font-weight:500}.view-table th,.view-table td{padding:11px 7px;border-bottom:1px solid #e8ecdf}.view-table th:not(:first-child),.view-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.view-table tbody th{font-family:"SFMono-Regular",Consolas,monospace;color:#41623f;font-size:10px;background:#fff;max-width:140px;overflow-wrap:anywhere}.view-table td:nth-child(3){font-weight:650;color:#2b603e}.empty-state{text-align:center!important;padding:28px 10px!important;color:#7d8d73!important}.range-heading{display:flex;justify-content:space-between;margin-top:23px;gap:8px;color:#677e5d;font-size:9px}.range-heading span+span{color:#9ba58f;font-size:8px}.metric-ranges{display:grid;gap:11px;margin:15px 0 22px;min-height:75px}.metric-range{display:grid;grid-template-columns:minmax(60px,1fr) 1.3fr;align-items:center;gap:10px}.metric-range>span{font-size:9px;color:#738668;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-range svg{width:100%;height:17px;overflow:visible}.view-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #e5eadd}.view-actions .studio-button{font-size:9px;padding:7px 8px}.studio-text-button{border:0;background:none;font-size:9px;color:#86947b;text-decoration:underline;text-underline-offset:3px;padding:7px 0;cursor:pointer;margin-left:auto}.studio-status{font-size:10px;color:#72856a;margin:14px 0 0;line-height:1.7;min-height:34px}.studio-error{font-size:11px;color:#994b32;background:#fff0e8;padding:9px;border-radius:5px;overflow-wrap:anywhere;margin-bottom:0}.engine-details{border-top:1px solid var(--studio-line);background:#f7f9f3}.engine-details summary{padding:13px 20px;font-size:9px;color:#718567;cursor:pointer;list-style:none}.engine-details summary::-webkit-details-marker{display:none}.engine-status{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;background:#e1ebd9;border-radius:50%;color:#5a7d4c;margin-right:6px;font-size:9px}.engine-details-hint{float:right;color:#99a48f}.engine-details-body{padding:0 20px 15px}.engine-details dl{margin:0;display:grid;grid-template-columns:135px minmax(0,1fr);gap:8px 14px}.engine-details dt{font-size:10px;color:#7b8d6e;margin:0;font-weight:500}.engine-details dd{font-size:10px;margin:0;overflow-wrap:anywhere;color:#566c4b}.engine-details dd code{background:none;padding:0;font-size:9px}.engine-details p{font-size:10px;color:#7d8d73;margin:13px 0 0}.portable-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portable-code-grid pre{font-size:10px;padding:25px 16px;min-height:220px}.portable-code-grid .code-label{font-size:9px}.studio input:focus-visible,.studio textarea:focus-visible,.studio summary:focus-visible{outline:3px solid #dbac45;outline-offset:3px}.studio[aria-busy=true] .studio-led{background:#9b9f74}@media(max-width:1100px) and (min-width:801px){.studio-grid{grid-template-columns:minmax(190px,.85fr) minmax(0,1.4fr)}.studio-input,.studio-output{padding:20px 15px}.view-toolbar{align-items:flex-start;flex-wrap:wrap}.view-actions{gap:6px}.view-actions .studio-text-button{margin-left:0}.studio-stats span{font-size:9px}}@media(max-width:600px){.studio{margin-left:-6px;margin-right:-6px;border-radius:8px}.studio-topline{font-size:9px;padding:12px}.studio-topline #runtime-state{max-width:145px;text-align:right}.studio-stats{padding:18px 12px;gap:8px;grid-template-columns:repeat(2,1fr);row-gap:17px}.studio-stats>div+div{padding-left:12px}.studio-stats>div:nth-child(3){padding-left:0;border-left:0}.studio-stats strong{font-size:25px}.studio-grid{grid-template-columns:1fr}.studio-input{border-right:0;border-bottom:1px solid var(--studio-line);padding:20px 16px}.studio-output{padding:20px 16px}.file-drop{padding:15px;display:grid;grid-template-columns:35px 1fr;text-align:left;gap:4px 12px}.file-drop>svg{grid-row:1/4}.file-drop>span{max-width:none}.file-drop .file-label{width:max-content;margin-top:5px}.file-drop small{grid-column:1/-1;max-width:none;margin-top:8px}.measurement-form{margin-top:17px}.studio-section-heading{margin-bottom:15px}.engine-details summary{padding:12px;font-size:8px}.engine-details-hint{display:none}.engine-details-body{padding:0 12px 12px}.engine-details dl{grid-template-columns:1fr;gap:4px}.engine-details dd+dt{margin-top:7px}.portable-code-grid{grid-template-columns:1fr;gap:0}.portable-code-grid pre{min-height:0}.view-table{font-size:11px}.metric-ranges{min-height:0}}@media(prefers-reduced-motion:no-preference){.stream-button[aria-pressed=true] .stream-dot{animation:stream-pulse 1.6s infinite}@keyframes stream-pulse{50%{opacity:.4}}}
.portable-code-grid>div{min-width:0}