dsh-webui-studio 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/PRODUCT.md +11 -7
  2. package/README.md +69 -21
  3. package/README.zh-CN.md +64 -20
  4. package/dist/bridge.js +10 -10
  5. package/dist/studio.css +1 -1
  6. package/dist/studio.js +16691 -10202
  7. package/docs/bidirectional-connection-handoff.md +729 -0
  8. package/docs/harmony-api-requirements.md +17 -13
  9. package/docs/remote-development.md +80 -0
  10. package/lib/bridge/element-style-selector.d.ts +1 -0
  11. package/lib/bridge/element-style-selector.js +53 -0
  12. package/lib/contracts.d.ts +152 -83
  13. package/lib/contracts.js +0 -2
  14. package/lib/host/agent.d.ts +15 -13
  15. package/lib/host/agent.js +213 -56
  16. package/lib/host/automatic-patch.d.ts +9 -0
  17. package/lib/host/automatic-patch.js +433 -0
  18. package/lib/host/backend.d.ts +134 -4
  19. package/lib/host/backend.js +465 -114
  20. package/lib/host/drafts.d.ts +1 -1
  21. package/lib/host/drafts.js +65 -15
  22. package/lib/host/element-source.d.ts +9 -0
  23. package/lib/host/element-source.js +295 -0
  24. package/lib/host/mcp.d.ts +4 -0
  25. package/lib/host/mcp.js +97 -0
  26. package/lib/host/preview-draft.d.ts +22 -0
  27. package/lib/host/preview-draft.js +162 -0
  28. package/lib/host/preview-port.d.ts +8 -0
  29. package/lib/host/preview-port.js +32 -0
  30. package/lib/host/preview-worker.d.ts +65 -2
  31. package/lib/host/preview-worker.js +203 -76
  32. package/lib/host/preview.d.ts +26 -5
  33. package/lib/host/preview.js +130 -49
  34. package/lib/host/readiness.d.ts +2 -2
  35. package/lib/host/readiness.js +14 -17
  36. package/lib/host/routes.d.ts +1 -7
  37. package/lib/host/routes.js +41 -50
  38. package/lib/host/runtime-profile.d.ts +2 -1
  39. package/lib/host/runtime-profile.js +30 -8
  40. package/lib/host/source-resolution.d.ts +11 -1
  41. package/lib/host/source-resolution.js +69 -24
  42. package/lib/host/studio-service.d.ts +129 -0
  43. package/lib/host/studio-service.js +53 -0
  44. package/lib/index.d.ts +5 -0
  45. package/lib/index.js +64 -30
  46. package/lib/studio-remote.d.ts +126 -0
  47. package/lib/studio-remote.js +188 -0
  48. package/lib/variable-tree.d.ts +2 -0
  49. package/lib/variable-tree.js +13 -0
  50. package/package.json +62 -25
  51. package/studio.patch.yml +12 -0
