.studio{box-sizing:border-box;min-height:100dvh;padding:var(--space-2)}.studio-frame{gap:var(--space-2);min-height:calc(100dvh - 2 * var(--space-2));flex-direction:column;display:flex}.studio-top{align-items:center;gap:var(--space-2) var(--space-4);min-height:var(--size-control);padding:0 var(--space-2);flex-wrap:wrap;display:flex}.studio-name{min-width:0;height:var(--size-control);box-sizing:border-box;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;transition:background-color var(--dur-fast) var(--ease-standard);background:0 0;border:0;flex:200px;align-items:center;font-size:40px;line-height:1;display:flex;overflow:hidden}input.studio-name:hover{background:var(--surface-tile)}.studio-top-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.studio-hide-sm{display:none}.studio-transport{align-items:center;gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.studio-readout{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-readout-label{font-family:var(--font-text);color:var(--ink-muted);font-size:12px;font-weight:700;line-height:1.4}.studio-number{box-sizing:border-box;height:44px;padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;transition:background-color var(--dur-fast) var(--ease-standard);appearance:textfield;background:0 0;border:0;margin:0;font-size:40px;line-height:1}.studio-number:hover{background:var(--surface-deep)}.studio-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.studio-select{appearance:none;cursor:pointer;padding-right:var(--space-2)}.studio-select option{background:var(--surface-tile);color:var(--ink);font-family:var(--font-text);font-size:16px}.studio-transport-spacer{flex:1 1 0}.studio-body{gap:var(--space-2);flex:auto;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.studio-main{gap:var(--space-2);flex-direction:column;min-width:0;min-height:0;display:flex}.studio-grid{padding:var(--space-2);flex:auto;overflow:auto}.studio-grid-table{border-collapse:separate;border-spacing:0}.studio-grid-table thead th{padding:var(--space-2);text-align:left;font-family:var(--font-text);color:var(--ink-muted);white-space:nowrap;font-size:12px;font-weight:700;line-height:1.4}.studio-grid-table thead th .label{color:var(--ink)}.studio-grid-table td{padding:var(--space-1);vertical-align:top}.studio-grid-table tbody th{padding:var(--space-2);text-align:left;vertical-align:top;color:var(--ink);white-space:nowrap}.studio-grid-sticky{z-index:1;background:var(--surface-tile);position:sticky;left:0}.studio-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px;display:inline-block}.studio-cell{gap:var(--space-1);box-sizing:border-box;width:176px;min-height:56px;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-deep);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border:0;flex-direction:column;display:flex}.studio-cell:hover{background:var(--surface)}.studio-cell.is-active{background:var(--ink);color:var(--ink-inverse)}.studio-cell.is-empty{cursor:default;box-shadow:inset 0 0 0 1px var(--line);background:0 0}.studio-cell-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-text);font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.studio-cell-meta{color:var(--ink-muted)}.studio-cell.is-active .studio-cell-meta{color:inherit}.studio-roll{margin-top:var(--space-1);color:var(--ink-muted);display:block}.studio-cell.is-active .studio-roll{color:var(--ink-inverse)}.studio-grid-empty{align-items:flex-start;gap:var(--space-4);min-height:240px;padding:var(--space-8) var(--space-4);flex-direction:column;flex:auto;display:flex}.studio-chat{flex-direction:column;height:75dvh;min-height:0;padding:0;display:flex}.studio-chat-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.studio-chat-log{min-height:0;padding:var(--space-2) var(--space-4) var(--space-4);flex:auto;overflow-y:auto}.studio-chat-form{gap:var(--space-2);padding:var(--space-2);display:flex}.studio-chat-form .st-input{background:var(--surface-deep);box-shadow:none}.studio-bubble{max-width:92%;padding:12px var(--space-4);border-radius:var(--radius-sm);background:var(--surface-deep);color:var(--ink);white-space:pre-wrap;margin:0}.studio-bubble.is-mine{background:var(--ink);color:var(--ink-inverse)}.studio-toolcard{box-sizing:border-box;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-deep);flex-direction:column;width:100%;max-width:92%;padding:12px;display:flex}.studio-toolcard .st-btn-secondary{background:var(--surface-tile)}.studio-chat-skel{min-height:320px}.studio-send{padding-inline:var(--space-4);flex:none}.studio-send.st-btn-secondary{background:var(--surface-deep)}.studio-dev table th,.studio-dev table td{padding:2px var(--space-2) 2px 0;white-space:nowrap}@media (max-width:480px){.studio-name{font-size:24px}}@media (min-width:768px){.studio-hide-sm{display:inline-flex}}@media (min-width:1024px){.studio-frame{height:calc(100dvh - 2 * var(--space-2));min-height:560px}.studio-body{grid-template-columns:minmax(0,1fr) 400px}.studio-chat{height:auto}}