:root{--op-input-height:44px;--op-table-min:640px}.op-workspace{gap:var(--sp-8);min-inline-size:0;color:var(--text);display:grid}.op-heading{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.op-heading h1{font:var(--type-display);letter-spacing:var(--tracking-display);margin:0}.op-heading p,.op-intro{max-inline-size:65ch;font:var(--type-body);color:var(--text-secondary);margin-block-start:var(--sp-3)}.op-workspace h2{font:var(--type-section);margin:0}.op-workspace h3,.op-state h2,.op-state h3{font:var(--type-heading);margin:0}.op-section{gap:var(--sp-4);min-inline-size:0;display:grid}.op-section>header{gap:var(--sp-4);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.op-section>header p{font:var(--type-caption);color:var(--text-muted);margin:0}.op-panel{padding:var(--sp-6);background:var(--surface);border-radius:var(--radius-surface);min-inline-size:0}.op-columns{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.op-actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.op-button{justify-content:center;align-items:center;gap:var(--sp-2);min-block-size:var(--op-input-height);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-input);border:var(--bw-hair) solid var(--border-strong);background:var(--surface);color:var(--text);font:var(--type-label);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) ease;text-decoration:none;display:inline-flex}.op-button.primary{background:var(--brand-gradient);border-color:var(--btn-primary-bg);color:var(--btn-primary-fg)}.op-button.quiet{color:var(--text-brand);background:0 0;border-color:#0000}.op-button.danger{color:var(--error);border-color:var(--error-border)}.op-button:disabled{opacity:.6;cursor:not-allowed}.op-button:not(:disabled):active{transform:scale(.97)}.op-button:focus-visible,.op-field input:focus-visible,.op-field textarea:focus-visible,.op-field select:focus-visible,.op-table-scroll:focus-visible{outline:var(--bw-heavy) solid var(--focus);outline-offset:var(--sp-1)}.op-field{gap:var(--sp-2);font:var(--type-label);min-inline-size:0;display:grid}.op-field input,.op-field select,.op-field textarea{inline-size:100%;min-inline-size:0;min-block-size:var(--op-input-height);border:var(--bw-hair) solid var(--input-border);border-radius:var(--radius-input);background:var(--surface);color:var(--text);padding:var(--sp-3);font:var(--type-body);font-size:16px}.op-field textarea{resize:vertical}.op-field small,.op-note{color:var(--text-muted);font:var(--type-caption);overflow-wrap:anywhere}.op-form{gap:var(--sp-5);display:grid}.op-check{align-items:flex-start;gap:var(--sp-3);font:var(--type-body-dense);min-block-size:var(--op-input-height);display:flex}.op-check input{accent-color:var(--brand-primary);inline-size:var(--sp-5);block-size:var(--sp-5);flex:none;margin-block-start:var(--sp-1)}.op-check span{min-inline-size:0}.op-check small{color:var(--text-muted);margin-block-start:var(--sp-1);display:block}.op-table-scroll{overscroll-behavior-inline:contain;border-radius:var(--radius-input);background:var(--surface);min-inline-size:0;overflow-x:auto}.op-table{border-collapse:collapse;inline-size:100%;min-inline-size:var(--op-table-min);font:var(--type-body-dense)}.op-table th{font:var(--type-label);text-align:start;color:var(--text-muted);background:var(--surface-sunken)}.op-table th,.op-table td{padding:var(--sp-4);border-block-end:var(--bw-hair) solid var(--divider);vertical-align:top}.op-table td p{margin:var(--sp-1) 0 0;overflow-wrap:anywhere;max-inline-size:40ch}.op-table td strong{overflow-wrap:anywhere;font-weight:600;display:block}.op-table .op-note{max-inline-size:36ch;margin-block-start:var(--sp-1);display:block}.op-metrics{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.op-metric{padding:var(--sp-5);background:var(--surface);border-radius:var(--radius-surface);min-inline-size:0}.op-metric strong{font:var(--type-title);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:block}.op-metric span{font:var(--type-body-dense);color:var(--text-secondary);margin-block-start:var(--sp-2);display:block}.op-state{background:var(--surface);border-radius:var(--radius-surface);padding:var(--sp-8);gap:var(--sp-4);display:grid}.op-state p{max-inline-size:60ch;font:var(--type-body);color:var(--text-secondary);margin:0}.op-loading{gap:var(--sp-4);font:var(--type-label);color:var(--text-muted);display:grid}.op-loading>div{block-size:var(--sp-12);background:var(--surface-sunken);border-radius:var(--radius-input)}.op-feedback{padding:var(--sp-4);background:var(--success-bg);color:var(--success);border-radius:var(--radius-input);font:var(--type-body-dense);overflow-wrap:anywhere;margin:0}.op-feedback.error{background:var(--error-bg);color:var(--error)}.op-refreshing{color:var(--text-muted);font:var(--type-caption);margin:0}.op-status{color:var(--text-secondary);font:var(--type-caption);background:var(--surface-sunken);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-control);text-transform:capitalize;white-space:nowrap;display:inline-block}.op-status.state-pending,.op-status.state-queued,.op-status.state-running{background:var(--warning-bg);color:var(--warning)}.op-status.state-approved,.op-status.state-completed,.op-status.state-connected{background:var(--success-bg);color:var(--success)}.op-status.state-rejected,.op-status.state-failed{background:var(--error-bg);color:var(--error)}.op-list{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.op-list>li{border-block-end:var(--bw-hair) solid var(--divider);min-inline-size:0;padding-block-end:var(--sp-4)}.op-list>li:last-child{border-block-end:0;padding-block-end:0}.op-list p{margin-block:var(--sp-1)}.op-account{gap:var(--sp-4);display:grid}.op-account-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;display:flex}.op-account-header h3{overflow-wrap:anywhere}.op-facts{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.op-facts dt{color:var(--text-muted);font:var(--type-caption)}.op-facts dd{margin:var(--sp-1) 0 0;font:var(--type-heading);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.op-part-list{gap:var(--sp-3);margin:0;display:grid}.op-part-list>div{gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.op-part-list dt{font:var(--type-body-dense)}.op-part-list dd{font:var(--type-label);font-variant-numeric:tabular-nums;margin:0}.op-part-list small{grid-column:1/-1}.op-score-number{font:var(--type-title);font-variant-numeric:tabular-nums}.op-profile-row{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.op-profile-row p{max-inline-size:65ch;font:var(--type-body);overflow-wrap:anywhere}.op-profile-row h3{overflow-wrap:anywhere}.op-profile-row .op-actions{align-content:start}.op-role{font:var(--type-caption);color:var(--text-muted);text-transform:capitalize}.op-inline-nav{gap:var(--sp-3);flex-wrap:wrap;display:flex}.op-inline-nav a{font:var(--type-label);min-block-size:var(--op-input-height);border:0;align-items:center;display:inline-flex}.op-session{min-inline-size:0}.op-session-name{font:var(--type-label);overflow-wrap:anywhere;max-inline-size:18ch}.sign-in-config{border-block-start:1px solid var(--border);padding-block:var(--sp-6)}.sign-in-callback{font:var(--type-caption)}.sign-in-method{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-block:var(--sp-5);border-block-end:1px solid var(--divider);flex-wrap:wrap;display:flex}.sign-in-method>div{overflow-wrap:anywhere;min-inline-size:0}.sign-in-method .op-note{max-inline-size:44ch}@media (max-width:560px){.op-session-name{max-inline-size:12ch}.op-session>.op-actions{gap:var(--sp-1);justify-content:flex-end}}.op-disclosure summary{cursor:pointer;font:var(--type-label);min-block-size:var(--op-input-height);color:var(--text-brand);align-items:center;display:flex}.op-disclosure>div{padding-block-start:var(--sp-3)}@media (hover:hover) and (pointer:fine){.op-button:not(:disabled):hover{background:var(--hover-bg)}.op-button.primary:not(:disabled):hover{background:var(--btn-primary-bg-hover)}}@media (max-width:900px){.op-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.op-heading h1{font:var(--type-title)}.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-panel,.op-state{padding:var(--sp-5)}.op-profile-row{grid-template-columns:minmax(0,1fr)}.op-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.op-button{transition:background-color var(--dur-fast) ease}.op-button:not(:disabled):active{transform:none}}.op-panel p{overflow-wrap:anywhere}.studio-overview{gap:var(--sp-6);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.studio-identity{background:var(--surface);border-radius:var(--radius-surface);grid-template-columns:minmax(0,.8fr) minmax(0,1fr);min-inline-size:0;display:grid;overflow:hidden}.studio-identity-art{background:var(--accent-tint);color:var(--text-accent);min-block-size:var(--sp-16);place-items:center;display:grid}.studio-identity-art img{object-fit:cover;block-size:100%;inline-size:100%}.studio-identity-art>span{font:var(--type-display)}.studio-identity-copy{padding:var(--sp-5);align-content:center;gap:var(--sp-3);overflow-wrap:anywhere;min-inline-size:0;display:grid}.studio-identity-copy p{font:var(--type-body-dense);color:var(--text-secondary)}.studio-identity-copy>a{align-items:center;min-block-size:44px;display:inline-flex}.studio-next{background:var(--surface-sunken);padding:var(--sp-6);align-content:start;gap:var(--sp-4);border-radius:var(--radius-surface);min-inline-size:0;display:grid}.studio-next>a{align-items:center;min-block-size:44px;display:inline-flex}#studio-experiments{scroll-margin-block-start:var(--sp-16)}@media (max-width:1100px){.studio-overview{grid-template-columns:minmax(0,1fr)}}@media (max-width:500px){.studio-identity{grid-template-columns:minmax(0,1fr)}.studio-identity-art{max-block-size:240px;overflow:hidden}}