package/dist/studio.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--studio-font-sans:"Avenir Next", "SF Pro Text", "Segoe UI", sans-serif;--studio-font-mono:"SFMono-Regular", "Cascadia Code", Menlo, monospace;--studio-font-size-xs:9px;--studio-font-size-sm:10px;--studio-font-size-md:11px;--studio-font-size-lg:12px;--studio-font-size-xl:13px;--studio-font-size-2xl:14px;--studio-radius-sm:6px;--studio-radius-md:9px;--studio-radius-lg:13px;--studio-control-sm:28px;--studio-control-md:34px;--studio-motion-fast:.14s;--studio-ease-out:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-studio-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--studio-canvas:#e8edf3;--studio-panel:#f9fafc;--studio-panel-raised:#fff;--studio-control:#f0f3f7;--studio-control-hover:#e5eaf1;--studio-control-pressed:#dce4ef;--studio-selection:#e1eaff;--studio-text:#18202c;--studio-text-secondary:#556174;--studio-text-tertiary:#667287;--studio-border:#cdd5df;--studio-border-strong:#aeb9c8;--studio-accent:#245fd6;--studio-accent-hover:#194db9;--studio-accent-soft:#dce7ff;--studio-accent-contrast:#fff;--studio-danger:#b42318;--studio-danger-soft:#fae3e0;--studio-warning:#805600;--studio-warning-soft:#f9edc8;--studio-success:#176a3b;--studio-success-soft:#dcefe3;--studio-instance-live:#087fff;--studio-instance-live-soft:#d9ebff;--studio-focus:#1f63e0;--studio-code-bg:#111722;--studio-code-text:#d9e2ef;--studio-code-keyword:#7b3fc7;--studio-code-string:#0b6a48;--studio-code-number:#9a4c12;--studio-code-comment:#687386;--studio-code-type:#155bb0;--studio-terminal-bg:#f7f9fc;--studio-terminal-header:#eef2f7;--studio-terminal-text:#243044;--studio-terminal-secondary:#5f6d82;--studio-terminal-border:#cbd4df;--studio-shadow-panel:0 12px 32px #27354824;--studio-workspace:#d9e0e8;--studio-workspace-dot:#a9b4c2;--studio-artboard-edge:#8491a1;--studio-artboard-shadow:0 22px 54px #2330413d, 0 5px 14px #23304129;--studio-glass:#ffffffbd;--studio-glass-border:#ffffffdb;--studio-glass-shadow:0 18px 46px #2330412e, 0 3px 10px #2330411a;--studio-sidebar-shadow:8px 0 22px -17px #1925364d;--studio-overlay:#11182357}:root[data-studio-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-canvas:#080d13;--studio-panel:#111923;--studio-panel-raised:#192431;--studio-control:#202d3b;--studio-control-hover:#2a3a4c;--studio-control-pressed:#34475c;--studio-selection:#193d69;--studio-text:#f4f7fb;--studio-text-secondary:#c4ceda;--studio-text-tertiary:#a5b3c3;--studio-border:#405064;--studio-border-strong:#60738a;--studio-accent:#78adff;--studio-accent-hover:#9ac3ff;--studio-accent-soft:#1d406f;--studio-accent-contrast:#07111e;--studio-danger:#ff9a93;--studio-danger-soft:#492725;--studio-warning:#f4c96e;--studio-warning-soft:#433719;--studio-success:#76dfa1;--studio-success-soft:#1a422d;--studio-instance-live:#47c2ff;--studio-instance-live-soft:#123f58;--studio-focus:#a2c4ff;--studio-code-bg:#070b10;--studio-code-text:#e7eef8;--studio-code-keyword:#d0a6ff;--studio-code-string:#83e0b5;--studio-code-number:#ffc08e;--studio-code-comment:#9caabd;--studio-code-type:#95c2ff;--studio-terminal-bg:#080d13;--studio-terminal-header:#111c27;--studio-terminal-text:#e7eef8;--studio-terminal-secondary:#b9c6d5;--studio-terminal-border:#415269;--studio-shadow-panel:0 16px 38px #0000005c;--studio-workspace:#0a1119;--studio-workspace-dot:#435468;--studio-artboard-edge:#62758c;--studio-artboard-shadow:0 24px 60px #0000008c, 0 6px 16px #0000006b;--studio-glass:#111923eb;--studio-glass-border:#7e94b070;--studio-glass-shadow:0 20px 52px #0000006b, 0 4px 12px #00000047;--studio-sidebar-shadow:8px 0 22px -17px #000000ad;--studio-overlay:#000000a8}.studio-ui-root{font-family:var(--studio-font-sans);color:var(--studio-text);background:var(--studio-canvas);font-synthesis:none;text-rendering:optimizelegibility}.studio-ui-root ::selection{color:var(--studio-text);background:var(--studio-accent-soft)}.studio-ui-root *{scrollbar-color:var(--studio-border-strong) transparent;scrollbar-width:thin}.studio-ui-root button,.studio-ui-root input,.studio-ui-root select,.studio-ui-root textarea{font-family:inherit}.studio-ui-root :where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}.studio-ui-button{min-height:var(--studio-control-md);border-radius:var(--studio-radius-md);color:var(--studio-text);font-size:var(--studio-font-size-md);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:650;line-height:1;display:inline-flex}.studio-ui-button[data-size=small]{min-height:var(--studio-control-sm);border-radius:var(--studio-radius-sm);font-size:var(--studio-font-size-sm);padding-inline:9px}.studio-ui-button[data-variant=primary]{background:var(--studio-accent);color:var(--studio-accent-contrast)}.studio-ui-button[data-variant=secondary]{border-color:var(--studio-border);background:var(--studio-panel-raised)}.studio-ui-button[data-variant=ghost]{color:var(--studio-text-secondary)}.studio-ui-button[data-variant=danger]{color:var(--studio-danger)}.studio-ui-button:disabled{opacity:.52;cursor:default}.studio-ui-button:not(:disabled)[data-variant=primary]:hover{background:var(--studio-accent-hover)}.studio-ui-button:not(:disabled)[data-variant=secondary]:hover,.studio-ui-button:not(:disabled)[data-variant=ghost]:hover{background:var(--studio-control-hover)}.studio-ui-button:not(:disabled)[data-variant=danger]:hover{background:var(--studio-danger-soft)}.studio-ui-button:not(:disabled):active{transform:translateY(1px)}.studio-ui-icon-button{width:var(--studio-control-md);padding:0}.studio-ui-icon-button[data-size=small]{width:var(--studio-control-sm)}.studio-ui-icon-button>span{place-items:center;line-height:0;display:grid}.studio-ui-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.studio-ui-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite studio-ui-spin}.studio-ui-panel{background:var(--studio-panel);min-width:0;min-height:0;color:var(--studio-text);overflow:hidden}.studio-ui-panel-header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:11px 14px;display:flex}.studio-ui-panel-heading{min-width:0}.studio-ui-panel-heading :where(h1,h2,h3){font-size:var(--studio-font-size-xl);letter-spacing:-.01em;margin:0;line-height:18px}.studio-ui-panel-heading p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:2px 0 0;line-height:16px}.studio-ui-panel-actions{flex:none;align-items:center;gap:6px;display:flex}.studio-ui-panel-body{min-height:0;padding:14px;overflow:auto}.studio-ui-tabs{border-bottom:1px solid var(--studio-border);background:var(--studio-panel);align-items:stretch;gap:2px;min-height:42px;padding:0 8px;display:flex;overflow:auto hidden}.studio-ui-tabs button{min-width:max-content;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);cursor:pointer;background:0 0;border:0;padding:0 9px;font-weight:650;position:relative}.studio-ui-tabs button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:9px;right:9px}.studio-ui-tabs button:hover{color:var(--studio-text)}.studio-ui-tabs button[aria-selected=true]{color:var(--studio-accent)}.studio-ui-tabs button[aria-selected=true]:after{background:var(--studio-accent)}.studio-ui-tabs button:disabled{opacity:.46;cursor:default}.studio-ui-segmented{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-control);align-items:center;gap:2px;padding:3px;display:inline-flex}.studio-ui-segmented button{border-radius:var(--studio-radius-sm);min-height:24px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);cursor:pointer;background:0 0;border:0;padding:0 8px;font-weight:600}.studio-ui-segmented button:hover{color:var(--studio-text)}.studio-ui-segmented button[aria-checked=true]{background:var(--studio-panel-raised);color:var(--studio-accent);box-shadow:0 1px 3px #131f311f}.studio-ui-segmented button:disabled{opacity:.46;cursor:default}.studio-ui-theme-switcher{width:max-content}.studio-ui-field{gap:5px;display:grid}.studio-ui-field>label{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);font-weight:650}.studio-ui-field>p{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-sm);margin:0;line-height:15px}.studio-ui-field>.studio-ui-field-error{color:var(--studio-danger)}.studio-ui-input{width:100%;min-height:var(--studio-control-md);border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-panel-raised);color:var(--studio-text);font-size:var(--studio-font-size-md);padding:0 10px}.studio-ui-input:hover:not(:disabled){border-color:var(--studio-border-strong)}.studio-ui-input:disabled{opacity:.55;cursor:default}.studio-ui-input::placeholder{color:var(--studio-text-tertiary);opacity:1}.studio-ui-field[data-invalid=true] .studio-ui-input{border-color:var(--studio-danger)}.studio-ui-select{padding-right:30px}.studio-ui-textarea{resize:vertical;min-height:72px;padding-block:8px;line-height:18px}.studio-ui-status{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);align-items:center;gap:7px;line-height:16px;display:inline-flex}.studio-ui-status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.studio-ui-status[data-tone=info],.studio-ui-badge[data-tone=info]{color:var(--studio-accent)}.studio-ui-status[data-tone=success],.studio-ui-badge[data-tone=success]{color:var(--studio-success)}.studio-ui-status[data-tone=warning],.studio-ui-badge[data-tone=warning]{color:var(--studio-warning)}.studio-ui-status[data-tone=danger],.studio-ui-badge[data-tone=danger]{color:var(--studio-danger)}.studio-ui-badge{border-radius:var(--studio-radius-sm);background:var(--studio-control);min-height:20px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);align-items:center;padding:2px 7px;font-weight:700;line-height:14px;display:inline-flex}.studio-ui-badge[data-tone=info]{background:var(--studio-accent-soft)}.studio-ui-badge[data-tone=success]{background:var(--studio-success-soft)}.studio-ui-badge[data-tone=warning]{background:var(--studio-warning-soft)}.studio-ui-badge[data-tone=danger]{background:var(--studio-danger-soft)}.studio-ui-notice{border-radius:var(--studio-radius-md);background:var(--studio-accent-soft);color:var(--studio-text);font-size:var(--studio-font-size-md);padding:9px 10px;line-height:17px}.studio-ui-notice[data-tone=success]{background:var(--studio-success-soft)}.studio-ui-notice[data-tone=warning]{background:var(--studio-warning-soft)}.studio-ui-notice[data-tone=danger]{background:var(--studio-danger-soft);color:var(--studio-danger)}.studio-ui-empty{border:1px dashed var(--studio-border-strong);border-radius:var(--studio-radius-lg);color:var(--studio-text-secondary);justify-items:start;gap:6px;padding:15px;display:grid}.studio-ui-empty strong{color:var(--studio-text);font-size:var(--studio-font-size-lg);line-height:18px}.studio-ui-empty p{max-width:52ch;font-size:var(--studio-font-size-md);text-wrap:pretty;margin:0;line-height:17px}.studio-ui-empty>div{margin-top:4px}@media (width<=560px){.studio-ui-panel-header{padding-inline:12px}.studio-ui-panel-body{padding:12px}.studio-ui-input{font-size:16px}.studio-ui-theme-switcher{width:100%}.studio-ui-theme-switcher button{flex:1}}@media (prefers-reduced-motion:no-preference){.studio-ui-button,.studio-ui-tabs button,.studio-ui-segmented button,.studio-ui-input{transition:color var(--studio-motion-fast) var(--studio-ease-out), border-color var(--studio-motion-fast) var(--studio-ease-out), background-color var(--studio-motion-fast) var(--studio-ease-out), box-shadow var(--studio-motion-fast) var(--studio-ease-out)}}@media (prefers-reduced-motion:reduce){.studio-ui-spinner{animation:none}}@keyframes studio-ui-spin{to{transform:rotate(1turn)}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--studio-canvas);min-width:320px;overflow:hidden}button,input,textarea,select,iframe{border:0}.studio-shell{background:radial-gradient(circle at 48% -25%, color-mix(in srgb, var(--studio-accent) 12%, transparent), transparent 34%), var(--studio-canvas);flex-direction:column;height:100%;display:flex}.studio-header{--studio-header-surface:color-mix(in srgb, var(--studio-panel-raised) 94%, transparent);z-index:10;border-bottom:1px solid var(--studio-border);background:var(--studio-header-surface);flex:none;grid-template-columns:minmax(190px,250px) minmax(0,1fr) auto;align-items:center;gap:12px;height:56px;padding:0 14px;display:grid;position:sticky;top:0}.studio-brand,.studio-brand>div,.panel-heading>div{min-width:0}.studio-brand{align-items:center;gap:10px;display:flex}.studio-mark{flex:none;place-items:center;width:30px;height:30px;display:grid}.studio-mark img{object-fit:contain;grid-area:1/1;width:100%;height:100%}.studio-mark-mono,:root[data-studio-theme=dark] .studio-mark-color{display:none}:root[data-studio-theme=dark] .studio-mark-mono{filter:invert();display:block}.studio-brand strong,.studio-brand span{display:block}.studio-brand strong{font-size:var(--studio-font-size-2xl);letter-spacing:-.01em;line-height:18px}.studio-brand div>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);line-height:14px}.studio-header-actions{align-items:center;gap:12px;display:flex}.settings-button{border-color:color-mix(in srgb, var(--studio-border) 72%, transparent);background:color-mix(in srgb, var(--studio-control) 68%, transparent);width:28px;min-height:28px;color:var(--studio-text-secondary)}.settings-button svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.settings-button:focus-visible{outline-offset:1px;outline-width:1px}.studio-settings-dialog,.studio-create-dialog{border:1px solid var(--studio-border);border-radius:var(--studio-radius-lg);background:var(--studio-panel);color:var(--studio-text);box-shadow:var(--studio-shadow-panel);margin:auto;padding:0;overflow:hidden}.studio-settings-dialog{width:min(780px,100vw - 40px);height:min(460px,100vh - 40px)}.studio-settings-dialog[open]{grid-template-rows:52px minmax(0,1fr);display:grid}.studio-create-dialog{width:min(720px,100vw - 40px);height:min(500px,100vh - 40px)}.studio-create-dialog[open]{grid-template-rows:66px minmax(0,1fr);display:grid}.studio-settings-dialog::backdrop,.studio-create-dialog::backdrop{background:var(--studio-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.studio-settings-dialog :where(button,input,select,textarea,[tabindex]):focus-visible,.studio-create-dialog :where(button,input,select,textarea,[tabindex]):focus-visible{outline-offset:0;outline-width:1px}.settings-dialog-header{border-bottom:1px solid var(--studio-border);background:var(--studio-panel-raised);justify-content:space-between;align-items:center;gap:12px;padding:0 14px 0 18px;display:flex}.settings-dialog-header h2{font-size:var(--studio-font-size-xl);letter-spacing:-.01em;margin:0;line-height:20px}.create-dialog-header>div{min-width:0}.create-dialog-header p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;line-height:15px;overflow:hidden}.create-dialog-form{grid-template-rows:minmax(0,1fr) 62px;min-height:0;display:grid}.create-dialog-content{background:var(--studio-panel-raised);min-height:0;padding:10px 26px 24px;overflow:auto}.create-dialog-section{grid-template-columns:minmax(150px,.42fr) minmax(280px,1fr);gap:30px;padding-block:22px;display:grid}.create-dialog-section+.create-dialog-section{border-top:1px solid var(--studio-border)}.create-dialog-section-heading h3{font-size:var(--studio-font-size-lg);letter-spacing:-.01em;margin:0;line-height:18px}.create-dialog-section-heading p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);text-wrap:pretty;margin:5px 0 0;line-height:16px}.create-dialog-fields{align-content:start;gap:15px;min-width:0;display:grid}.create-dialog-error{margin-top:2px}.create-dialog-actions{border-top:1px solid var(--studio-border);background:var(--studio-panel);justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.create-dialog-actions .studio-ui-button{min-width:88px}.settings-dialog-layout{grid-template-columns:174px minmax(0,1fr);min-height:0;display:grid}.settings-dialog-nav{border-right:1px solid var(--studio-border);background:color-mix(in srgb, var(--studio-control) 48%, var(--studio-panel));flex-direction:column;gap:3px;min-width:0;padding:12px 10px;display:flex}.settings-dialog-nav button{border-radius:var(--studio-radius-sm);min-height:34px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0 10px;font-weight:600;display:flex}.settings-dialog-nav button:hover{background:var(--studio-control-hover);color:var(--studio-text)}.settings-dialog-nav button[aria-selected=true]{background:var(--studio-control-pressed);color:var(--studio-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--studio-border) 65%, transparent)}.settings-dialog-nav svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.settings-dialog-content{background:var(--studio-panel-raised);min-width:0;padding:22px 26px 30px;overflow:auto}.settings-page-heading{border-bottom:1px solid var(--studio-border);min-height:42px}.settings-page-heading h3{font-size:var(--studio-font-size-2xl);letter-spacing:-.015em;margin:0;line-height:20px}.settings-row{border-bottom:1px solid var(--studio-border);grid-template-columns:minmax(220px,1fr) max-content;align-items:center;gap:28px;min-height:84px;padding-block:16px;display:grid}.settings-copy strong{font-size:var(--studio-font-size-lg);line-height:18px;display:block}.settings-copy p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:5px 0 0;line-height:17px}.settings-choice{justify-self:end}.settings-language-select{min-width:190px}.settings-choice button{min-width:74px}.draft-tabs{border:1px solid color-mix(in srgb, var(--studio-border) 86%, transparent);border-radius:calc(var(--studio-radius-md) + 2px);background:color-mix(in srgb, var(--studio-control-pressed) 72%, var(--studio-panel));align-self:center;align-items:center;gap:0;min-width:0;height:40px;padding:4px;display:flex;overflow:hidden}.draft-tab-list{flex:0 auto;align-items:center;gap:4px;min-width:0;min-height:30px;padding-inline:4px;display:flex;overflow-x:auto}.draft-tab{border-radius:var(--studio-radius-sm);min-width:88px;max-width:190px;min-height:30px;color:var(--studio-text-secondary);transform:translateX(var(--draft-tab-shift,0));border:0;align-items:center;display:flex;position:relative}.draft-tab[data-dragging=true]{opacity:0}.draft-tab-drag-preview{z-index:100;border:1px solid var(--studio-border-strong);background:var(--studio-panel-raised);min-height:30px;color:var(--studio-text);box-shadow:var(--studio-shadow-panel);pointer-events:none;will-change:transform;position:fixed;top:0;left:0;overflow:hidden}.draft-tab-drag-preview:before,.draft-tab-drag-preview:after{display:none}.draft-tab-drag-preview .draft-tab-close{opacity:1}.draft-tab[data-drop-indicator]:after{content:"";z-index:4;background:color-mix(in srgb, var(--studio-instance-live) 82%, white);width:2px;box-shadow:0 0 6px color-mix(in srgb, var(--studio-instance-live) 58%, transparent);border-radius:2px;position:absolute;top:7px;bottom:7px}.draft-tab[data-drop-indicator=before]:after{left:-3px}.draft-tab[data-drop-indicator=after]:after{right:-3px}.draft-tab+.draft-tab:before{content:"";background:var(--studio-border-strong);opacity:.65;width:1px;position:absolute;top:9px;bottom:9px;left:-2px}.draft-tab[data-active=true]:before,.draft-tab[data-active=true]+.draft-tab:before{opacity:0}.draft-tab:hover{background:color-mix(in srgb, var(--studio-control) 54%, transparent)}.draft-tab[data-active=true]{z-index:1;background:var(--studio-header-surface);color:var(--studio-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--studio-border) 72%, transparent), 0 1px 4px #0000001a}.draft-tab-select{min-width:0;min-height:30px;color:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:1;padding:0 5px 0 11px;overflow:hidden}.draft-tab-select:active{cursor:grabbing}.draft-tab .draft-tab-close{opacity:.55;flex:none;width:24px;height:24px;min-height:24px;margin-right:4px}.draft-tab:hover .draft-tab-close,.draft-tab[data-active=true] .draft-tab-close,.draft-tab-close:focus-visible{opacity:1}.draft-tab-close svg{width:13px;height:13px}.draft-tab-label{min-width:0;font-size:var(--studio-font-size-sm);align-items:center;gap:7px;font-weight:600;display:flex}.draft-tab-label>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draft-tab-dot{background:var(--studio-text-tertiary);border-radius:50%;flex:none;width:6px;height:6px}.draft-tab-label[data-state=running] .draft-tab-dot,.draft-tab-label[data-state=starting] .draft-tab-dot{background:var(--studio-instance-live)}.draft-tab-label[data-state=failed] .draft-tab-dot{background:var(--studio-danger)}.draft-tab-dirty{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.draft-tab-add{transform:translateX(var(--draft-tab-add-shift,0));flex:none;align-self:center;margin-bottom:3px}.draft-tabs .draft-tab-add[data-empty=true]{width:auto;color:var(--studio-accent);padding-inline:8px 10px}.draft-tab-add>span{align-items:center;gap:5px;line-height:1;display:flex}.draft-tab-add-label{font-size:var(--studio-font-size-sm);font-weight:700}.draft-tabs-loading{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);white-space:nowrap;align-self:center;padding:0 6px 3px}.draft-tabs-empty{min-width:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);text-overflow:ellipsis;white-space:nowrap;align-self:center;padding:0 4px 3px;overflow:hidden}.studio-main{--studio-left-sidebar:260px;--studio-right-sidebar:400px;isolation:isolate;grid-template-columns:var(--studio-left-sidebar) minmax(0, 1fr) var(--studio-right-sidebar);background-color:var(--studio-workspace);background-image:radial-gradient(circle, var(--studio-workspace-dot) 0 1px, transparent 1.25px);background-position:50%;background-size:18px 18px;flex:1;min-height:0;display:grid;position:relative}.studio-main[data-left-collapsed=true]{--studio-left-sidebar:48px}.studio-main[data-right-collapsed=true]{--studio-right-sidebar:56px}.studio-main[data-preview-fullscreen=true]{z-index:100}.studio-project,.studio-inspector-rail,.studio-inspector,.studio-preview{min-width:0;min-height:0}.studio-project,.studio-inspector{flex-direction:column;display:flex}.studio-project{z-index:3;border-right:1px solid var(--studio-border);background:var(--studio-panel);box-shadow:var(--studio-sidebar-shadow);grid-area:1/1;position:relative}.sidebar-resizer{z-index:8;touch-action:none;cursor:col-resize;width:9px;position:absolute;top:0;bottom:0}.sidebar-resizer:after{content:"";background:0 0;width:1px;position:absolute;top:0;bottom:0;left:4px}.sidebar-resizer:hover:after,.sidebar-resizer:focus-visible:after{background:var(--studio-accent)}.sidebar-resizer[data-side=left]{right:-5px}.sidebar-resizer[data-side=right]{left:-5px}.sidebar-heading{border-bottom:1px solid var(--studio-border);background:var(--studio-panel-raised);flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:11px 12px 11px 14px;display:flex;box-shadow:0 5px 14px -13px #111f30b3}.sidebar-title{min-width:0}.sidebar-title strong,.sidebar-title span{display:block}.sidebar-title strong{font-size:var(--studio-font-size-lg);letter-spacing:-.01em;line-height:17px}.sidebar-title span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin-top:1px;line-height:14px}.studio-sidebar[data-collapsed=true] .sidebar-title,.studio-sidebar[data-collapsed=true] .sidebar-content,.studio-project[data-collapsed=true]>.host-terminal{display:none}.studio-sidebar[data-collapsed=true] .sidebar-heading{border-bottom:0;justify-content:center;padding-inline:6px}.project-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow-y:auto}.control-section-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.control-section-heading>div{min-width:0}.control-section-heading strong,.control-section-heading code,.control-section-heading span{display:block}.control-section-heading strong{font-size:var(--studio-font-size-lg);text-overflow:ellipsis;white-space:nowrap;line-height:17px;overflow:hidden}.control-section-heading code,.control-section-heading span{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);margin-top:2px}.control-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.sidebar-action-button>span{justify-content:center;align-items:center;gap:7px;display:flex}.sidebar-action-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.preview-mode-field{gap:6px;display:grid}.preview-mode-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.preview-mode-heading strong{font-size:var(--studio-font-size-md);line-height:16px}.preview-mode-heading span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);line-height:14px}.preview-mode-control{border-color:var(--studio-border-strong);border-radius:var(--studio-radius-md);background:var(--studio-control);gap:2px;width:100%;min-height:40px;padding:4px;position:relative;box-shadow:inset 0 1px 2px #101c2b1f}.preview-mode-control:before{content:"";z-index:0;border-radius:var(--studio-radius-sm);background:var(--studio-accent);width:calc(50% - 5px);position:absolute;inset-block:4px;inset-inline-start:4px;box-shadow:0 2px 7px #13377042}.preview-mode-field[data-mode=inspect] .preview-mode-control:before{inset-inline-start:calc(50% + 1px)}.preview-mode-field[data-disabled=true] .preview-mode-control:before{opacity:.34;box-shadow:none}.preview-mode-control button{z-index:1;min-height:30px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);flex:1;font-weight:700;position:relative}.preview-mode-control button[aria-checked=true]{color:var(--studio-accent-contrast);box-shadow:none;background:0 0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading h1,.panel-heading h2{color:var(--studio-text);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:15px;line-height:22px}.panel-heading p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:3px 0 0;line-height:17px}.left-sidebar-tabs{background:var(--studio-panel);flex:none;min-height:34px;padding-inline:12px}.left-sidebar-tabs button{font-size:var(--studio-font-size-xs);flex:1;padding-inline:6px}.left-sidebar-page{flex:1;min-height:0}.instance-control-panel{flex-direction:column;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.instance-summary{border-bottom:1px solid var(--studio-border);min-width:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);align-items:center;gap:7px;padding-bottom:9px;font-weight:600;display:flex}.instance-status-dot{background:var(--studio-text-tertiary);outline:2px solid color-mix(in srgb, var(--studio-text-tertiary) 14%, transparent);border-radius:50%;flex:none;width:7px;height:7px}.instance-summary[data-state=running] .instance-status-dot,.instance-summary[data-state=starting] .instance-status-dot{background:var(--studio-instance-live);outline-color:var(--studio-instance-live-soft)}.instance-summary[data-state=running],.instance-summary[data-state=starting]{color:var(--studio-instance-live)}.instance-summary[data-state=failed] .instance-status-dot{background:var(--studio-danger);outline-color:var(--studio-danger-soft)}.instance-summary[data-state=failed]{color:var(--studio-danger)}.instance-fields{gap:8px;display:grid}.instance-fields>label{gap:3px;min-width:0;display:grid}.instance-fields>label>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);font-weight:600}.instance-fields .studio-ui-input{min-height:26px;font-size:var(--studio-font-size-sm);border-radius:2px;padding-inline:7px}.instance-fields code{min-width:0;color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;padding:1px 0;overflow:hidden}.instance-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.instance-actions .studio-ui-button{min-width:0;min-height:26px;font-size:var(--studio-font-size-xs);border-radius:3px;padding-inline:5px}.instance-export{border-top:1px solid var(--studio-border);gap:5px;padding-top:10px;display:grid}.instance-export .studio-ui-button{width:100%}.instance-export>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);line-height:15px}.plugin-management-page{padding:10px 14px 14px;overflow-y:auto}.plugin-management-page>p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin:12px 0 0;line-height:15px}.persistent-draft-list{border-top:1px solid var(--studio-border)}.persistent-draft-list article{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 0;display:flex}.persistent-draft-list article>div{min-width:0}.persistent-draft-list strong,.persistent-draft-list code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.persistent-draft-list strong{font-size:var(--studio-font-size-sm);line-height:15px}.persistent-draft-list code{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);margin-top:1px}.persistent-draft-list .studio-ui-button{min-width:44px;min-height:24px;font-size:var(--studio-font-size-xs);padding-inline:6px}.host-terminal{background:var(--studio-terminal-bg);height:184px;min-height:156px;color:var(--studio-terminal-text);border-radius:0;flex-direction:column;flex:none;margin:0;display:flex;overflow:hidden}.host-terminal[data-minimized=true]{height:29px;min-height:29px}.host-terminal[data-minimized=true] .host-terminal-bar{border-bottom:0;min-height:29px}.terminal-latest-line{min-width:0;color:var(--studio-terminal-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.host-terminal-bar{border-top:1px solid var(--studio-terminal-border);border-bottom:1px solid var(--studio-terminal-border);background:var(--studio-terminal-header);width:100%;min-width:0;min-height:29px;color:var(--studio-terminal-text);font-size:var(--studio-font-size-sm);justify-content:space-between;align-items:center;gap:6px;padding:0 5px 0 6px;display:flex}.terminal-section-toggle{min-width:0;min-height:28px;color:inherit;font-size:var(--studio-font-size-sm);cursor:pointer;background:0 0;border:0;flex:none;align-self:stretch;align-items:center;gap:3px;margin-left:-6px;padding:0 6px;display:flex}.host-terminal:not([data-expanded=true]) .terminal-section-toggle{flex:1}.terminal-section-toggle:hover{background:color-mix(in srgb, var(--studio-terminal-text) 7%, transparent)}.terminal-section-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.terminal-section-toggle strong{font-weight:700}.terminal-runtime-state{margin-left:auto}.host-terminal-actions{align-items:center;gap:5px;height:100%;display:flex}.host-terminal-bar span{color:var(--studio-terminal-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono)}.host-terminal-bar span[data-state=running]{color:var(--studio-success)}.host-terminal-bar span[data-state=starting]{color:var(--studio-warning)}.host-terminal-bar span[data-state=failed]{color:var(--studio-danger)}.host-terminal .terminal-layout-button{width:24px;height:24px;min-height:24px;color:var(--studio-terminal-secondary);padding:0}.host-terminal .terminal-layout-button:not(:disabled):hover{background:color-mix(in srgb, var(--studio-terminal-text) 9%, transparent)}.host-terminal .terminal-layout-button svg{width:14px;height:14px}.host-terminal pre{background:var(--studio-terminal-bg);width:100%;min-width:0;max-width:100%;min-height:0;color:inherit;font:var(--studio-font-size-sm)/16px var(--studio-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:9px 10px 11px;overflow:auto}.host-terminal[data-expanded=true]{z-index:50;border:1px solid var(--studio-terminal-border);border-radius:var(--studio-radius-lg);min-width:280px;min-height:220px;margin:0;position:fixed;overflow:visible;box-shadow:0 22px 64px #0000006b,0 4px 14px #0000003d}.host-terminal[data-expanded=true] .host-terminal-bar{border-radius:var(--studio-radius-lg) var(--studio-radius-lg) 0 0;background:var(--studio-terminal-header);color:var(--studio-terminal-text);cursor:move;touch-action:none;border-top:0}.host-terminal[data-expanded=true] pre{border-radius:0 0 var(--studio-radius-lg) var(--studio-radius-lg);background:var(--studio-terminal-bg)}.studio-preview{z-index:1;background:0 0;flex-direction:column;display:flex;position:absolute;inset:0}.studio-preview[data-fullscreen=true]{z-index:100;isolation:isolate;background:var(--studio-panel);width:100vw;height:100dvh;color:var(--studio-text);position:fixed;inset:0}.preview-fullscreen-button svg,.preview-fullscreen-exit svg,.preview-aspect-lock svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.preview-fullscreen-tools{z-index:10;border:1px solid var(--studio-glass-border);border-radius:var(--studio-radius-md);background:var(--studio-glass);box-shadow:var(--studio-shadow-panel);-webkit-backdrop-filter:blur(20px)saturate(1.15);pointer-events:auto;gap:6px;padding:5px;display:flex;position:absolute;top:14px;right:14px}.preview-fullscreen-exit{min-width:32px;min-height:32px}.preview-stage{z-index:0;min-height:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--studio-border-strong) 55%, transparent);background:0 0;flex:1;position:relative;overflow:hidden}.preview-zoom-focus{--preview-zoom-focus-expire-duration:10s;--preview-zoom-focus-visual-decay:cubic-bezier(.3333, 0, .6667, .3333);--preview-zoom-focus-rotation-decay:cubic-bezier(.3333, 1, .6667, 1);z-index:7;isolation:isolate;cursor:grab;touch-action:none;border-radius:50%;width:52px;height:52px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.preview-zoom-focus:before,.preview-zoom-focus:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.preview-zoom-focus:before{z-index:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:backdrop-filter var(--preview-zoom-focus-expire-duration) var(--preview-zoom-focus-visual-decay);inset:5px}.preview-zoom-focus:after{z-index:1;background:repeating-conic-gradient(from -13deg, color-mix(in srgb, var(--studio-accent) 82%, white) 0deg 26deg, transparent 26deg 45deg);inset:1px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px))}.preview-zoom-focus[data-phase=fading]{animation:preview-zoom-focus-fade var(--preview-zoom-focus-expire-duration) var(--preview-zoom-focus-visual-decay) forwards}.preview-zoom-focus[data-phase=fading]:before{-webkit-backdrop-filter:blur();backdrop-filter:blur()}.preview-artboard{z-index:1;box-shadow:0 0 0 1px var(--studio-artboard-edge), var(--studio-artboard-shadow);background:#fff;position:absolute;overflow:hidden}.preview-viewport{transform-origin:0 0}.preview-artboard[data-empty=true]{background:var(--studio-panel-raised)}.preview-artboard[data-mode=inspect]{cursor:crosshair}.studio-preview iframe{background:#fff;width:100%;height:100%;display:block}.studio-preview[data-fullscreen=true] .preview-stage,.studio-preview[data-fullscreen=true] .preview-artboard{box-shadow:none}.studio-preview[data-fullscreen=true] .preview-viewport{transform:none}.preview-empty{text-align:center;border:0;border-radius:0;place-content:center;justify-items:center;width:100%;height:100%}.preview-empty p{max-width:40ch}.resize-handle{z-index:6;touch-action:none;display:block;position:absolute}.resize-handle-n,.resize-handle-s{height:10px;left:12px;right:12px}.resize-handle-e,.resize-handle-w{width:10px;top:12px;bottom:12px}.resize-handle-n{cursor:n-resize;top:0}.resize-handle-e{cursor:e-resize;right:0}.resize-handle-s{cursor:s-resize;bottom:0}.resize-handle-w{cursor:w-resize;left:0}.resize-handle-ne,.resize-handle-se,.resize-handle-sw,.resize-handle-nw{width:15px;height:15px}.resize-handle-ne{cursor:ne-resize;top:0;right:0}.resize-handle-se{cursor:se-resize;bottom:0;right:0}.resize-handle-sw{cursor:sw-resize;bottom:0;left:0}.resize-handle-nw{cursor:nw-resize;top:0;left:0}.preview-artboard>.resize-handle:after{content:"";background:color-mix(in srgb, var(--studio-accent) 76%, white);opacity:0;position:absolute}.preview-artboard>.resize-handle-n:after,.preview-artboard>.resize-handle-s:after{height:2px;left:0;right:0}.preview-artboard>.resize-handle-e:after,.preview-artboard>.resize-handle-w:after{width:2px;top:0;bottom:0}.preview-artboard>.resize-handle-n:after{top:0}.preview-artboard>.resize-handle-e:after{right:0}.preview-artboard>.resize-handle-s:after{bottom:0}.preview-artboard>.resize-handle-w:after{left:0}.preview-artboard>.resize-handle:hover:after{opacity:1}body[data-studio-dragging=true] iframe{pointer-events:none}.studio-inspector-rail{z-index:3;border-left:1px solid var(--studio-border);pointer-events:none;flex-direction:column;grid-area:1/3;gap:12px;padding:12px;display:flex;position:relative}.studio-inspector-block,.studio-inspector-rail>.sidebar-resizer{pointer-events:auto}.studio-inspector-block{border:1px solid var(--studio-glass-border);border-radius:var(--studio-radius-lg);background:var(--studio-glass);box-shadow:var(--studio-glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.18);overflow:hidden}.preview-inspector{flex:none}.preview-inspector-heading{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:7px 8px 7px 14px;display:flex}.preview-inspector-heading>.studio-ui-icon-button{flex:none}.preview-inspector>.preview-controls{flex-direction:column;gap:10px;padding:12px 14px 13px;display:flex}.preview-resolution-line{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px;display:grid}.preview-resolution-line>label{align-items:center;gap:4px;min-width:0;display:flex}.preview-resolution-line>label>span{color:var(--studio-text-tertiary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono)}.preview-resolution-line .studio-ui-input{min-width:0;min-height:30px;font-size:var(--studio-font-size-sm);padding-inline:7px}.preview-canvas-line{grid-template-columns:auto minmax(70px,1fr) 30px;align-items:center;gap:6px;display:grid}.preview-zoom-control{grid-template-columns:30px 44px 30px;align-items:center;gap:4px;display:grid}.preview-zoom-control>span{color:var(--studio-text-secondary);font:var(--studio-font-size-sm)/16px var(--studio-font-mono);text-align:center}.preview-zoom-step{min-width:30px;font-size:var(--studio-font-size-xl);padding-inline:0}.preview-aspect-select{min-width:0;min-height:30px;font-size:var(--studio-font-size-sm);padding-inline:7px 24px}.preview-aspect-lock{width:30px;min-width:30px;min-height:30px;padding:0}.preview-aspect-lock[aria-pressed=true]{border-color:color-mix(in srgb, var(--studio-accent) 48%, var(--studio-border));background:var(--studio-selection);color:var(--studio-accent)}.studio-inspector{flex:1}.inspector-nav{border-bottom:1px solid var(--studio-border);flex:none;align-items:center;min-height:43px;display:flex}.inspector-nav>.studio-ui-tabs{background:0 0;border-bottom:0;flex:1;min-width:0}.studio-inspector-rail[data-collapsed=true]{padding:10px 8px}.studio-inspector-rail[data-collapsed=true] .preview-inspector-heading{border-bottom:0;justify-content:center;min-height:38px;padding:3px}.studio-inspector-rail[data-collapsed=true] .studio-inspector{display:none}.panel-content{flex:1;min-height:0;padding:15px;overflow-y:auto}.panel-error{flex:none;margin:10px 12px 0}.element-list{border-top:1px solid var(--studio-border);margin:15px -6px 0}.element-list>button{border-bottom:1px solid var(--studio-border);width:100%;color:var(--studio-text);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:10px 7px;display:flex}.element-list>button:hover{background:var(--studio-control)}.element-list>button[data-active=true]{background:var(--studio-selection)}.element-list>button>span,.element-source-row>div{min-width:0}.element-list strong,.element-list code,.element-source-row strong,.element-source-row code{display:block}.element-list strong,.element-source-row strong{font-size:var(--studio-font-size-md);line-height:17px}.element-list code,.element-source-row code{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.element-list small{color:var(--studio-accent);font-size:var(--studio-font-size-xs);flex:none;font-weight:650}.element-detail{margin-top:18px}.element-source-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.source-link{min-height:24px;color:var(--studio-accent);padding-inline:4px}.source-link:disabled{color:var(--studio-text-tertiary)}.element-match{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin:10px 0 0;line-height:16px}.element-match[data-state=matched]{color:var(--studio-success)}.element-variables{border-top:1px solid var(--studio-border);margin-top:12px}.element-variable{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:8px 0;display:flex}.element-variable>span{min-width:0}.element-variable strong,.element-variable code{display:block}.element-variable strong{font-size:var(--studio-font-size-md);line-height:16px}.element-variable code{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin-top:1px}.element-variable .studio-ui-input:not([type=checkbox]):not([type=color]){width:112px;min-height:30px;font-size:var(--studio-font-size-md)}.element-variable .studio-ui-input[type=color]{width:42px;height:28px;min-height:28px;padding:2px}.element-variable .studio-ui-input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--studio-accent);padding:0}.global-variables{border-top:1px solid var(--studio-border);margin-top:24px;padding-top:14px}.variable-note{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin:14px 0 0;line-height:16px}.selection-result{margin-top:16px}.selection-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.selection-title>code{overflow-wrap:anywhere;color:var(--studio-accent);font:650 12px/18px var(--studio-font-mono)}.selection-text{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:10px 0;line-height:17px}.selection-meta{margin:12px 0}.selection-meta>div{border-top:1px solid var(--studio-border);grid-template-columns:58px 1fr;gap:8px;padding:6px 0;display:grid}.selection-meta dt{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm)}.selection-meta dd{overflow-wrap:anywhere;font-size:var(--studio-font-size-md);margin:0;line-height:16px}.selection-meta dd code{font:var(--studio-font-size-sm)/16px var(--studio-font-mono)}.source-resolution{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin-top:2px;display:block}.selection-result details,.harmony-target-body details{margin-top:7px}.selection-result summary,.harmony-target-body summary{cursor:pointer;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md)}.selection-code{border-radius:var(--studio-radius-md);background:var(--studio-control);max-height:240px;color:var(--studio-text);font:var(--studio-font-size-sm)/16px var(--studio-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;padding:9px;overflow:auto}.harmony-inspection,.patch-provenance{border-top:1px solid var(--studio-border);margin-top:22px;padding-top:14px}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading strong{font-size:var(--studio-font-size-lg)}.section-heading>span:not(.studio-ui-badge){color:var(--studio-text-secondary);font-size:var(--studio-font-size-md)}.inspection-empty{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:9px 0 0;line-height:17px}.harmony-target{border-bottom:1px solid var(--studio-border);padding:9px 0}.harmony-target>summary{cursor:pointer;list-style-position:outside}.harmony-target>summary span,.harmony-target>summary code{overflow-wrap:anywhere;margin-left:4px;display:block}.harmony-target>summary span{font-size:var(--studio-font-size-md);font-weight:650}.harmony-target>summary code{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin-top:3px}.harmony-target-body{padding:4px 0 2px 14px}.harmony-target-body>p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin:6px 0 10px}.patch-provenance .studio-ui-notice{margin-top:9px}.patch-trace-list{border-top:1px solid var(--studio-border);margin-top:8px}.patch-trace-list article{border-bottom:1px solid var(--studio-border);padding:9px 0}.patch-trace-list article>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.patch-trace-list article>div strong{font-size:var(--studio-font-size-sm)}.patch-trace-list article>div code{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);overflow-wrap:anywhere}.patch-trace-list dl{margin:6px 0 0}.patch-trace-list dl>div{grid-template-columns:68px 1fr;gap:8px;padding:2px 0;display:grid}.patch-trace-list dt{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs)}.patch-trace-list dd{min-width:0;font-size:var(--studio-font-size-sm);overflow-wrap:anywhere;margin:0}.patch-trace-list dd code{font:var(--studio-font-size-xs)/14px var(--studio-font-mono)}.source-panel{flex-direction:column;display:flex;overflow:hidden}.source-toolbar{flex:none;margin:14px 0 10px}.source-toolbar .studio-ui-select{font-family:var(--studio-font-mono);font-size:var(--studio-font-size-sm)}.source-empty{margin-top:8px}.code-editor{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);flex:1;min-height:180px;overflow:hidden}.code-editor .cm-editor{background:var(--studio-panel-raised);height:100%;color:var(--studio-text);font-size:var(--studio-font-size-md)}.code-editor .cm-scroller{line-height:17px}.code-editor .cm-focused{outline:2px solid var(--studio-focus);outline-offset:-2px}.code-editor .cm-gutters{color:var(--studio-text-secondary);border-right-color:var(--studio-border)!important}.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:var(--studio-selection)}.code-editor .cm-selectionBackground{background:var(--studio-accent-soft)!important}.code-editor .cm-cursor{border-left-color:var(--studio-text)}.code-editor .tok-keyword,.code-editor .tok-operatorKeyword{color:var(--studio-code-keyword)}.code-editor .tok-string,.code-editor .tok-string2{color:var(--studio-code-string)}.code-editor .tok-number,.code-editor .tok-bool,.code-editor .tok-null{color:var(--studio-code-number)}.code-editor .tok-comment{color:var(--studio-code-comment)}.code-editor .tok-typeName,.code-editor .tok-className,.code-editor .tok-propertyName{color:var(--studio-code-type)}.source-actions{flex:none;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.source-actions span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm)}.source-actions .studio-ui-button{min-width:104px}.build-heading{border-bottom:1px solid var(--studio-border);padding-bottom:13px}.build-action{border-bottom:1px solid var(--studio-border);gap:12px;padding:14px 0;display:grid}.build-action>div strong{font-size:var(--studio-font-size-lg)}.build-action>div p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin:4px 0 0;line-height:16px}.build-action .studio-ui-button{width:100%}.build-notice{margin-top:14px}.build-output{margin-top:18px}.build-output>div{gap:4px;display:grid}.build-output>div strong{font-size:var(--studio-font-size-md)}.build-output>div code{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);overflow-wrap:anywhere}.build-output .selection-code{margin-top:9px}.readiness-heading{align-items:center}.readiness-summary{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-border);grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 0;display:grid;overflow:hidden}.readiness-summary>div{background:var(--studio-control);align-items:baseline;gap:5px;padding:10px;display:flex}.readiness-summary strong{font-size:17px;line-height:20px}.readiness-summary span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);text-transform:uppercase}.readiness-summary [data-level=error] strong{color:var(--studio-danger)}.readiness-summary [data-level=warning] strong{color:var(--studio-warning)}.readiness-summary [data-level=info] strong{color:var(--studio-accent)}.readiness-clear{color:var(--studio-success);font-size:var(--studio-font-size-md);margin:12px 0;line-height:18px}.readiness-findings{border-top:1px solid var(--studio-border)}.readiness-findings article{border-bottom:1px solid var(--studio-border);padding:11px 0 11px 12px;position:relative}.readiness-findings article:before{content:"";background:var(--studio-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:0}.readiness-findings article[data-level=error]:before{background:var(--studio-danger)}.readiness-findings article[data-level=warning]:before{background:var(--studio-warning)}.readiness-findings article>div{align-items:center;gap:7px;display:flex}.readiness-findings article>div span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);text-transform:uppercase;font-weight:700}.readiness-findings article>div code{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs)}.readiness-findings article p{font-size:var(--studio-font-size-md);text-wrap:pretty;margin:6px 0 0;line-height:17px}.readiness-findings article small{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);overflow-wrap:anywhere;margin-top:5px;display:block}.pack-result{border-top:1px solid var(--studio-border);margin-top:18px;padding-top:14px}.pack-result>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.pack-result>div strong{color:var(--studio-danger);font-size:var(--studio-font-size-md)}.pack-result[data-ok=true]>div strong{color:var(--studio-success)}.pack-result>div span,.pack-result summary{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm)}.pack-result details{margin-top:8px}.pack-result summary{cursor:pointer}.agent-panel{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.agent-heading{border-bottom:1px solid var(--studio-border);flex:none;padding:14px 15px 12px}.agent-scope{border-bottom:1px solid var(--studio-border);color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);flex:none;margin:0;padding:9px 15px;line-height:16px}.conversation{flex:1;min-height:0;padding:15px;overflow-y:auto}.agent-empty{margin:auto 0}.message{margin:0 0 16px}.message>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin-bottom:5px;font-weight:650;display:block}.message>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--studio-font-size-lg);margin:0;line-height:19px}.message.user{border-radius:var(--studio-radius-md);background:var(--studio-selection);margin-left:28px;padding:9px 10px}.message.assistant{padding-right:12px}.message.streaming>p:after{content:"";vertical-align:-2px;background:var(--studio-accent);width:5px;height:13px;margin-left:3px;display:inline-block}.interaction-notice{flex:none;margin:0 15px 10px}.composer{border-top:1px solid var(--studio-border);flex-direction:column;flex:none;gap:8px;padding:12px 15px 15px;display:flex}.composer .studio-ui-textarea{min-height:68px;max-height:140px}.composer .studio-ui-button{align-self:flex-end;min-width:68px}@media (width<=1050px){.studio-header{grid-template-columns:minmax(170px,210px) minmax(0,1fr) auto}.studio-brand div>span{display:none}}@media (width<=820px){body{overflow:auto}.studio-shell{height:auto;min-height:100%}.studio-header{grid-template-columns:auto 1fr;gap:8px 12px;height:auto;padding-block:8px}.studio-header-actions{justify-self:end}.draft-tabs{grid-area:2/1/auto/-1}.studio-main{grid-template-columns:1fr}.studio-project,.studio-preview,.studio-inspector-rail{grid-area:auto/1}.studio-preview{position:relative;inset:auto}.studio-inspector-rail{pointer-events:auto;border-left:0}.sidebar-resizer{display:none}.studio-project:not([data-collapsed=true]){min-height:360px}.studio-sidebar[data-collapsed=true]{min-height:48px}.studio-preview{min-height:68vh}.studio-inspector-rail:not([data-collapsed=true]){min-height:70vh}.studio-inspector-rail{padding:12px}.studio-inspector-rail[data-collapsed=true]{min-height:58px;padding:8px 12px 12px}}@media (width<=560px){.studio-header{align-items:center;min-height:52px;padding-inline:12px}.studio-brand div>span{display:none}.studio-header-actions{gap:7px}.studio-header-actions .studio-ui-status{gap:0;font-size:0}.settings-button.studio-ui-icon-button{width:40px;min-height:40px}.draft-tab{max-width:150px}.project-body{padding:0}.studio-preview{min-height:72vh}.panel-content{padding:13px}.readiness-heading{flex-direction:column;align-items:stretch}.readiness-heading .studio-ui-button{width:100%}.studio-settings-dialog{width:calc(100vw - 20px);height:min(500px,100vh - 20px)}.studio-settings-dialog[open]{grid-template-rows:48px minmax(0,1fr)}.studio-create-dialog{width:calc(100vw - 20px);height:min(580px,100vh - 20px)}.studio-create-dialog[open]{grid-template-rows:64px minmax(0,1fr)}.settings-dialog-header{padding-inline:14px 10px}.settings-dialog-header .studio-ui-icon-button{width:40px;min-height:40px}.create-dialog-form{grid-template-rows:minmax(0,1fr) 68px}.create-dialog-content{padding:4px 14px 20px}.create-dialog-section{grid-template-columns:1fr;gap:13px;padding-block:18px}.create-dialog-fields{gap:13px}.create-dialog-fields .studio-ui-input,.create-dialog-fields .studio-ui-select{min-height:40px;font-size:16px}.create-dialog-actions{padding:12px 14px}.create-dialog-actions .studio-ui-button{flex:1;min-height:40px}.settings-dialog-layout{grid-template-rows:50px minmax(0,1fr);grid-template-columns:1fr}.settings-dialog-nav{border-right:0;border-bottom:1px solid var(--studio-border);flex-direction:row;gap:4px;padding:8px 10px}.settings-dialog-nav button{flex:1;justify-content:center;min-height:42px;padding-inline:8px}.settings-dialog-content{padding:18px 14px 24px}.settings-page-heading{min-height:38px}.settings-row{grid-template-columns:1fr;align-items:start;gap:14px;min-height:0;padding-block:16px 20px}.settings-choice{justify-self:stretch;width:100%}.settings-language-select{min-height:40px}.settings-choice button{flex:1;min-width:0;min-height:40px}}@media (prefers-reduced-motion:no-preference){.studio-settings-dialog[open],.studio-create-dialog[open]{animation:studio-dialog-enter .16s var(--studio-ease-out)}.studio-main{transition:grid-template-columns var(--studio-motion-fast) var(--studio-ease-out)}.preview-mode-control:before{transition:inset-inline-start var(--studio-motion-fast) var(--studio-ease-out)}.draft-tab,.draft-tab-add{transition:transform var(--studio-motion-fast) var(--studio-ease-out)}.draft-tab-label[data-state=starting] .draft-tab-dot{animation:1.2s ease-in-out infinite studio-runtime-pulse}.element-list>button{transition:background-color var(--studio-motion-fast) var(--studio-ease-out)}.message.streaming>p:after{animation:.9s steps(2,jump-none) infinite studio-cursor}.preview-zoom-focus[data-phase=active]:after{animation:3s linear infinite preview-zoom-ring-spin}.preview-zoom-focus[data-phase=fading]:after{animation:preview-zoom-ring-decelerate var(--preview-zoom-focus-expire-duration) var(--preview-zoom-focus-rotation-decay) forwards}}@media (prefers-reduced-motion:reduce){.preview-zoom-focus{--preview-zoom-focus-expire-duration:.24s}}body[data-studio-dragging=true] .studio-main{transition:none}@keyframes studio-cursor{50%{opacity:.15}}@keyframes studio-runtime-pulse{50%{opacity:.32}}@keyframes preview-zoom-ring-spin{to{transform:rotate(1turn)}}@keyframes preview-zoom-ring-decelerate{to{transform:rotate(1.1111turn)}}@keyframes preview-zoom-focus-fade{0%,99.9%{pointer-events:auto}to{opacity:0;pointer-events:none}}@keyframes studio-dialog-enter{0%{opacity:0;filter:blur(2px);transform:translateY(7px)scale(.985)}}
1
+ :root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--studio-font-sans:"Avenir Next", "SF Pro Text", "Segoe UI", sans-serif;--studio-font-mono:"SFMono-Regular", "Cascadia Code", Menlo, monospace;--studio-font-size-xs:9px;--studio-font-size-sm:10px;--studio-font-size-md:11px;--studio-font-size-lg:12px;--studio-font-size-xl:13px;--studio-font-size-2xl:14px;--studio-radius-sm:6px;--studio-radius-md:9px;--studio-radius-lg:13px;--studio-control-sm:28px;--studio-control-md:34px;--studio-motion-fast:.14s;--studio-ease-out:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-studio-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--studio-canvas:#e8edf3;--studio-panel:#f9fafc;--studio-panel-raised:#fff;--studio-control:#f0f3f7;--studio-control-hover:#e5eaf1;--studio-control-pressed:#dce4ef;--studio-selection:#e1eaff;--studio-text:#18202c;--studio-text-secondary:#556174;--studio-text-tertiary:#667287;--studio-border:#cdd5df;--studio-border-strong:#aeb9c8;--studio-accent:#245fd6;--studio-accent-hover:#194db9;--studio-accent-soft:#dce7ff;--studio-accent-contrast:#fff;--studio-danger:#b42318;--studio-danger-soft:#fae3e0;--studio-warning:#805600;--studio-warning-soft:#f9edc8;--studio-success:#176a3b;--studio-success-soft:#dcefe3;--studio-instance-live:#087fff;--studio-instance-live-soft:#d9ebff;--studio-focus:#1f63e0;--studio-code-bg:#111722;--studio-code-text:#d9e2ef;--studio-code-keyword:#7b3fc7;--studio-code-string:#0b6a48;--studio-code-number:#9a4c12;--studio-code-comment:#687386;--studio-code-type:#155bb0;--studio-terminal-bg:#f7f9fc;--studio-terminal-header:#eef2f7;--studio-terminal-text:#243044;--studio-terminal-secondary:#5f6d82;--studio-terminal-border:#cbd4df;--studio-shadow-panel:0 12px 32px #27354824;--studio-workspace:#d9e0e8;--studio-workspace-dot:#a9b4c2;--studio-artboard-edge:#8491a1;--studio-artboard-shadow:0 22px 54px #2330413d, 0 5px 14px #23304129;--studio-glass:#ffffffbd;--studio-inspector-surface:#f9fafceb;--studio-glass-border:#ffffffdb;--studio-glass-shadow:0 18px 46px #2330412e, 0 3px 10px #2330411a;--studio-sidebar-shadow:8px 0 22px -17px #1925364d;--studio-overlay:#11182357}:root[data-studio-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-canvas:#080d13;--studio-panel:#111923;--studio-panel-raised:#192431;--studio-control:#202d3b;--studio-control-hover:#2a3a4c;--studio-control-pressed:#34475c;--studio-selection:#193d69;--studio-text:#f4f7fb;--studio-text-secondary:#c4ceda;--studio-text-tertiary:#a5b3c3;--studio-border:#405064;--studio-border-strong:#60738a;--studio-accent:#78adff;--studio-accent-hover:#9ac3ff;--studio-accent-soft:#1d406f;--studio-accent-contrast:#07111e;--studio-danger:#ff9a93;--studio-danger-soft:#492725;--studio-warning:#f4c96e;--studio-warning-soft:#433719;--studio-success:#76dfa1;--studio-success-soft:#1a422d;--studio-instance-live:#47c2ff;--studio-instance-live-soft:#123f58;--studio-focus:#a2c4ff;--studio-code-bg:#070b10;--studio-code-text:#e7eef8;--studio-code-keyword:#d0a6ff;--studio-code-string:#83e0b5;--studio-code-number:#ffc08e;--studio-code-comment:#9caabd;--studio-code-type:#95c2ff;--studio-terminal-bg:#080d13;--studio-terminal-header:#111c27;--studio-terminal-text:#e7eef8;--studio-terminal-secondary:#b9c6d5;--studio-terminal-border:#415269;--studio-shadow-panel:0 16px 38px #0000005c;--studio-workspace:#0a1119;--studio-workspace-dot:#435468;--studio-artboard-edge:#62758c;--studio-artboard-shadow:0 24px 60px #0000008c, 0 6px 16px #0000006b;--studio-glass:#111923eb;--studio-inspector-surface:#111923f5;--studio-glass-border:#7e94b070;--studio-glass-shadow:0 20px 52px #0000006b, 0 4px 12px #00000047;--studio-sidebar-shadow:8px 0 22px -17px #000000ad;--studio-overlay:#000000a8}.studio-ui-root{font-family:var(--studio-font-sans);color:var(--studio-text);background:var(--studio-canvas);font-synthesis:none;text-rendering:optimizelegibility}.studio-ui-root ::selection{color:var(--studio-text);background:var(--studio-accent-soft)}.studio-ui-root *{scrollbar-color:var(--studio-border-strong) transparent;scrollbar-width:thin}.studio-ui-root button,.studio-ui-root input,.studio-ui-root select,.studio-ui-root textarea{font-family:inherit}.studio-ui-root :where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}.studio-ui-button{min-height:var(--studio-control-md);border-radius:var(--studio-radius-md);color:var(--studio-text);font-size:var(--studio-font-size-md);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:650;line-height:1;display:inline-flex}.studio-ui-button:not(.studio-ui-icon-button)>span:last-child{justify-content:center;align-items:center;gap:7px;display:inline-flex}.studio-ui-button:not(.studio-ui-icon-button)>span:last-child>svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.studio-ui-button[data-size=small]{min-height:var(--studio-control-sm);border-radius:var(--studio-radius-sm);font-size:var(--studio-font-size-sm);padding-inline:9px}.studio-ui-button[data-variant=primary]{background:var(--studio-accent);color:var(--studio-accent-contrast)}.studio-ui-button[data-variant=secondary]{border-color:var(--studio-border);background:var(--studio-panel-raised)}.studio-ui-button[data-variant=ghost]{color:var(--studio-text-secondary)}.studio-ui-button[data-variant=danger]{color:var(--studio-danger)}.studio-ui-button:disabled{opacity:.52;cursor:default}.studio-ui-button:not(:disabled)[data-variant=primary]:hover{background:var(--studio-accent-hover)}.studio-ui-button:not(:disabled)[data-variant=secondary]:hover,.studio-ui-button:not(:disabled)[data-variant=ghost]:hover{background:var(--studio-control-hover)}.studio-ui-button:not(:disabled)[data-variant=danger]:hover{background:var(--studio-danger-soft)}.studio-ui-button:not(:disabled):active{transform:translateY(1px)}.studio-ui-icon-button{width:var(--studio-control-md);padding:0}.studio-ui-icon-button[data-size=small]{width:var(--studio-control-sm)}.studio-ui-icon-button>span{place-items:center;line-height:0;display:grid}.studio-ui-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.studio-ui-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite studio-ui-spin}.studio-ui-panel{background:var(--studio-panel);min-width:0;min-height:0;color:var(--studio-text);overflow:hidden}.studio-ui-panel-header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:11px 14px;display:flex}.studio-ui-panel-heading{min-width:0}.studio-ui-panel-heading :where(h1,h2,h3){font-size:var(--studio-font-size-xl);letter-spacing:-.01em;margin:0;line-height:18px}.studio-ui-panel-heading p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:2px 0 0;line-height:16px}.studio-ui-panel-actions{flex:none;align-items:center;gap:6px;display:flex}.studio-ui-panel-body{min-height:0;padding:14px;overflow:auto}.studio-ui-tabs{border-bottom:1px solid var(--studio-border);background:var(--studio-panel);align-items:stretch;gap:2px;min-height:42px;padding:0 8px;display:flex;overflow:auto hidden}.studio-ui-tabs button{min-width:max-content;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);cursor:pointer;background:0 0;border:0;padding:0 9px;font-weight:650;position:relative}.studio-ui-tabs button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:9px;right:9px}.studio-ui-tabs button:hover{color:var(--studio-text)}.studio-ui-tabs button[aria-selected=true]{color:var(--studio-accent)}.studio-ui-tabs button[aria-selected=true]:after{background:var(--studio-accent)}.studio-ui-tabs button:disabled{opacity:.46;cursor:default}.studio-ui-segmented{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-control);align-items:center;gap:2px;padding:3px;display:inline-flex}.studio-ui-segmented button{border-radius:var(--studio-radius-sm);min-height:24px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);cursor:pointer;background:0 0;border:0;padding:0 8px;font-weight:600}.studio-ui-segmented button:hover{color:var(--studio-text)}.studio-ui-segmented button[aria-checked=true]{background:var(--studio-panel-raised);color:var(--studio-accent);box-shadow:0 1px 3px #131f311f}.studio-ui-segmented button:disabled{opacity:.46;cursor:default}.studio-ui-theme-switcher{width:max-content}.studio-ui-field{gap:5px;display:grid}.studio-ui-field>label{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);font-weight:650}.studio-ui-field>p{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-sm);margin:0;line-height:15px}.studio-ui-field>.studio-ui-field-error{color:var(--studio-danger)}.studio-ui-input{width:100%;min-height:var(--studio-control-md);border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-panel-raised);color:var(--studio-text);font-size:var(--studio-font-size-md);padding:0 10px}.studio-ui-input:hover:not(:disabled){border-color:var(--studio-border-strong)}.studio-ui-input:disabled{opacity:.55;cursor:default}.studio-ui-input::placeholder{color:var(--studio-text-tertiary);opacity:1}.studio-ui-field[data-invalid=true] .studio-ui-input{border-color:var(--studio-danger)}.studio-ui-select{padding-right:30px}.studio-ui-textarea{resize:vertical;min-height:72px;padding-block:8px;line-height:18px}.studio-ui-status{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);align-items:center;gap:7px;line-height:16px;display:inline-flex}.studio-ui-status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.studio-ui-status[data-tone=info],.studio-ui-badge[data-tone=info]{color:var(--studio-accent)}.studio-ui-status[data-tone=success],.studio-ui-badge[data-tone=success]{color:var(--studio-success)}.studio-ui-status[data-tone=warning],.studio-ui-badge[data-tone=warning]{color:var(--studio-warning)}.studio-ui-status[data-tone=danger],.studio-ui-badge[data-tone=danger]{color:var(--studio-danger)}.studio-ui-badge{border-radius:var(--studio-radius-sm);background:var(--studio-control);min-height:20px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);align-items:center;padding:2px 7px;font-weight:700;line-height:14px;display:inline-flex}.studio-ui-badge[data-tone=info]{background:var(--studio-accent-soft)}.studio-ui-badge[data-tone=success]{background:var(--studio-success-soft)}.studio-ui-badge[data-tone=warning]{background:var(--studio-warning-soft)}.studio-ui-badge[data-tone=danger]{background:var(--studio-danger-soft)}.studio-ui-notice{border-radius:var(--studio-radius-md);background:var(--studio-accent-soft);color:var(--studio-text);font-size:var(--studio-font-size-md);padding:9px 10px;line-height:17px}.studio-ui-notice[data-tone=success]{background:var(--studio-success-soft)}.studio-ui-notice[data-tone=warning]{background:var(--studio-warning-soft)}.studio-ui-notice[data-tone=danger]{background:var(--studio-danger-soft);color:var(--studio-danger)}.studio-ui-empty{border:1px dashed var(--studio-border-strong);border-radius:var(--studio-radius-lg);color:var(--studio-text-secondary);justify-items:start;gap:6px;padding:15px;display:grid}.studio-ui-empty strong{color:var(--studio-text);font-size:var(--studio-font-size-lg);line-height:18px}.studio-ui-empty p{max-width:52ch;font-size:var(--studio-font-size-md);text-wrap:pretty;margin:0;line-height:17px}.studio-ui-empty>div{margin-top:4px}@media (width<=560px){.studio-ui-panel-header{padding-inline:12px}.studio-ui-panel-body{padding:12px}.studio-ui-input{font-size:16px}.studio-ui-theme-switcher{width:100%}.studio-ui-theme-switcher button{flex:1}}@media (prefers-reduced-motion:no-preference){.studio-ui-button,.studio-ui-tabs button,.studio-ui-segmented button,.studio-ui-input{transition:color var(--studio-motion-fast) var(--studio-ease-out), border-color var(--studio-motion-fast) var(--studio-ease-out), background-color var(--studio-motion-fast) var(--studio-ease-out), box-shadow var(--studio-motion-fast) var(--studio-ease-out)}}@media (prefers-reduced-motion:reduce){.studio-ui-spinner{animation:none}}@keyframes studio-ui-spin{to{transform:rotate(1turn)}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--studio-canvas);min-width:320px;overflow:hidden}button,input,textarea,select,iframe{border:0}.studio-shell{background:radial-gradient(circle at 48% -25%, color-mix(in srgb, var(--studio-accent) 12%, transparent), transparent 34%), var(--studio-canvas);flex-direction:column;height:100%;display:flex}.studio-header{--studio-header-surface:color-mix(in srgb, var(--studio-panel-raised) 94%, transparent);z-index:10;border-bottom:1px solid var(--studio-border);background:var(--studio-header-surface);flex:none;grid-template-columns:minmax(190px,250px) minmax(0,1fr) auto;align-items:center;gap:12px;height:56px;padding:0 14px;display:grid;position:sticky;top:0}.studio-brand,.studio-brand>div,.panel-heading>div{min-width:0}.studio-brand{align-items:center;gap:10px;display:flex}.studio-mark{flex:none;place-items:center;width:30px;height:30px;display:grid}.studio-mark img{object-fit:contain;grid-area:1/1;width:100%;height:100%}.studio-mark-mono,:root[data-studio-theme=dark] .studio-mark-color{display:none}:root[data-studio-theme=dark] .studio-mark-mono{filter:invert();display:block}.studio-brand strong,.studio-brand span{display:block}.studio-brand strong{font-size:var(--studio-font-size-2xl);letter-spacing:-.01em;line-height:18px}.studio-brand div>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);line-height:14px}.studio-header-actions{align-items:center;gap:12px;display:flex}.settings-button{border-color:color-mix(in srgb, var(--studio-border) 72%, transparent);background:color-mix(in srgb, var(--studio-control) 68%, transparent);width:28px;min-height:28px;color:var(--studio-text-secondary)}.settings-button svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.settings-button:focus-visible{outline-offset:1px;outline-width:1px}.studio-settings-dialog,.studio-create-dialog,.studio-patch-order-dialog{border:1px solid var(--studio-border);border-radius:var(--studio-radius-lg);background:var(--studio-panel);color:var(--studio-text);box-shadow:var(--studio-shadow-panel);margin:auto;padding:0;overflow:hidden}.studio-settings-dialog{width:min(780px,100vw - 40px);height:min(460px,100vh - 40px)}.studio-settings-dialog[open]{grid-template-rows:52px minmax(0,1fr);display:grid}.studio-create-dialog{width:min(720px,100vw - 40px);height:min(500px,100vh - 40px)}.studio-create-dialog[open]{grid-template-rows:66px minmax(0,1fr);display:grid}.studio-patch-order-dialog{width:min(880px,100vw - 40px);height:min(680px,100vh - 40px)}.studio-patch-order-dialog[open]{grid-template-rows:62px minmax(0,1fr);display:grid}.studio-settings-dialog::backdrop,.studio-create-dialog::backdrop,.studio-patch-order-dialog::backdrop{background:var(--studio-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.studio-settings-dialog :where(button,input,select,textarea,[tabindex]):focus-visible,.studio-create-dialog :where(button,input,select,textarea,[tabindex]):focus-visible,.studio-patch-order-dialog :where(button,input,select,textarea,[tabindex]):focus-visible{outline-offset:0;outline-width:1px}.settings-dialog-header{border-bottom:1px solid var(--studio-border);background:var(--studio-panel-raised);justify-content:space-between;align-items:center;gap:12px;padding:0 14px 0 18px;display:flex}.settings-dialog-header h2{font-size:var(--studio-font-size-xl);letter-spacing:-.01em;margin:0;line-height:20px}.studio-patch-order-dialog .settings-dialog-header>div{min-width:0}.studio-patch-order-dialog .settings-dialog-header p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;line-height:14px;overflow:hidden}.create-dialog-header>div{min-width:0}.create-dialog-header p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;line-height:15px;overflow:hidden}.create-dialog-form{grid-template-rows:minmax(0,1fr) 62px;min-height:0;display:grid}.create-dialog-content{background:var(--studio-panel-raised);min-height:0;padding:10px 26px 24px;overflow:auto}.create-dialog-section{grid-template-columns:minmax(150px,.42fr) minmax(280px,1fr);gap:30px;padding-block:22px;display:grid}.create-dialog-section+.create-dialog-section{border-top:1px solid var(--studio-border)}.create-dialog-section-heading h3{font-size:var(--studio-font-size-lg);letter-spacing:-.01em;margin:0;line-height:18px}.create-dialog-section-heading p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);text-wrap:pretty;margin:5px 0 0;line-height:16px}.create-dialog-fields{align-content:start;gap:15px;min-width:0;display:grid}.create-dialog-error{margin-top:2px}.create-dialog-actions{border-top:1px solid var(--studio-border);background:var(--studio-panel);justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.create-dialog-actions .studio-ui-button{min-width:88px}.automatic-patch-dialog{width:min(760px,100vw - 32px)}.automatic-patch-form{grid-template-rows:minmax(0,1fr) 62px;min-height:0;display:grid}.automatic-patch-content{background:var(--studio-panel-raised);align-content:start;gap:16px;min-height:0;padding:18px 26px 24px;display:grid;overflow:auto}.automatic-patch-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.automatic-patch-summary>div{border:1px solid var(--studio-border);background:var(--studio-control);border-radius:8px;gap:4px;min-width:0;padding:9px 10px;display:grid}.automatic-patch-summary span{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs)}.automatic-patch-summary code{color:var(--studio-text);font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.automatic-patch-mode{width:220px}.automatic-patch-fields{gap:12px;display:grid}.automatic-patch-declaration{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;display:grid}.automatic-patch-content-fields{gap:12px;display:grid}.automatic-patch-analysis{border-top:1px solid var(--studio-border);gap:8px;padding-top:14px;display:grid}.automatic-patch-analysis>header{justify-content:space-between;align-items:center;display:flex}.automatic-patch-analysis>header strong{font-size:var(--studio-font-size-sm)}.automatic-patch-target{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:8px;gap:6px;padding:9px 10px;display:grid;overflow:hidden}.automatic-patch-target>code{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs)}.automatic-patch-target>div{border-top:1px solid var(--studio-border-subtle);grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:6px;padding-top:6px;display:grid}.automatic-patch-target>div>span,.automatic-patch-target>div>code,.automatic-patch-target>div>small{font-size:var(--studio-font-size-xs)}.automatic-patch-target>div>span{color:var(--studio-text-tertiary);font-family:var(--studio-font-mono)}.automatic-patch-target>div>code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.automatic-patch-target>div>small{color:var(--studio-warning);grid-column:2}.automatic-patch-actions{grid-template-columns:auto 1fr auto auto;display:grid}.selection-actions{margin-top:10px}.settings-dialog-layout{grid-template-columns:174px minmax(0,1fr);min-height:0;display:grid}.settings-dialog-nav{border-right:1px solid var(--studio-border);background:color-mix(in srgb, var(--studio-control) 48%, var(--studio-panel));flex-direction:column;gap:3px;min-width:0;padding:12px 10px;display:flex}.settings-dialog-nav button{border-radius:var(--studio-radius-sm);min-height:34px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0 10px;font-weight:600;display:flex}.settings-dialog-nav button:hover{background:var(--studio-control-hover);color:var(--studio-text)}.settings-dialog-nav button[aria-selected=true]{background:var(--studio-control-pressed);color:var(--studio-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--studio-border) 65%, transparent)}.settings-dialog-nav svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.settings-dialog-content{background:var(--studio-panel-raised);min-width:0;padding:22px 26px 30px;overflow:auto}.settings-page-heading{border-bottom:1px solid var(--studio-border);min-height:42px}.settings-page-heading h3{font-size:var(--studio-font-size-2xl);letter-spacing:-.015em;margin:0;line-height:20px}.settings-row{border-bottom:1px solid var(--studio-border);grid-template-columns:minmax(220px,1fr) max-content;align-items:center;gap:28px;min-height:84px;padding-block:16px;display:grid}.settings-copy strong{font-size:var(--studio-font-size-lg);line-height:18px;display:block}.settings-copy p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:5px 0 0;line-height:17px}.settings-choice{justify-self:end}.settings-language-select{min-width:190px}.settings-choice button{min-width:74px}.draft-tabs{border:1px solid color-mix(in srgb, var(--studio-border) 86%, transparent);border-radius:calc(var(--studio-radius-md) + 2px);background:color-mix(in srgb, var(--studio-control-pressed) 72%, var(--studio-panel));align-self:center;align-items:center;gap:0;min-width:0;height:40px;padding:4px;display:flex;overflow:hidden}.draft-tab-list{flex:0 auto;align-items:center;gap:4px;min-width:0;min-height:30px;padding-inline:4px;display:flex;overflow-x:auto}.draft-tab{border-radius:var(--studio-radius-sm);min-width:88px;max-width:190px;min-height:30px;color:var(--studio-text-secondary);transform:translateX(var(--draft-tab-shift,0));border:0;align-items:center;display:flex;position:relative}.draft-tab[data-dragging=true]{opacity:0}.draft-tab-drag-preview{z-index:100;border:1px solid var(--studio-border-strong);background:var(--studio-panel-raised);min-height:30px;color:var(--studio-text);box-shadow:var(--studio-shadow-panel);pointer-events:none;will-change:transform;position:fixed;top:0;left:0;overflow:hidden}.draft-tab-drag-preview:before,.draft-tab-drag-preview:after{display:none}.draft-tab-drag-preview .draft-tab-close{opacity:1}.draft-tab[data-drop-indicator]:after{content:"";z-index:4;background:color-mix(in srgb, var(--studio-instance-live) 82%, white);width:2px;box-shadow:0 0 6px color-mix(in srgb, var(--studio-instance-live) 58%, transparent);border-radius:2px;position:absolute;top:7px;bottom:7px}.draft-tab[data-drop-indicator=before]:after{left:-3px}.draft-tab[data-drop-indicator=after]:after{right:-3px}.draft-tab+.draft-tab:before{content:"";background:var(--studio-border-strong);opacity:.65;width:1px;position:absolute;top:9px;bottom:9px;left:-2px}.draft-tab[data-active=true]:before,.draft-tab[data-active=true]+.draft-tab:before{opacity:0}.draft-tab:hover{background:color-mix(in srgb, var(--studio-control) 54%, transparent)}.draft-tab[data-active=true]{z-index:1;background:var(--studio-header-surface);color:var(--studio-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--studio-border) 72%, transparent), 0 1px 4px #0000001a}.draft-tab-select{min-width:0;min-height:30px;color:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:1;padding:0 5px 0 11px;overflow:hidden}.draft-tab-select:active{cursor:grabbing}.draft-tab .draft-tab-close{opacity:.55;flex:none;width:24px;height:24px;min-height:24px;margin-right:4px}.draft-tab:hover .draft-tab-close,.draft-tab[data-active=true] .draft-tab-close,.draft-tab-close:focus-visible{opacity:1}.draft-tab-close svg{width:13px;height:13px}.draft-tab-label{min-width:0;font-size:var(--studio-font-size-sm);align-items:center;gap:7px;font-weight:600;display:flex}.draft-tab-label>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draft-tab-dot{background:var(--studio-text-tertiary);border-radius:50%;flex:none;width:6px;height:6px}.draft-tab-label[data-state=running] .draft-tab-dot,.draft-tab-label[data-state=starting] .draft-tab-dot{background:var(--studio-instance-live)}.draft-tab-label[data-state=failed] .draft-tab-dot{background:var(--studio-danger)}.draft-tab-dirty{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.draft-tab-add{transform:translateX(var(--draft-tab-add-shift,0));flex:none;align-self:center}.draft-tabs .draft-tab-add[data-empty=true]{width:auto;color:var(--studio-accent);padding-inline:8px 10px}.draft-tab-add>span{align-items:center;gap:5px;line-height:1;display:flex}.draft-tab-add-label{font-size:var(--studio-font-size-sm);font-weight:700}.draft-tabs-loading{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);white-space:nowrap;align-self:center;padding:0 6px 3px}.draft-tabs-empty{min-width:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);text-overflow:ellipsis;white-space:nowrap;align-self:center;padding:0 4px 3px;overflow:hidden}.studio-main{--studio-left-sidebar:260px;--studio-right-sidebar:400px;isolation:isolate;grid-template-columns:var(--studio-left-sidebar) minmax(0, 1fr) var(--studio-right-sidebar);background-color:var(--studio-workspace);background-image:radial-gradient(circle, var(--studio-workspace-dot) 0 1px, transparent 1.25px);background-position:50%;background-size:18px 18px;flex:1;min-height:0;display:grid;position:relative}.studio-main[data-left-collapsed=true]{--studio-left-sidebar:48px}.studio-main[data-right-collapsed=true]{--studio-right-sidebar:56px}.studio-main[data-preview-fullscreen=true]{z-index:100}.studio-project,.studio-inspector-rail,.studio-inspector,.studio-preview{min-width:0;min-height:0}.studio-project,.studio-inspector{flex-direction:column;display:flex}.studio-project{z-index:3;border-right:1px solid var(--studio-border);background:var(--studio-panel);box-shadow:var(--studio-sidebar-shadow);grid-area:1/1;position:relative}.sidebar-resizer{z-index:8;touch-action:none;cursor:col-resize;width:9px;position:absolute;top:0;bottom:0}.sidebar-resizer:after{content:"";background:0 0;width:1px;position:absolute;top:0;bottom:0;left:4px}.sidebar-resizer:hover:after,.sidebar-resizer:focus-visible:after{background:var(--studio-accent)}.sidebar-resizer[data-side=left]{right:-5px}.sidebar-resizer[data-side=right]{left:-5px}.sidebar-heading{border-bottom:1px solid var(--studio-border);background:var(--studio-panel-raised);flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:11px 12px 11px 14px;display:flex;box-shadow:0 5px 14px -13px #111f30b3}.sidebar-title{min-width:0}.sidebar-title strong,.sidebar-title span{display:block}.sidebar-title strong{font-size:var(--studio-font-size-lg);letter-spacing:-.01em;line-height:17px}.sidebar-title span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin-top:1px;line-height:14px}.studio-sidebar[data-collapsed=true] .sidebar-title,.studio-sidebar[data-collapsed=true] .sidebar-content,.studio-project[data-collapsed=true]>.host-terminal{display:none}.studio-sidebar[data-collapsed=true] .sidebar-heading{border-bottom:0;justify-content:center;padding-inline:6px}.project-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow-y:auto}.control-section-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.control-section-heading>div{min-width:0}.control-section-heading strong,.control-section-heading code,.control-section-heading span{display:block}.control-section-heading strong{font-size:var(--studio-font-size-lg);text-overflow:ellipsis;white-space:nowrap;line-height:17px;overflow:hidden}.control-section-heading code,.control-section-heading span{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);margin-top:2px}.control-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.preview-mode-field{gap:6px;display:grid}.preview-mode-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.preview-mode-heading strong{font-size:var(--studio-font-size-md);line-height:16px}.preview-mode-heading span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);line-height:14px}.preview-mode-control{border-color:var(--studio-border-strong);border-radius:var(--studio-radius-md);background:var(--studio-control);gap:2px;width:100%;min-height:40px;padding:4px;position:relative;box-shadow:inset 0 1px 2px #101c2b1f}.preview-mode-control:before{content:"";z-index:0;border-radius:var(--studio-radius-sm);background:var(--studio-accent);width:calc(50% - 5px);position:absolute;inset-block:4px;inset-inline-start:4px;box-shadow:0 2px 7px #13377042}.preview-mode-field[data-mode=inspect] .preview-mode-control:before{inset-inline-start:calc(50% + 1px)}.preview-mode-field[data-disabled=true] .preview-mode-control:before{opacity:.34;box-shadow:none}.preview-mode-control button{z-index:1;min-height:30px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);flex:1;font-weight:700;position:relative}.preview-mode-control button[aria-checked=true]{color:var(--studio-accent-contrast);box-shadow:none;background:0 0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading h1,.panel-heading h2{color:var(--studio-text);font-size:var(--studio-font-size-xl);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:18px}.panel-heading p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);text-wrap:pretty;margin:3px 0 0;line-height:16px}.left-sidebar-tabs{background:var(--studio-panel);flex:none;min-height:34px;padding-inline:12px}.left-sidebar-tabs button{font-size:var(--studio-font-size-xs);flex:1;padding-inline:6px}.left-sidebar-page{flex:1;min-height:0}.left-sidebar-empty-page{padding:12px 14px}.left-sidebar-empty{border-radius:var(--studio-radius-md);background:var(--studio-control);border:0;align-items:center;min-height:40px;padding:10px 12px;display:flex}.left-sidebar-empty strong{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);font-weight:600;line-height:16px}.instance-control-panel{flex-direction:column;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.instance-preview-section{border-top:1px solid var(--studio-border);flex-direction:column;gap:10px;margin-top:2px;padding-top:11px;display:flex}.instance-preview-section>.preview-controls{flex-direction:column;gap:10px;display:flex}.instance-summary{border-bottom:1px solid var(--studio-border);min-width:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);align-items:center;gap:7px;padding-bottom:9px;font-weight:600;display:flex}.instance-status-dot{background:var(--studio-text-tertiary);outline:2px solid color-mix(in srgb, var(--studio-text-tertiary) 14%, transparent);border-radius:50%;flex:none;width:7px;height:7px}.instance-summary[data-state=running] .instance-status-dot,.instance-summary[data-state=starting] .instance-status-dot{background:var(--studio-instance-live);outline-color:var(--studio-instance-live-soft)}.instance-summary[data-state=running],.instance-summary[data-state=starting]{color:var(--studio-instance-live)}.instance-summary[data-state=failed] .instance-status-dot{background:var(--studio-danger);outline-color:var(--studio-danger-soft)}.instance-summary[data-state=failed]{color:var(--studio-danger)}.instance-fields{gap:8px;display:grid}.instance-fields>label{gap:3px;min-width:0;display:grid}.instance-fields>label>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);font-weight:600}.instance-fields .studio-ui-input{min-height:26px;font-size:var(--studio-font-size-sm);border-radius:2px;padding-inline:7px}.instance-fields code{min-width:0;color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;padding:1px 0;overflow:hidden}.instance-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.instance-actions .studio-ui-button{min-width:0;min-height:26px;font-size:var(--studio-font-size-xs);border-radius:3px;padding-inline:5px}.instance-export{border-top:1px solid var(--studio-border);gap:5px;padding-top:10px;display:grid}.instance-export .studio-ui-button{width:100%}.instance-export>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);line-height:15px}.plugin-management-page{overflow:hidden}.plugin-management-content{flex-direction:column;height:100%;min-height:0;display:flex}.plugin-inventory-panel,.profile-management{flex-direction:column;flex:1;gap:9px;min-height:0;padding:11px 14px 12px;display:flex}.profile-management-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.profile-management-heading>div{min-width:0}.profile-management-heading strong{color:var(--studio-text);font-size:var(--studio-font-size-sm);line-height:16px}.profile-management-heading p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin:3px 0 0;line-height:15px}.profile-management-heading .studio-ui-button{min-height:24px;font-size:var(--studio-font-size-xs);padding-inline:6px}.profile-management-status{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin:8px 0}.plugin-management-search{min-height:28px;font-size:var(--studio-font-size-sm);flex:none;padding-inline:8px}.plugin-management-list-heading{color:var(--studio-text-secondary);justify-content:space-between;align-items:center;gap:8px;display:flex}.plugin-management-list-heading strong,.plugin-management-list-heading span{font-size:var(--studio-font-size-xs);line-height:14px}.plugin-management-list-heading span{font-family:var(--studio-font-mono);font-variant-numeric:tabular-nums}.profile-management-scroll{flex-direction:column;flex:1;gap:9px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.profile-plugin-list{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-panel-raised);flex:none;align-content:start;display:grid;overflow:hidden}.profile-provider-list{flex:none}.profile-patch-heading{color:var(--studio-text-secondary);justify-content:space-between;align-items:center;display:flex}.profile-patch-heading strong,.profile-patch-heading span{font-size:var(--studio-font-size-xs)}.profile-plugin-row{border-bottom:1px solid var(--studio-border);-webkit-user-select:none;user-select:none;outline:none;grid-template-columns:12px 19px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;min-height:38px;padding:5px 6px;display:grid}.profile-plugin-row:last-child{border-bottom:0}.profile-patch-list{background:color-mix(in srgb, var(--studio-panel) 82%, transparent)}.profile-patch-row{border-bottom:1px solid var(--studio-border-subtle);cursor:grab;-webkit-user-select:none;user-select:none;grid-template-columns:12px 19px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;min-height:40px;padding:5px 6px;display:grid}.profile-patch-row:last-child{border-bottom:0}.profile-patch-row:active{cursor:grabbing}.profile-patch-row:hover{background:color-mix(in srgb, var(--studio-accent) 6%, transparent)}.profile-patch-row:focus-visible{box-shadow:inset 0 0 0 2px var(--studio-accent);outline:none}.profile-patch-row[data-dragging=true]{opacity:.42}.profile-patch-row[data-disabled=true] .profile-patch-identity{opacity:.5}.draft-patch-list{background:var(--studio-panel-raised)}.draft-patch-row{cursor:default;-webkit-user-select:text;user-select:text;grid-template-columns:19px minmax(0,1fr) auto}.draft-patch-row:active{cursor:default}.profile-patch-identity{min-width:0;display:grid}.profile-patch-identity strong{font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;line-height:14px;overflow:hidden}.profile-patch-identity span{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);line-height:11px}.profile-patch-controls{align-items:center;gap:4px;display:flex}.profile-patch-controls .studio-ui-badge{font-size:var(--studio-font-size-xs);white-space:nowrap;padding:1px 4px}.profile-patch-toggle b{display:none}.profile-plugin-row[draggable=true]{cursor:grab}.profile-plugin-row[draggable=true]:active{cursor:grabbing}.profile-plugin-row:hover{background:color-mix(in srgb, var(--studio-accent) 7%, transparent)}.profile-plugin-row[aria-selected=true]{background:color-mix(in srgb, var(--studio-accent) 13%, var(--studio-panel-raised));box-shadow:inset 2px 0 0 var(--studio-accent)}.profile-plugin-row:focus-visible{box-shadow:inset 0 0 0 2px var(--studio-accent)}.profile-plugin-row[data-dragging=true]{opacity:.5}.profile-plugin-row[data-disabled=true] .profile-plugin-identity{opacity:.55}.profile-plugin-grip{width:12px;height:16px;color:var(--studio-text-tertiary)}.profile-plugin-grip svg{fill:currentColor;width:100%;height:100%}.profile-plugin-index{color:var(--studio-text-tertiary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-align:right}.profile-plugin-identity{min-width:0;display:grid}.profile-plugin-identity strong{color:var(--studio-text);font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;line-height:14px;overflow:hidden}.profile-plugin-identity>span{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;line-height:11px;overflow:hidden}.profile-plugin-row .studio-ui-badge{font-size:var(--studio-font-size-xs);white-space:nowrap;padding:1px 4px}.profile-plugin-toggle{color:var(--studio-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:20px auto;align-items:center;gap:4px;min-height:24px;padding:0;display:grid}.profile-plugin-toggle>span{background:var(--studio-border-strong);border-radius:999px;width:20px;height:11px;padding:2px}.profile-plugin-toggle>span:after{content:"";background:var(--studio-panel-raised);border-radius:50%;width:7px;height:7px;display:block}.profile-plugin-toggle[aria-checked=true]>span{background:var(--studio-accent)}.profile-plugin-toggle[aria-checked=true]>span:after{transform:translate(9px)}.profile-plugin-toggle b{font-size:var(--studio-font-size-xs);font-weight:650}.profile-plugin-toggle:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.profile-plugin-toggle:disabled{cursor:default;opacity:.55}.profile-management-actions{border-top:1px solid var(--studio-border);flex:none;justify-content:space-between;align-items:center;gap:8px;padding-top:9px;display:flex}.profile-management-actions>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);line-height:14px}.profile-management-actions .studio-ui-button{min-height:25px;font-size:var(--studio-font-size-xs);flex:none;padding-inline:7px}.profile-provider-detail{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:color-mix(in srgb, var(--studio-panel-raised) 86%, var(--studio-accent) 4%);gap:3px;padding:8px 9px;display:grid}.profile-provider-detail strong{overflow-wrap:anywhere;font-size:var(--studio-font-size-sm);line-height:15px}.profile-provider-detail p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin:0;line-height:15px}.profile-provider-detail>span{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs)}.patch-order-open{flex:none;width:100%}.patch-order-dialog-body{flex-direction:column;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.studio-patch-order-dialog{--dsw-alias-label-primary:var(--studio-text);--dsw-alias-label-secondary:var(--studio-text-secondary);--dsw-alias-label-tertiary:var(--studio-text-tertiary);--dsw-alias-border-l2:var(--studio-border);--dsw-alias-bg-layer-1:var(--studio-panel);--dsw-alias-bg-layer-2:var(--studio-panel-raised);--dsw-alias-bg-module-platform:var(--studio-control);--dsw-alias-state-business-primary:var(--studio-accent);--dsw-alias-state-error-primary:var(--studio-danger);--dsw-alias-interactive-bg-hover:var(--studio-control-hover)}.dshHarmonyPage{height:100%;min-height:0;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}.dshHarmonyWorkspace{flex:1;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:16px;min-height:0;display:grid}.dshHarmonyList{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--studio-radius-lg);background:var(--dsw-alias-bg-layer-1);scrollbar-color:var(--dsw-alias-border-l2) transparent;scrollbar-width:thin;flex-direction:column;gap:10px;min-height:0;margin:0;padding:10px;display:flex;overflow-y:auto}.dshHarmonyStack{isolation:isolate;width:100%;min-width:0;position:relative}.dshHarmonyStack[data-collapsed=true]{cursor:grab}.dshHarmonyStack[data-collapsed=true]:active{cursor:grabbing}.dshHarmonyStackCover{--dsh-card-border:var(--dsw-alias-border-l2);z-index:100;border:1px solid var(--dsh-card-border);border-radius:var(--studio-radius-md);background:var(--dsw-alias-bg-layer-2);min-height:48px;position:absolute;inset:0 0 auto;overflow:hidden}.dshHarmonyStack[data-collapsed=true] .dshHarmonyStackCover{position:relative;inset:auto}.dshHarmonyStack[data-expanded=true] .dshHarmonyStackCover{opacity:0;pointer-events:none}.dshHarmonyStackSummary{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;align-items:center;gap:10px;padding:9px 11px;display:flex}.dshHarmonyStackSummary:active{cursor:grabbing}.dshHarmonyPatchGrip{color:var(--dsw-alias-label-tertiary);cursor:grab;touch-action:none;background:0 0;justify-content:center;align-items:center;display:flex}.dshHarmonyPatchGrip:before{content:"";background:radial-gradient(circle,currentColor 1.2px,#0000 1.4px) 0 0/6px 6px;width:12px;height:16px}.dshHarmonyPatchGrip:active{cursor:grabbing}.dshHarmonyStackSummary:focus-visible,.dshHarmonyPatchCard:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-3px}.dshHarmonyStack[data-collapsed=true]:hover .dshHarmonyStackCover,.dshHarmonyPatchCard:hover,.dshHarmonyStack[data-selected=true] .dshHarmonyStackCover,.dshHarmonyPatchCard[data-selected=true]{box-shadow:inset 0 0 0 1px var(--dsh-card-border)}.dshHarmonyList[data-has-selection=true]>.dshHarmonyStack:not([data-owner-selected=true]),.dshHarmonyList[data-has-selection=true]>.dshHarmonyPatchItem>.dshHarmonyPatchCard:not([data-owner-selected=true]){width:75%}.dshHarmonyPatchCard[data-status=disabled],.dshHarmonyDragPatch[data-status=disabled],.dshHarmonyDragLayer[data-status=disabled]{--dsh-card-border:color-mix(in srgb, var(--dsw-alias-label-tertiary) 13%, var(--dsw-alias-border-l2));border-color:var(--dsh-card-border);background:color-mix(in srgb, var(--dsw-alias-label-tertiary) 7%, var(--dsw-alias-bg-layer-2));color:var(--dsw-alias-label-secondary)}.dshHarmonyPatchCard[data-status=warning],.dshHarmonyDragPatch[data-status=warning],.dshHarmonyDragLayer[data-status=warning]{--dsh-card-border:color-mix(in srgb, var(--studio-warning) 25%, var(--dsw-alias-border-l2));border-color:var(--dsh-card-border);background:color-mix(in srgb, var(--studio-warning) 9%, var(--dsw-alias-bg-layer-2))}.dshHarmonyPatchCard[data-status=error],.dshHarmonyDragPatch[data-status=error],.dshHarmonyDragLayer[data-status=error]{--dsh-card-border:color-mix(in srgb, var(--dsw-alias-state-error-primary) 22%, var(--dsw-alias-border-l2));border-color:var(--dsh-card-border);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 7%, var(--dsw-alias-bg-layer-2))}.dshHarmonyStack[data-dragging=true],.dshHarmonyPatchCard[data-dragging=true]{opacity:.54}.dshHarmonyStackGlyph{border-radius:var(--studio-radius-sm);background:var(--dsw-alias-bg-module-platform);width:30px;height:30px;color:var(--dsw-alias-label-secondary);font-size:var(--studio-font-size-lg);flex:none;justify-content:center;align-items:center;font-weight:650;display:flex}.dshHarmonyStackText,.dshHarmonyPatchText{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dshHarmonyName,.dshHarmonyPatchName{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:20px;overflow:hidden}.dshHarmonyStackMeta,.dshHarmonyPatchOwner{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:16px;overflow:hidden}.dshHarmonyStackPatches{flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.dshHarmonyStack[data-collapsed=true] .dshHarmonyStackPatches{pointer-events:none;display:block;position:absolute;inset:0}.dshHarmonyPatchItem{min-width:0}.dshHarmonyStack[data-collapsed=true] .dshHarmonyPatchItem{position:absolute}.dshHarmonyPatchCard{--dsh-card-border:var(--dsw-alias-border-l2);border:1px solid var(--dsh-card-border);border-radius:var(--studio-radius-md);background:var(--dsw-alias-bg-layer-2);width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;grid-template-columns:30px 24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 9px 6px 0;display:grid}.dshHarmonyPatchCard:active{cursor:grabbing}.dshHarmonyDropSlot{pointer-events:none;align-items:center;height:10px;padding:0 4px;display:flex}.dshHarmonyDropSlot:before{content:"";background:var(--studio-selection);width:100%;height:2px;box-shadow:0 0 4px var(--studio-selection), 0 0 11px color-mix(in srgb, var(--studio-selection) 72%, transparent);border-radius:2px}.dshHarmonyDragPreview{z-index:1400;pointer-events:none;filter:drop-shadow(0 10px 18px #0000002e);position:fixed}.dshHarmonyDragPatch,.dshHarmonyDragCover,.dshHarmonyDragLayer{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--studio-radius-md);background:var(--dsw-alias-bg-layer-2);height:48px}.dshHarmonyDragPatch,.dshHarmonyDragCover{z-index:30;color:var(--dsw-alias-label-primary);align-items:center;gap:9px;padding:8px 11px;display:flex;position:relative}.dshHarmonyDragStack{position:relative}.dshHarmonyDragLayer{position:absolute}.dshHarmonyDragTitle{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:20px;overflow:hidden}.dshHarmonyDragMeta{color:var(--dsw-alias-label-tertiary);flex:none;font-size:10px;line-height:16px}.dshHarmonyIndex{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.dshHarmonyOrderState{background:var(--dsw-alias-label-tertiary);border-radius:50%;flex:none;width:8px;height:8px}.dshHarmonyOrderState[data-state=bound]{background:var(--dsw-alias-state-business-primary)}.dshHarmonyOrderState[data-state=failed]{background:var(--dsw-alias-state-error-primary)}.dshHarmonyPatchCard[data-status=warning] .dshHarmonyOrderState{background:var(--studio-warning)}.dshHarmonyPatchCard[data-status=error] .dshHarmonyOrderState{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 78%, transparent)}.dshHarmonyStackState{border:1px solid color-mix(in srgb, var(--dsw-alias-label-primary) 20%, transparent)}.dshHarmonyDetail{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex;overflow-y:auto}.dshHarmonyPreview{aspect-ratio:16/9;border-radius:var(--studio-radius-lg);background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dshHarmonyPreviewMark{border-radius:var(--studio-radius-lg);background:var(--dsw-alias-bg-layer-1);width:56px;height:56px;color:var(--dsw-alias-label-secondary);font-size:var(--studio-font-size-2xl);justify-content:center;align-items:center;font-weight:600;display:flex}.dshHarmonyPreviewLabel{font-size:11px;position:absolute;bottom:8px;right:10px}.dshHarmonyIdentity{flex-direction:column;gap:2px;display:flex}.dshHarmonyMeta{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dshHarmonyTitle{overflow-wrap:anywhere;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:24px}.dshHarmonyVersion{color:var(--dsw-alias-label-tertiary);flex:none;font-size:11px;line-height:20px}.dshHarmonyScope{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.dshHarmonyDescription{max-width:70ch;color:var(--dsw-alias-label-secondary);margin:0;font-size:13px;line-height:21px}.dshHarmonyConstraint{border-radius:var(--studio-radius-sm);background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);margin:0;padding:9px 10px;font-size:12px;line-height:19px}.dshHarmonyFacts{color:var(--dsw-alias-label-tertiary);flex-wrap:wrap;gap:6px 14px;font-size:11px;line-height:18px;display:flex}.dshHarmonyPatchActions{flex-wrap:wrap;gap:8px;display:flex}.dshHarmonyFooter{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.dshHarmonyFooterActions{align-items:center;gap:8px;display:flex}.dshHarmonyHint,.dshHarmonyStatus{color:var(--dsw-alias-label-tertiary);margin:0;font-size:11px;line-height:18px}.dshHarmonyStatus{margin:auto}.dshHarmonyError{color:var(--dsw-alias-state-error-primary)}@media (prefers-reduced-motion:no-preference){.dshHarmonyStackCover{transition:opacity .11s ease-out,box-shadow .16s ease-out}.dshHarmonyStack[data-collapsed=true] .dshHarmonyStackCover{transition:opacity .14s ease-out .14s,box-shadow .16s ease-out}.dshHarmonyPatchCard{transition:opacity .16s ease-out,box-shadow .16s ease-out}.dshHarmonyDropSlot{animation:.13s cubic-bezier(.16,1,.3,1) dsh-harmony-drop-in}}@keyframes dsh-harmony-drop-in{0%{opacity:0;height:0}to{opacity:1;height:10px}}.host-terminal{background:var(--studio-terminal-bg);height:184px;min-height:156px;color:var(--studio-terminal-text);border-radius:0;flex-direction:column;flex:none;margin:0;display:flex;overflow:hidden}.host-terminal[data-minimized=true]{height:29px;min-height:29px}.host-terminal[data-minimized=true] .host-terminal-bar{border-bottom:0;min-height:29px}.terminal-latest-line{min-width:0;color:var(--studio-terminal-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.host-terminal-bar{border-top:1px solid var(--studio-terminal-border);border-bottom:1px solid var(--studio-terminal-border);background:var(--studio-terminal-header);width:100%;min-width:0;min-height:29px;color:var(--studio-terminal-text);font-size:var(--studio-font-size-sm);justify-content:space-between;align-items:center;gap:6px;padding:0 5px 0 6px;display:flex}.terminal-section-toggle{min-width:0;min-height:28px;color:inherit;font-size:var(--studio-font-size-sm);cursor:pointer;background:0 0;border:0;flex:none;align-self:stretch;align-items:center;gap:3px;margin-left:-6px;padding:0 6px;display:flex}.host-terminal:not([data-expanded=true]) .terminal-section-toggle{flex:1}.terminal-section-toggle:hover{background:color-mix(in srgb, var(--studio-terminal-text) 7%, transparent)}.terminal-section-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.terminal-section-toggle strong{font-weight:700}.terminal-runtime-state{margin-left:auto}.host-terminal-actions{align-items:center;gap:5px;height:100%;display:flex}.host-terminal-bar span{color:var(--studio-terminal-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono)}.host-terminal-bar span[data-state=running]{color:var(--studio-success)}.host-terminal-bar span[data-state=starting]{color:var(--studio-warning)}.host-terminal-bar span[data-state=failed]{color:var(--studio-danger)}.host-terminal .terminal-layout-button{width:24px;height:24px;min-height:24px;color:var(--studio-terminal-secondary);padding:0}.host-terminal .terminal-layout-button:not(:disabled):hover{background:color-mix(in srgb, var(--studio-terminal-text) 9%, transparent)}.host-terminal .terminal-layout-button svg{width:14px;height:14px}.host-terminal pre{background:var(--studio-terminal-bg);width:100%;min-width:0;max-width:100%;min-height:0;color:inherit;font:var(--studio-font-size-sm)/16px var(--studio-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:9px 10px 11px;overflow:auto}.host-terminal[data-expanded=true]{z-index:50;border:1px solid var(--studio-terminal-border);border-radius:var(--studio-radius-lg);min-width:280px;min-height:220px;margin:0;position:fixed;overflow:visible;box-shadow:0 22px 64px #0000006b,0 4px 14px #0000003d}.host-terminal[data-expanded=true] .host-terminal-bar{border-radius:var(--studio-radius-lg) var(--studio-radius-lg) 0 0;background:var(--studio-terminal-header);color:var(--studio-terminal-text);cursor:move;touch-action:none;border-top:0}.host-terminal[data-expanded=true] pre{border-radius:0 0 var(--studio-radius-lg) var(--studio-radius-lg);background:var(--studio-terminal-bg)}.studio-preview{z-index:1;background:0 0;flex-direction:column;display:flex;position:absolute;inset:0}.studio-preview[data-fullscreen=true]{z-index:100;isolation:isolate;background:var(--studio-panel);width:100vw;height:100dvh;color:var(--studio-text);position:fixed;inset:0}.preview-fullscreen-button svg,.preview-fullscreen-exit svg,.preview-aspect-lock svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.preview-fullscreen-tools{z-index:10;border:1px solid var(--studio-glass-border);border-radius:var(--studio-radius-md);background:var(--studio-glass);box-shadow:var(--studio-shadow-panel);-webkit-backdrop-filter:blur(20px)saturate(1.15);pointer-events:auto;gap:6px;padding:5px;display:flex;position:absolute;top:14px;right:14px}.preview-fullscreen-exit{min-width:32px;min-height:32px}.preview-stage{z-index:0;min-height:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--studio-border-strong) 55%, transparent);background:0 0;flex:1;position:relative;overflow:hidden}.preview-zoom-focus{--preview-zoom-focus-expire-duration:10s;--preview-zoom-focus-visual-decay:cubic-bezier(.3333, 0, .6667, .3333);--preview-zoom-focus-rotation-decay:cubic-bezier(.3333, 1, .6667, 1);z-index:7;isolation:isolate;cursor:grab;touch-action:none;border-radius:50%;width:52px;height:52px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.preview-zoom-focus:before,.preview-zoom-focus:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.preview-zoom-focus:before{z-index:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:backdrop-filter var(--preview-zoom-focus-expire-duration) var(--preview-zoom-focus-visual-decay);inset:5px}.preview-zoom-focus:after{z-index:1;background:repeating-conic-gradient(from -13deg, color-mix(in srgb, var(--studio-accent) 82%, white) 0deg 26deg, transparent 26deg 45deg);inset:1px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px))}.preview-zoom-focus[data-phase=fading]{animation:preview-zoom-focus-fade var(--preview-zoom-focus-expire-duration) var(--preview-zoom-focus-visual-decay) forwards}.preview-zoom-focus[data-phase=fading]:before{-webkit-backdrop-filter:blur();backdrop-filter:blur()}.preview-artboard{z-index:1;box-shadow:0 0 0 1px var(--studio-artboard-edge), var(--studio-artboard-shadow);background:#fff;position:absolute;overflow:hidden}.preview-viewport{transform-origin:0 0}.preview-artboard[data-empty=true]{background:var(--studio-panel-raised)}.preview-artboard[data-mode=inspect]{cursor:crosshair}.studio-preview iframe{background:#fff;width:100%;height:100%;display:block}.studio-preview iframe[data-active=false]{display:none}.studio-preview[data-fullscreen=true] .preview-stage,.studio-preview[data-fullscreen=true] .preview-artboard{box-shadow:none}.studio-preview[data-fullscreen=true] .preview-viewport{transform:none}.preview-empty{text-align:center;border:0;border-radius:0;place-content:center;justify-items:center;width:100%;height:100%}.preview-empty p{max-width:40ch}.resize-handle{z-index:6;touch-action:none;display:block;position:absolute}.resize-handle-n,.resize-handle-s{height:10px;left:12px;right:12px}.resize-handle-e,.resize-handle-w{width:10px;top:12px;bottom:12px}.resize-handle-n{cursor:n-resize;top:0}.resize-handle-e{cursor:e-resize;right:0}.resize-handle-s{cursor:s-resize;bottom:0}.resize-handle-w{cursor:w-resize;left:0}.resize-handle-ne,.resize-handle-se,.resize-handle-sw,.resize-handle-nw{width:15px;height:15px}.resize-handle-ne{cursor:ne-resize;top:0;right:0}.resize-handle-se{cursor:se-resize;bottom:0;right:0}.resize-handle-sw{cursor:sw-resize;bottom:0;left:0}.resize-handle-nw{cursor:nw-resize;top:0;left:0}.preview-artboard>.resize-handle:after{content:"";background:color-mix(in srgb, var(--studio-accent) 76%, white);opacity:0;position:absolute}.preview-artboard>.resize-handle-n:after,.preview-artboard>.resize-handle-s:after{height:2px;left:0;right:0}.preview-artboard>.resize-handle-e:after,.preview-artboard>.resize-handle-w:after{width:2px;top:0;bottom:0}.preview-artboard>.resize-handle-n:after{top:0}.preview-artboard>.resize-handle-e:after{right:0}.preview-artboard>.resize-handle-s:after{bottom:0}.preview-artboard>.resize-handle-w:after{left:0}.preview-artboard>.resize-handle:hover:after{opacity:1}body[data-studio-dragging=true] iframe{pointer-events:none}.studio-inspector-rail{z-index:3;border-left:1px solid var(--studio-border);pointer-events:none;flex-direction:column;grid-area:1/3;gap:12px;padding:12px;display:flex;position:relative}.studio-inspector-block,.studio-inspector-rail>.sidebar-resizer{pointer-events:auto}.studio-inspector-block{border:1px solid var(--studio-glass-border);border-radius:var(--studio-radius-lg);background:var(--studio-inspector-surface);box-shadow:var(--studio-glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.1);overflow:hidden}.preview-resolution-line{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px;display:grid}.preview-resolution-line>label{align-items:center;gap:4px;min-width:0;display:flex}.preview-resolution-line>label>span{color:var(--studio-text-tertiary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono)}.preview-resolution-line .studio-ui-input{min-width:0;min-height:30px;font-size:var(--studio-font-size-sm);padding-inline:7px}.preview-canvas-line{grid-template-columns:auto minmax(70px,1fr) 30px;align-items:center;gap:6px;display:grid}.preview-zoom-control{grid-template-columns:30px 44px 30px;align-items:center;gap:4px;display:grid}.preview-zoom-control>span{color:var(--studio-text-secondary);font:var(--studio-font-size-sm)/16px var(--studio-font-mono);text-align:center}.preview-zoom-step{min-width:30px;font-size:var(--studio-font-size-xl);padding-inline:0}.preview-aspect-select{min-width:0;min-height:30px;font-size:var(--studio-font-size-sm);padding-inline:7px 24px}.preview-aspect-lock{width:30px;min-width:30px;min-height:30px;padding:0}.preview-aspect-lock[aria-pressed=true]{border-color:color-mix(in srgb, var(--studio-accent) 48%, var(--studio-border));background:var(--studio-selection);color:var(--studio-accent)}.studio-inspector{font-size:var(--studio-font-size-md);flex:1;line-height:17px}.inspector-nav{border-bottom:1px solid var(--studio-border);flex:none;justify-content:center;align-items:center;min-height:43px;display:flex}.inspector-nav>.studio-ui-tabs{background:0 0;border-bottom:0;flex:1;min-width:0;padding-inline:6px}.inspector-nav .studio-ui-tabs button{flex:1;min-width:0;padding-inline:5px}.inspector-nav>.studio-ui-icon-button{flex:none;margin-right:6px}.studio-inspector-rail[data-collapsed=true]{padding:10px 8px}.studio-inspector-rail[data-collapsed=true] .studio-inspector{flex:none}.studio-inspector-rail[data-collapsed=true] .inspector-nav{border-bottom:0;min-height:38px}.studio-inspector-rail[data-collapsed=true] .inspector-nav>.studio-ui-icon-button{margin-right:0}.studio-inspector-rail[data-collapsed=true] .studio-inspector>:not(.inspector-nav){display:none}.panel-content{flex:1;min-height:0;padding:14px 15px 16px;overflow-y:auto}.panel-error{flex:none;margin:10px 12px 0}.studio-inspector .studio-ui-empty{border-style:solid;border-width:1px 0 0;border-color:var(--studio-border);border-radius:0;gap:4px;margin-top:14px;padding:12px 0}.studio-inspector .studio-ui-empty strong{font-size:var(--studio-font-size-md);line-height:17px}.studio-inspector .studio-ui-empty p{font-size:var(--studio-font-size-sm);line-height:16px}.elements-heading-actions{flex:none;align-items:center;gap:7px;display:flex}.elements-heading-actions .studio-ui-button{white-space:nowrap;min-height:26px;padding-inline:8px}.element-source-notice{margin-top:10px}.element-tree{border-top:1px solid var(--studio-border);margin:15px -6px 0;container-type:inline-size}.element-tree-node{min-width:0}.element-tree-summary{border-bottom:1px solid var(--studio-border);min-height:42px;color:var(--studio-text);cursor:pointer;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;list-style:none;display:grid}.element-tree-summary::-webkit-details-marker{display:none}.element-tree-summary:before{width:6px;height:6px;color:var(--studio-text-secondary);content:"";transition:transform .14s var(--studio-ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.element-tree-node[open]>.element-tree-summary:before{transform:rotate(45deg)}.element-tree-summary:hover{background:var(--studio-control)}.element-tree-summary:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-2px}.element-tree-node[data-matched=true]>.element-tree-summary{background:var(--studio-selection)}.element-tree-summary>span{min-width:0}.element-tree-summary strong,.element-tree-summary code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.element-tree-summary strong{font-size:var(--studio-font-size-md);line-height:16px}.element-tree-summary code,.element-tree-source-row>code{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.element-tree-summary small{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);font-variant-numeric:tabular-nums;flex:none}.element-tree-node[data-matched=true]>.element-tree-summary small{color:var(--studio-accent);font-weight:650}.element-tree-content{min-width:0}.element-tree-source-row{border-bottom:1px solid var(--studio-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:30px;padding:3px 7px 3px 24px;display:grid}.element-tree-source-row>code{min-width:0;margin-top:0}.source-link{min-height:24px;color:var(--studio-accent);padding-inline:4px}.source-link:disabled{color:var(--studio-text-tertiary)}.element-styles{border-bottom:1px solid var(--studio-border);padding:7px 7px 8px 24px}.element-styles-heading{min-height:24px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);justify-content:space-between;align-items:center;gap:8px;display:flex}.element-style-add{min-height:24px;color:var(--studio-accent);padding-inline:5px}.element-style-add svg,.element-style-remove svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:13px;height:13px}.element-style-rule{border-top:1px solid var(--studio-border)}.element-style-rule>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;padding:3px 4px;display:grid}.element-style-rule>summary::marker{color:var(--studio-text-tertiary)}.element-style-rule>summary code{color:var(--studio-text);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.element-style-rule>summary span{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs)}.element-style-rule-actions{justify-content:flex-end;gap:2px;min-height:27px;padding:1px 2px 3px;display:flex}.element-style-rule-actions .studio-ui-button{min-height:24px;color:var(--studio-accent);padding-inline:5px}.element-style-rule-actions svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:13px;height:13px}.element-style-row{border-top:1px solid var(--studio-border);min-height:28px;color:var(--studio-text);font-size:var(--studio-font-size-xs);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.element-style-row code,.element-style-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.element-style-row code{color:var(--studio-text-secondary)}.element-style-row span{color:var(--studio-text)}.element-style-remove{width:24px;min-height:24px;color:var(--studio-text-tertiary);padding:0}.element-style-remove:hover{color:var(--studio-danger)}.element-style-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:5px;padding-top:7px;display:grid}.element-style-property-field{min-width:0;position:relative}.element-style-editor .studio-ui-input{width:auto;min-width:0;min-height:26px;font-size:var(--studio-font-size-xs)}.element-style-editor .studio-ui-button{white-space:nowrap;min-height:26px;padding-inline:7px}.element-selector-editor{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;padding-top:7px;display:grid}.element-selector-editor .studio-ui-input{width:100%;min-width:0;min-height:26px;font:var(--studio-font-size-xs)/14px var(--studio-font-mono)}.element-selector-editor .studio-ui-button{white-space:nowrap;min-height:26px;padding-inline:7px}.element-style-suggestions{z-index:5;overscroll-behavior:contain;border:1px solid var(--studio-border);background:var(--studio-panel-raised);max-height:168px;box-shadow:var(--studio-shadow-panel);scrollbar-width:thin;border-radius:3px;padding:3px;display:grid;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto}.element-style-suggestions button{min-height:24px;color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:3px 6px}.element-style-suggestions button:hover,.element-style-suggestions button:focus-visible,.element-style-suggestions button[data-focused=true]{background:var(--studio-control-hover);color:var(--studio-text);outline:none}.element-style-error{color:var(--studio-danger);font-size:var(--studio-font-size-xs);grid-column:1/-1}.variable-tree{border-top:1px solid var(--studio-border);margin-top:12px;container-type:inline-size}.variable-tree-children,.variable-group{min-width:0}.variable-group-summary{min-height:32px;padding:5px 4px 5px calc(4px + var(--variable-tree-depth) * 12px);border-bottom:1px solid var(--studio-border);cursor:pointer;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:6px;list-style:none;display:grid}.variable-group-summary::-webkit-details-marker{display:none}.variable-group-summary:before{width:6px;height:6px;color:var(--studio-text-secondary);content:"";transition:transform .14s var(--studio-ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.variable-group[open]>.variable-group-summary:before{transform:rotate(45deg)}.variable-group-summary:hover{background:var(--studio-control)}.variable-group-summary:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-2px}.variable-group-summary>span{min-width:0}.variable-group-summary strong,.variable-group-summary code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.variable-group-summary strong{font-size:var(--studio-font-size-md);line-height:15px}.variable-group-summary code{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/12px var(--studio-font-mono);margin-top:1px}.variable-group-summary small{min-width:18px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);font-variant-numeric:tabular-nums;text-align:right}.element-variable{border-bottom:1px solid var(--studio-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:6px 4px;display:grid}.element-variable:hover{background:color-mix(in srgb, var(--studio-control) 58%, transparent)}.element-variable>span{min-width:0;padding-inline-start:calc(16px + var(--variable-tree-depth) * 12px)}.element-variable strong,.element-variable code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.element-variable strong{font-size:var(--studio-font-size-md);line-height:16px}.element-variable code{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin-top:1px}.element-variable .studio-ui-input:not([type=checkbox]):not([type=color]){width:104px;min-height:30px;font-size:var(--studio-font-size-md)}.element-variable .studio-ui-input[aria-invalid=true]{border-color:var(--studio-danger)}.element-variable .studio-ui-input[type=color]{width:42px;height:28px;min-height:28px;padding:2px}.element-variable .studio-ui-input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--studio-accent);padding:0}@container (width<=340px){.element-variable{grid-template-columns:minmax(0,1fr);gap:5px;padding-block:7px}.element-variable .studio-ui-input:not([type=checkbox]):not([type=color]){width:auto;margin-inline-start:calc(16px + var(--variable-tree-depth) * 12px)}.element-variable .studio-ui-input[type=color],.element-variable .studio-ui-input[type=checkbox]{margin-inline-start:calc(16px + var(--variable-tree-depth) * 12px)}}.global-variables{border-top:1px solid var(--studio-border);margin-top:24px;padding-top:14px}.variable-note{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin:14px 0 0;line-height:16px}.element-tree-content>.variable-tree{border-top:0;margin-top:0}.element-tree-content>.variable-note{border-bottom:1px solid var(--studio-border);margin:0;padding:8px 24px 10px}.selection-result{margin-top:16px}.selection-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.selection-title>code{overflow-wrap:anywhere;color:var(--studio-accent);font:650 12px/18px var(--studio-font-mono)}.selection-text{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:10px 0;line-height:17px}.selection-meta{margin:12px 0}.selection-meta>div{border-top:1px solid var(--studio-border);grid-template-columns:58px 1fr;gap:8px;padding:6px 0;display:grid}.selection-meta dt{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm)}.selection-meta dd{overflow-wrap:anywhere;font-size:var(--studio-font-size-md);margin:0;line-height:16px}.selection-meta dd code{font:var(--studio-font-size-sm)/16px var(--studio-font-mono)}.source-resolution{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);margin-top:2px;display:block}.selection-result details{margin-top:7px}.selection-result summary{cursor:pointer;color:var(--studio-text-secondary);font-size:var(--studio-font-size-md)}.selection-code{border-radius:var(--studio-radius-md);background:var(--studio-control);max-height:240px;color:var(--studio-text);font:var(--studio-font-size-sm)/16px var(--studio-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;padding:9px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading strong{font-size:var(--studio-font-size-lg)}.section-heading>span:not(.studio-ui-badge){color:var(--studio-text-secondary);font-size:var(--studio-font-size-md)}.inspection-empty{color:var(--studio-text-secondary);font-size:var(--studio-font-size-md);margin:9px 0 0;line-height:17px}.source-panel{flex-direction:column;display:flex;overflow:hidden}.source-toolbar{flex:none;margin:14px 0 10px}.source-toolbar .studio-ui-select{font-family:var(--studio-font-mono);font-size:var(--studio-font-size-sm)}.source-empty{margin-top:8px}.code-editor{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);flex:1;min-height:180px;overflow:hidden}.code-editor .cm-editor{background:var(--studio-panel-raised);height:100%;color:var(--studio-text);font-size:var(--studio-font-size-md)}.code-editor .cm-scroller{line-height:17px}.code-editor .cm-focused{outline:2px solid var(--studio-focus);outline-offset:-2px}.code-editor .cm-gutters{color:var(--studio-text-secondary);border-right-color:var(--studio-border)!important}.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:var(--studio-selection)}.code-editor .cm-selectionBackground{background:var(--studio-accent-soft)!important}.code-editor .cm-cursor{border-left-color:var(--studio-text)}.code-editor .tok-keyword,.code-editor .tok-operatorKeyword{color:var(--studio-code-keyword)}.code-editor .tok-string,.code-editor .tok-string2{color:var(--studio-code-string)}.code-editor .tok-number,.code-editor .tok-bool,.code-editor .tok-null{color:var(--studio-code-number)}.code-editor .tok-comment{color:var(--studio-code-comment)}.code-editor .tok-typeName,.code-editor .tok-className,.code-editor .tok-propertyName{color:var(--studio-code-type)}.source-actions{flex:none;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.source-actions span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm)}.source-actions .studio-ui-button{min-width:104px}.build-heading{border-bottom:1px solid var(--studio-border);padding-bottom:12px}.build-action{border-bottom:1px solid var(--studio-border);gap:9px;padding:12px 0;display:grid}.build-action>div strong{font-size:var(--studio-font-size-md)}.build-action>div p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);margin:4px 0 0;line-height:16px}.build-action .studio-ui-button{width:100%}.build-notice{margin-top:12px}.build-output{margin-top:16px}.build-output>div{gap:4px;display:grid}.build-output>div strong{font-size:var(--studio-font-size-md)}.build-output>div code{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);overflow-wrap:anywhere}.build-output .selection-code{margin-top:9px}.readiness-section{border-top:1px solid var(--studio-border);margin-top:16px;padding-top:12px}.readiness-heading{align-items:center}.readiness-heading h3{font-size:var(--studio-font-size-lg);margin:0;line-height:18px}.readiness-summary{border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-border);grid-template-columns:repeat(3,1fr);gap:1px;margin:14px 0;display:grid;overflow:hidden}.readiness-summary>div{background:var(--studio-control);align-items:baseline;gap:5px;padding:8px;display:flex}.readiness-summary strong{font-size:var(--studio-font-size-2xl);line-height:18px}.readiness-summary span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);text-transform:uppercase}.readiness-summary [data-level=error] strong{color:var(--studio-danger)}.readiness-summary [data-level=warning] strong{color:var(--studio-warning)}.readiness-summary [data-level=info] strong{color:var(--studio-accent)}.readiness-clear{color:var(--studio-success);font-size:var(--studio-font-size-md);margin:12px 0;line-height:18px}.readiness-findings{border-top:1px solid var(--studio-border)}.readiness-findings article{border-bottom:1px solid var(--studio-border);padding:11px 0 11px 12px;position:relative}.readiness-findings article:before{content:"";background:var(--studio-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:0}.readiness-findings article[data-level=error]:before{background:var(--studio-danger)}.readiness-findings article[data-level=warning]:before{background:var(--studio-warning)}.readiness-findings article>div{align-items:center;gap:7px;display:flex}.readiness-findings article>div span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);text-transform:uppercase;font-weight:700}.readiness-findings article>div code{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs)}.readiness-findings article p{font-size:var(--studio-font-size-md);text-wrap:pretty;margin:6px 0 0;line-height:17px}.readiness-findings article small{color:var(--studio-text-secondary);font:var(--studio-font-size-xs)/14px var(--studio-font-mono);overflow-wrap:anywhere;margin-top:5px;display:block}.pack-result{border-top:1px solid var(--studio-border);margin-top:18px;padding-top:14px}.pack-result>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.pack-result>div strong{color:var(--studio-danger);font-size:var(--studio-font-size-md)}.pack-result[data-ok=true]>div strong{color:var(--studio-success)}.pack-result>div span,.pack-result summary{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm)}.pack-result details{margin-top:8px}.pack-result summary{cursor:pointer}.agent-panel{--agent-inline-space:clamp(8px, 3cqi, 14px);--agent-content-indent:clamp(0px, 6cqi, 27px);flex-direction:column;flex:1;min-height:0;padding:0;display:flex;container:studio-agent/inline-size}.agent-heading{padding:10px var(--agent-inline-space);border-bottom:1px solid var(--studio-border);flex:none;align-items:flex-start;gap:12px}.agent-heading>div:first-child{min-width:0}.agent-heading h2{text-wrap:balance}.agent-heading p{text-wrap:pretty;max-width:46ch}.agent-heading-actions{align-items:center;gap:6px;display:flex}.agent-heading-actions .studio-ui-button{min-height:25px;font-size:var(--studio-font-size-xs);padding-inline:7px}.agent-transcript{min-height:0;padding:12px var(--agent-inline-space);flex-direction:column;flex:1;gap:10px;scroll-padding-block:12px;display:flex;overflow-y:auto}.agent-entry-actions{text-align:left;gap:7px;width:100%;max-width:30rem;margin:auto;display:grid}.agent-entry-actions>.studio-ui-button{width:100%}.agent-entry-actions>small{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);text-wrap:pretty;line-height:14px}.agent-entry-divider{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);align-items:center;gap:8px;display:flex}.agent-entry-divider:before,.agent-entry-divider:after{content:"";background:var(--studio-border);flex:1;height:1px}.agent-entry-divider span{white-space:nowrap}.agent-load-older{border-radius:var(--studio-radius-sm);min-height:24px;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);cursor:pointer;background:0 0;align-self:center;padding:3px 8px}.agent-load-older:hover:not(:disabled){background:var(--studio-control);color:var(--studio-text)}.agent-load-older:disabled{opacity:.56;cursor:default}.agent-turn{flex:none;min-width:0}.agent-user-turn{justify-content:flex-end;padding-inline-start:var(--agent-content-indent);display:flex}.agent-user-bubble{border:1px solid color-mix(in srgb, var(--studio-border) 72%, transparent);border-radius:var(--studio-radius-md);background:color-mix(in srgb, var(--studio-control-pressed) 78%, var(--studio-panel));max-width:94%;padding:7px 9px}.agent-user-bubble p,.agent-assistant-content>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--studio-font-size-md);margin:0;line-height:17px}.agent-user-bubble p+p,.agent-assistant-content>p+p{margin-top:7px}.agent-assistant-turn{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:7px;padding-right:4px;display:grid}.agent-avatar{border:1px solid var(--studio-border);background:var(--studio-panel-raised);width:20px;height:20px;color:var(--studio-accent);border-radius:6px;place-items:center;margin-top:1px;display:grid}.agent-avatar svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.agent-assistant-content{min-width:0;padding-top:2px}.agent-interrupted{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);margin-top:5px;display:inline-block}.agent-reasoning{color:var(--studio-text-secondary);margin:0 0 7px}.agent-reasoning summary{width:fit-content;color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);cursor:pointer;padding:1px 0;font-weight:650}.agent-reasoning p{border-left:1px solid var(--studio-border-strong);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--studio-font-size-xs);margin:5px 0 0;padding-left:8px;line-height:15px}.agent-image-placeholder{border:1px dashed var(--studio-border-strong);border-radius:var(--studio-radius-sm);width:fit-content;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);padding:6px 8px}.agent-context-row{margin-inline:var(--agent-content-indent) clamp(0px, 1cqi, 4px);color:var(--studio-text-secondary);flex:none}.agent-context-row>summary{cursor:pointer;align-items:center;gap:6px;min-height:22px;display:flex}.agent-context-row>summary span{border-radius:var(--studio-radius-sm);background:var(--studio-control);color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);text-transform:uppercase;padding:2px 5px}.agent-context-row>summary strong{min-width:0;font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.agent-context-row>div{border-left:1px solid var(--studio-border);margin-top:4px;padding:7px 8px}.agent-context-row p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--studio-font-size-xs);margin:0;line-height:15px}.agent-tool-card{margin-inline:var(--agent-content-indent) clamp(0px, 1cqi, 4px);border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:color-mix(in srgb, var(--studio-panel-raised) 86%, var(--studio-control));flex:none;overflow:hidden}.agent-tool-card>summary{cursor:pointer;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:30px;padding:4px 7px;list-style:none;display:grid}.agent-tool-card>summary::-webkit-details-marker{display:none}.agent-tool-card>summary:hover{background:var(--studio-control)}.agent-tool-icon{border-radius:var(--studio-radius-sm);background:var(--studio-control);width:20px;height:20px;color:var(--studio-text-secondary);place-items:center;display:grid}.agent-tool-icon svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.agent-tool-card>summary strong{min-width:0;font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;line-height:14px;overflow:hidden}.agent-tool-status{color:var(--studio-success);font-size:var(--studio-font-size-xs)}.agent-tool-card[data-status=running] .agent-tool-status{color:var(--studio-accent)}.agent-tool-card[data-status=error]{border-color:color-mix(in srgb, var(--studio-danger) 48%, var(--studio-border))}.agent-tool-card[data-status=error] .agent-tool-status{color:var(--studio-danger)}.agent-tool-body{border-top:1px solid var(--studio-border);background:color-mix(in srgb, var(--studio-code-bg) 84%, var(--studio-panel));gap:7px;padding:7px;display:grid}.agent-tool-body section{min-width:0}.agent-tool-body section>span{color:var(--studio-terminal-secondary);font-size:var(--studio-font-size-xs);text-transform:uppercase;margin-bottom:3px;font-weight:650;display:block}.agent-tool-body pre{max-height:min(38vh,24rem);color:var(--studio-code-text);font:var(--studio-font-size-xs)/15px var(--studio-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.agent-event-notice{margin-inline:var(--agent-content-indent) clamp(0px, 1cqi, 4px);border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-control);color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);flex:none;padding:5px 7px;line-height:14px}.agent-event-notice[data-tone=error]{border-color:color-mix(in srgb, var(--studio-danger) 42%, var(--studio-border));background:color-mix(in srgb, var(--studio-danger-soft) 52%, var(--studio-panel));color:var(--studio-danger)}.agent-streaming-text:after{content:"";vertical-align:-1px;background:var(--studio-accent);width:4px;height:11px;margin-left:3px;display:inline-block}.agent-steering{margin:1px clamp(0px, 1cqi, 4px) 0 var(--agent-content-indent);border:1px solid color-mix(in srgb, var(--studio-accent) 38%, var(--studio-border));border-radius:var(--studio-radius-sm);background:color-mix(in srgb, var(--studio-accent-soft) 38%, var(--studio-panel));flex:none;gap:3px;padding:6px 7px;display:grid}.agent-steering>span{color:var(--studio-accent);font-size:var(--studio-font-size-xs);font-weight:650}.agent-steering p{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);white-space:pre-wrap;overflow-wrap:anywhere;gap:2px;margin:0;line-height:14px;display:grid}.agent-steering p small,.agent-queue p small{color:var(--studio-text-tertiary);font:inherit}.agent-queue{margin:2px clamp(0px, 1cqi, 4px) 0 var(--agent-content-indent);border:1px dashed var(--studio-border-strong);border-radius:var(--studio-radius-sm);flex:none;gap:4px;padding:6px 7px;display:grid}.agent-queue header{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);justify-content:space-between;align-items:center;display:flex}.agent-queue p{min-width:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);white-space:nowrap;gap:6px;margin:0;display:flex;overflow:hidden}.agent-queue p span{text-overflow:ellipsis;overflow:hidden}.agent-interaction{min-width:0;max-height:min(64vh,34rem);margin:0 var(--agent-inline-space) 10px;border:1px solid var(--studio-border-strong);border-radius:var(--studio-radius-md);background:var(--studio-panel-raised);flex-direction:column;flex:none;display:flex;overflow:hidden;box-shadow:0 3px 12px #00000014}.agent-interaction>header{border-bottom:1px solid var(--studio-border);background:color-mix(in srgb, var(--studio-warning-soft) 34%, var(--studio-panel-raised));flex:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.agent-interaction>header h3{overflow-wrap:anywhere;min-width:0;font-size:var(--studio-font-size-md);margin:0;line-height:18px}.agent-interaction>header>div{min-width:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);align-items:center;gap:7px;display:flex}.agent-interaction-count{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);white-space:nowrap;flex:none}.agent-interaction>footer{border-top:1px solid var(--studio-border);flex:none;justify-content:space-between;align-items:center;gap:7px;padding:8px 9px;display:flex}.agent-interaction>footer>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.agent-interaction>footer .studio-ui-button{min-height:27px;font-size:var(--studio-font-size-xs);padding-inline:8px}.agent-interaction-error{min-width:0;color:var(--studio-danger);font-size:var(--studio-font-size-xs);overflow-wrap:anywhere;line-height:14px}.agent-approval dl{gap:8px;min-width:0;margin:0;padding:10px;display:grid;overflow-y:auto}.agent-approval dl>div{grid-template-columns:3.8rem minmax(0,1fr);gap:8px;min-width:0;display:grid}.agent-approval dt{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs)}.agent-approval dd{min-width:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);overflow-wrap:anywhere;margin:0;line-height:16px}.agent-approval code{color:var(--studio-text);font:inherit;font-weight:650}.agent-approval-input{min-height:0;padding:0 10px 10px;overflow-y:auto}.agent-approval-input>span{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);margin-bottom:4px;display:block}.agent-approval-input pre{border-radius:var(--studio-radius-sm);background:var(--studio-code-bg);max-height:min(24vh,12rem);color:var(--studio-code-text);font:var(--studio-font-size-xs)/15px var(--studio-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:7px 8px;overflow:auto}.agent-question fieldset{border:0;gap:8px;min-width:0;min-height:0;margin:0;padding:10px;display:grid;overflow-y:auto}.agent-question legend{width:100%;color:var(--studio-text);font-size:var(--studio-font-size-md);overflow-wrap:anywhere;padding:0;font-weight:650;line-height:18px}.agent-question-group{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);font-weight:650}.agent-question-detail{color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:16px}.agent-question-options{gap:4px;display:grid}.agent-question-options>label{border-radius:var(--studio-radius-sm);min-width:0;color:var(--studio-text-secondary);cursor:pointer;border:1px solid #0000;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;padding:7px;display:grid}.agent-question-options>label:hover{background:var(--studio-control)}.agent-question-options>label[data-selected=true]{border-color:var(--studio-border-strong);background:var(--studio-control-pressed);color:var(--studio-text)}.agent-question-options input{width:14px;height:14px;accent-color:var(--studio-accent);margin:2px 0 0}.agent-question-options label>span{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;display:flex}.agent-question-options strong{font-size:var(--studio-font-size-sm);overflow-wrap:anywhere;line-height:16px}.agent-question-options small{border-radius:var(--studio-radius-sm);background:var(--studio-accent-soft);color:var(--studio-accent);font-size:var(--studio-font-size-xs);padding:1px 4px;font-weight:650}.agent-question-options em{color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);overflow-wrap:anywhere;flex-basis:100%;font-style:normal;line-height:14px}.agent-question-custom{gap:5px;display:grid}.agent-question-custom>span{color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);font-weight:650}.agent-question-custom textarea{resize:vertical;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);background:var(--studio-control);width:100%;min-height:52px;max-height:9rem;color:var(--studio-text);font-size:var(--studio-font-size-sm);outline:0;padding:7px 8px;line-height:16px}.agent-question-custom textarea:focus-visible{border-color:var(--studio-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--studio-focus) 24%, transparent)}.agent-question-custom textarea::placeholder{color:var(--studio-text-tertiary)}.agent-plan-review-body{min-height:0;color:var(--studio-text-secondary);font-size:var(--studio-font-size-sm);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;line-height:17px;overflow-y:auto}.agent-composer{margin:0 var(--agent-inline-space) 10px;border:1px solid var(--studio-border-strong);border-radius:var(--studio-radius-md);background:var(--studio-panel-raised);flex:none;gap:6px;padding:8px;display:grid;box-shadow:0 3px 12px #00000014}.agent-composer textarea{resize:vertical;width:100%;min-height:clamp(52px,16vh,96px);max-height:min(34vh,18rem);color:var(--studio-text);font-size:var(--studio-font-size-md);background:0 0;outline:0;padding:2px 3px;line-height:17px}.agent-composer textarea:focus-visible{outline:0}.agent-composer textarea::placeholder{color:var(--studio-text-tertiary)}.agent-composer footer{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.agent-model-controls{align-items:center;gap:2px;min-width:0;display:flex}.agent-model-select,.agent-effort-select{min-width:0;color:var(--studio-text-secondary);align-items:center;display:flex;position:relative}.agent-model-select{flex:auto}.agent-effort-select{flex:0 auto}.agent-model-select select,.agent-effort-select select{appearance:none;min-width:0;max-width:min(42cqi,15rem);min-height:28px;color:inherit;font-size:var(--studio-font-size-xs);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:999px;outline:0;padding:3px 21px 3px 7px;font-weight:600;line-height:18px;overflow:hidden}.agent-model-select select:hover:not(:disabled),.agent-effort-select select:hover:not(:disabled){background:var(--studio-control);color:var(--studio-text)}.agent-model-select select:focus-visible,.agent-effort-select select:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--studio-focus) 36%, transparent)}.agent-model-select select:disabled,.agent-effort-select select:disabled{color:var(--studio-text-tertiary);cursor:default}.agent-model-select svg,.agent-effort-select svg{pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;position:absolute;right:5px}.agent-composer-trailing{flex:none;align-items:center;gap:2px;display:flex}.agent-composer-hint{min-width:0;color:var(--studio-text-tertiary);font-size:var(--studio-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-send{border-radius:var(--studio-radius-sm);background:var(--studio-accent);width:28px;height:28px;color:var(--studio-accent-contrast);cursor:pointer;flex:none;place-items:center;display:grid}.agent-send:disabled{background:var(--studio-control);color:var(--studio-text-tertiary);cursor:default}.agent-send svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.agent-context-meter{display:inline-flex;position:relative}.agent-context-meter>button{width:28px;height:28px;color:var(--studio-text-secondary);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.agent-context-meter>button:hover,.agent-context-meter>button[aria-expanded=true]{background:var(--studio-control);color:var(--studio-text)}.agent-context-meter>button:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-2px}.agent-context-meter>button svg{width:14px;height:14px}.agent-context-track,.agent-context-fill{fill:none;stroke-width:2px}.agent-context-track{stroke:var(--studio-border-strong)}.agent-context-fill{stroke:var(--studio-accent);stroke-linecap:round}.agent-context-popover{z-index:30;width:min(17rem, calc(100cqw - 2 * var(--agent-inline-space)));border:1px solid var(--studio-border-strong);border-radius:var(--studio-radius-md);background:var(--studio-panel-raised);box-shadow:var(--studio-shadow-panel);color:var(--studio-text-secondary);font-size:var(--studio-font-size-xs);padding:11px;line-height:18px;position:absolute;bottom:calc(100% + 8px);right:0}.agent-context-popover header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 8px;display:flex}.agent-context-popover header strong{color:var(--studio-text);font-variant-numeric:tabular-nums;font-weight:650}.agent-context-bar{background:var(--studio-control);border-radius:999px;gap:1px;height:4px;margin:9px 0 10px;display:flex;overflow:hidden}.agent-context-bar>i{background:var(--studio-text-tertiary);min-width:2px;height:100%}.agent-context-bar>i[data-kind=system],.agent-context-popover dt i[data-kind=system]{background:var(--studio-instance-live)}.agent-context-bar>i[data-kind=tools],.agent-context-popover dt i[data-kind=tools]{background:var(--studio-warning)}.agent-context-bar>i[data-kind=messages],.agent-context-popover dt i[data-kind=messages]{background:var(--studio-accent)}.agent-context-popover dl{gap:3px;margin:0;display:grid}.agent-context-popover dl>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.agent-context-popover dt{align-items:center;min-width:0;display:flex}.agent-context-popover dt i{border-radius:2px;flex:none;width:8px;height:8px;margin-right:6px}.agent-context-popover dd{color:var(--studio-text);font-variant-numeric:tabular-nums;margin:0}@container studio-agent (width<=360px){.agent-interaction>footer{flex-direction:column;align-items:stretch}.agent-interaction>footer>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.agent-interaction>footer .studio-ui-button{min-height:34px}}@media (width<=1050px){.studio-header{grid-template-columns:minmax(170px,210px) minmax(0,1fr) auto}.studio-brand div>span{display:none}}@media (width<=820px){body{overflow:auto}.studio-shell{height:auto;min-height:100%}.studio-header{grid-template-columns:auto 1fr;gap:8px 12px;height:auto;padding-block:8px}.studio-header-actions{justify-self:end}.draft-tabs{grid-area:2/1/auto/-1}.studio-main{grid-template-columns:1fr}.studio-project,.studio-preview,.studio-inspector-rail{grid-area:auto/1}.studio-preview{position:relative;inset:auto}.studio-inspector-rail{pointer-events:auto;border-left:0}.sidebar-resizer{display:none}.studio-project:not([data-collapsed=true]){min-height:360px}.studio-sidebar[data-collapsed=true]{min-height:48px}.studio-preview{min-height:68vh}.studio-inspector-rail:not([data-collapsed=true]){min-height:70vh}.studio-inspector-rail{padding:12px}.studio-inspector-rail[data-collapsed=true]{min-height:58px;padding:8px 12px 12px}}@media (width<=560px){.studio-header{align-items:center;min-height:52px;padding-inline:12px}.studio-brand div>span{display:none}.studio-header-actions{gap:7px}.studio-header-actions .studio-ui-status{gap:0;font-size:0}.settings-button.studio-ui-icon-button{width:40px;min-height:40px}.draft-tab{max-width:150px}.project-body{padding:0}.studio-preview{min-height:72vh}.panel-content{padding:13px}.readiness-heading{flex-direction:column;align-items:stretch}.readiness-heading .studio-ui-button{width:100%}.studio-settings-dialog{width:calc(100vw - 20px);height:min(500px,100vh - 20px)}.studio-settings-dialog[open]{grid-template-rows:48px minmax(0,1fr)}.studio-create-dialog{width:calc(100vw - 20px);height:min(580px,100vh - 20px)}.studio-create-dialog[open]{grid-template-rows:64px minmax(0,1fr)}.settings-dialog-header{padding-inline:14px 10px}.settings-dialog-header .studio-ui-icon-button{width:40px;min-height:40px}.create-dialog-form{grid-template-rows:minmax(0,1fr) 68px}.create-dialog-content{padding:4px 14px 20px}.create-dialog-section{grid-template-columns:1fr;gap:13px;padding-block:18px}.create-dialog-fields{gap:13px}.create-dialog-fields .studio-ui-input,.create-dialog-fields .studio-ui-select{min-height:40px;font-size:16px}.create-dialog-actions{padding:12px 14px}.create-dialog-actions .studio-ui-button{flex:1;min-height:40px}.settings-dialog-layout{grid-template-rows:50px minmax(0,1fr);grid-template-columns:1fr}.settings-dialog-nav{border-right:0;border-bottom:1px solid var(--studio-border);flex-direction:row;gap:4px;padding:8px 10px}.settings-dialog-nav button{flex:1;justify-content:center;min-height:42px;padding-inline:8px}.settings-dialog-content{padding:18px 14px 24px}.settings-page-heading{min-height:38px}.settings-row{grid-template-columns:1fr;align-items:start;gap:14px;min-height:0;padding-block:16px 20px}.settings-choice{justify-self:stretch;width:100%}.settings-language-select{min-height:40px}.settings-choice button{flex:1;min-width:0;min-height:40px}.profile-plugin-row{min-height:48px}.profile-plugin-toggle{min-height:40px}.agent-interaction>footer{flex-direction:column;align-items:stretch}.agent-interaction>footer>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.agent-interaction>footer .studio-ui-button{min-height:40px}.agent-question-custom textarea{font-size:16px}}@media (prefers-reduced-motion:no-preference){.studio-settings-dialog[open],.studio-create-dialog[open]{animation:studio-dialog-enter .16s var(--studio-ease-out)}.studio-main{transition:grid-template-columns var(--studio-motion-fast) var(--studio-ease-out)}.preview-mode-control:before{transition:inset-inline-start var(--studio-motion-fast) var(--studio-ease-out)}.draft-tab,.draft-tab-add,.profile-plugin-toggle>span:after{transition:transform var(--studio-motion-fast) var(--studio-ease-out)}.draft-tab-label[data-state=starting] .draft-tab-dot{animation:1.2s ease-in-out infinite studio-runtime-pulse}.element-tree-summary{transition:background-color var(--studio-motion-fast) var(--studio-ease-out)}.agent-streaming-text:after{animation:.9s steps(2,jump-none) infinite studio-cursor}.preview-zoom-focus[data-phase=active]:after{animation:3s linear infinite preview-zoom-ring-spin}.preview-zoom-focus[data-phase=fading]:after{animation:preview-zoom-ring-decelerate var(--preview-zoom-focus-expire-duration) var(--preview-zoom-focus-rotation-decay) forwards}}@media (prefers-reduced-motion:reduce){.preview-zoom-focus{--preview-zoom-focus-expire-duration:.24s}}body[data-studio-dragging=true] .studio-main{transition:none}@keyframes studio-cursor{50%{opacity:.15}}@keyframes studio-runtime-pulse{50%{opacity:.32}}@keyframes preview-zoom-ring-spin{to{transform:rotate(1turn)}}@keyframes preview-zoom-ring-decelerate{to{transform:rotate(1.1111turn)}}@keyframes preview-zoom-focus-fade{0%,99.9%{pointer-events:auto}to{opacity:0;pointer-events:none}}@keyframes studio-dialog-enter{0%{opacity:0;filter:blur(2px);transform:translateY(7px)scale(.985)}}
2
2
  /*$vite$:1*/