.inspector-panel{width:320px;flex:none;background:var(--inspector-surface,#292929);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;color:var(--inspector-ink,#ddd);font-size:var(--inspector-body-size,12px);position:relative}.inspector-panel button,.inspector-panel input,.inspector-panel .studio-select,.inspector-panel textarea{font:inherit;color:inherit}.inspector-scrub{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.inspector-color-format{width:38px;flex:none;border:0;background:transparent;color:var(--inspector-muted,#999);font-size:8px!important;padding:0}.inspector-token-picker>input{width:100%;box-sizing:border-box;padding:7px;margin-bottom:6px;background:var(--inspector-control,#333);border:1px solid var(--inspector-border,#555);border-radius:4px}.inspector-pick-notice{pointer-events:none;position:absolute;top:100%;left:0;right:0;background:var(--inspector-popover,#252525);border:1px solid var(--inspector-border,#555);z-index:25;padding:8px;line-height:1.5}.inspector-picking-color [data-render-root],.inspector-picking-color [data-render-root] *{cursor:crosshair!important}.inspector-header{display:flex;align-items:center;gap:12px;height:var(--workspace-header-height);box-sizing:border-box;padding:0 15px;border-bottom:1px solid var(--line);flex:none}.inspector-avatar{border-radius:50%;width:27px;height:27px;background:var(--inspector-avatar,#68614e);color:var(--inspector-active-ink,#fff);font-size:var(--inspector-label-size,11px);padding:0}.inspector-header>.inspector-select{margin-left:auto;width:78px}.inspector-header .studio-select{border:0;background:transparent;font-size:var(--inspector-label-size,11px)}.inspector-share-button{background:var(--inspector-border,#3b3b3b);border:1px solid var(--inspector-border,#505050);border-radius:var(--inspector-control-radius,5px);padding:6px 9px}.inspector-fields{border:0;padding:0;margin:0;min-width:0}.inspector-color-count,.inspector-color-opacity{flex:none!important;color:var(--inspector-muted,#999);font-size:var(--inspector-metadata-size,10px)}.inspector-status button{display:block;margin-top:6px;color:var(--inspector-accent,#cee0fb)}.members-copy-link{display:flex;align-items:end;gap:10px;margin:16px 0}.members-copy-link label{flex:1;min-width:0;font-size:var(--inspector-label-size,11px);display:flex;flex-direction:column;gap:6px;color:var(--inspector-muted,#aaa)}.members-copy-link input{width:100%;box-sizing:border-box;background:var(--inspector-control,#333);color:var(--inspector-ink,#ddd);border:1px solid var(--inspector-border,#555);padding:8px;border-radius:4px;font:inherit}.members-copy-link button{flex:none;white-space:nowrap}.inspector-header{position:relative;gap:7px}.inspector-header>.inspector-number{margin-left:auto;width:84px;flex:none;background:transparent;border-color:transparent}.inspector-header>.inspector-select{margin-left:0;width:28px}.inspector-account-menu{position:absolute;top:44px;left:10px;width:180px;background:var(--inspector-popover,#242424);box-shadow:0 10px 30px var(--inspector-shadow,#0008);border:1px solid var(--inspector-border,#555);z-index:30;padding:7px;border-radius:var(--inspector-popover-radius,6px)}.inspector-account-menu strong{display:block;padding:6px;font-size:var(--inspector-label-size,11px);color:var(--inspector-muted,#aaa)}.inspector-account-menu button{display:block;width:100%;text-align:left;padding:8px;border-radius:3px}.inspector-account-menu button:hover{background:var(--inspector-hover,#414141)}.inspector-text-preview{white-space:pre-wrap;margin:0;font-size:var(--inspector-label-size,11px);color:var(--inspector-muted,#aaa);line-height:1.5}.inspector-panel button{cursor:pointer}.inspector-panel button:disabled,.inspector-panel input:disabled,.inspector-panel .studio-select:disabled{opacity:.4;cursor:default}.inspector-header .inspector-close{flex:none;padding:7px;color:var(--inspector-muted,#aaa)}.inspector-content{overflow:auto;min-height:0;flex:1;scrollbar-width:thin}.inspector-section{padding:14px 15px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.inspector-section-title{display:flex;align-items:center;gap:6px;min-height:20px}.inspector-section-title h3{margin:0 auto 0 0;font-weight:var(--inspector-title-weight,500);font-size:var(--inspector-body-size,12px)}.inspector-section-title>button{color:var(--inspector-muted,#aaa)}.inspector-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}.inspector-row>*{min-width:0;flex:1}.inspector-row>.inspector-icon,.inspector-row>.inspector-actions{flex:none}.inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.inspector-grid.three{grid-template-columns:1fr 1fr 1fr}.inspector-actions{display:flex;gap:3px;align-items:center}.inspector-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:27px;border-radius:4px;flex:none;color:var(--inspector-muted,#aaa);background:transparent;padding:0;font-size:14px}.inspector-icon:hover{background:var(--inspector-hover,#464646);color:var(--inspector-active-ink,#fff)}.inspector-icon[aria-pressed=true]{background:var(--inspector-active,#505b70);color:var(--inspector-active-ink,#bfd5ff)}.inspector-number,.inspector-select .studio-select,.inspector-token,.inspector-text input,.inspector-text textarea{min-height:var(--inspector-control-height,29px);background:var(--inspector-control,#383838);border:1px solid var(--inspector-border,#454545);border-radius:var(--inspector-control-radius,5px);box-sizing:border-box}.inspector-number{display:flex;align-items:center;gap:5px;padding:0 8px;min-width:0}.inspector-number>span{color:var(--inspector-muted,#949494);font-size:var(--inspector-label-size,11px);white-space:nowrap}.inspector-number input{width:100%;min-width:0;background:transparent;border:0;padding:5px 0;outline:none}.inspector-number:focus-within,.inspector-token:focus-within{border-color:var(--inspector-accent,#728cae)}.inspector-number.invalid{border-color:#e98d84}.inspector-select{display:block;min-width:0}.inspector-select .studio-select{width:100%;padding:5px 6px;outline:none;text-transform:capitalize}.inspector-sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.inspector-check{display:flex;align-items:center;gap:7px;color:var(--inspector-reading,#bcbcbc);line-height:1.6}.inspector-check input{margin:0;accent-color:var(--inspector-accent,#739ad3)}.inspector-token{display:flex;position:relative;align-items:center;min-width:0;padding:0 3px;gap:2px}.inspector-token>.inspector-number{flex:1;border:0;background:transparent;padding-left:5px}.inspector-token-name,.inspector-color-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;background:transparent;border:0;text-align:left;padding:5px 4px}.inspector-color-value{outline:none;width:0}.inspector-swatch{position:relative;flex:none;width:20px;height:20px;margin:0 3px;background:repeating-conic-gradient(var(--inspector-border,#555) 0% 25%,var(--inspector-control,#333) 0% 50%) 0/8px 8px;border-radius:3px;overflow:hidden;border:1px solid var(--inspector-border-strong,#777)}.inspector-swatch input{opacity:0;position:absolute;width:100%;height:100%;inset:0;padding:0;cursor:pointer;z-index:1}.inspector-swatch span{display:block;width:100%;height:100%}.inspector-token-picker{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:230px;max-height:250px;overflow:auto;padding:8px;background:var(--inspector-popover,#242424);border:1px solid var(--inspector-border,#555);border-radius:var(--inspector-popover-radius,6px);box-shadow:0 8px 20px var(--inspector-shadow,#0007);z-index:20}.inspector-token-picker>strong{display:block;margin:2px 5px 8px;font-size:var(--inspector-label-size,11px);color:var(--inspector-muted,#aaa)}.inspector-token-picker button{width:100%;padding:6px 5px;display:flex;gap:6px;align-items:center;text-align:left;border-radius:3px}.inspector-token-picker button:hover{background:var(--inspector-hover,#414141)}.inspector-token-picker i{width:15px;height:15px;border-radius:3px;flex:none}.inspector-token-picker span{flex:1;overflow:hidden;text-overflow:ellipsis}.inspector-token-picker small{font-size:9px;color:var(--inspector-muted,#999);max-width:90px;overflow:hidden;text-overflow:ellipsis}.inspector-token-picker p{padding:4px;line-height:1.5;color:var(--inspector-muted,#aaa)}.inspector-text{display:flex;flex-direction:column;gap:6px;min-width:0}.inspector-text>span{color:var(--inspector-muted,#999);font-size:var(--inspector-label-size,11px)}.inspector-text input,.inspector-text textarea{padding:7px;width:100%;outline:none}.inspector-text textarea{resize:vertical;min-height:85px;line-height:1.5}.inspector-alignment{display:grid;grid-template-columns:repeat(3,1fr);background:var(--inspector-control,#353535);border:1px solid var(--inspector-border,#444);border-radius:var(--inspector-control-radius,5px);padding:7px;gap:3px;min-width:96px}.inspector-alignment button{height:24px;padding:0;color:var(--inspector-muted,#888);border-radius:3px}.inspector-alignment button[aria-pressed=true]{color:var(--inspector-active-ink,#a6c6ff);background:var(--inspector-active,#4a566e)}.inspector-alignment button:hover{background:var(--inspector-border,#454545)}.inspector-flex-controls{display:flex;gap:8px}.inspector-flex-controls>.inspector-alignment{flex:none}.inspector-flex-controls>div:last-child{flex:1;display:flex;flex-direction:column;gap:7px}.inspector-list-item{display:flex;flex-direction:column;gap:7px;padding:8px 0;border-top:1px solid var(--inspector-border,#3b3b3b)}.inspector-list-item:first-of-type{border-top:0;padding-top:0}.inspector-list-heading{display:flex;align-items:center;gap:4px;color:var(--inspector-muted,#aaa)}.inspector-list-heading>span{flex:1;font-size:var(--inspector-label-size,11px)}.inspector-note{margin:0;color:var(--inspector-muted,#999);font-size:var(--inspector-label-size,11px);line-height:1.5}.inspector-status{padding:10px 15px;font-size:var(--inspector-label-size,11px);line-height:1.5;color:var(--inspector-error,#e7c2b5);border-bottom:1px solid var(--line)}.inspector-empty{padding:32px 20px;color:var(--inspector-muted,#999);line-height:1.6}.inspector-scope{font-size:var(--inspector-metadata-size,10px);color:var(--inspector-accent,#94b4e6);line-height:1.5;display:flex;align-items:center;gap:7px}.inspector-scope span{padding:3px 6px;border-radius:3px;background:var(--inspector-active,#354154)}.inspector-primary{padding:8px 12px;background:var(--inspector-hover,#414141);border:1px solid var(--inspector-border,#505050);border-radius:var(--inspector-control-radius,5px);text-align:center;width:100%}.inspector-primary:hover{background:var(--inspector-hover,#4a4a4a)}.inspector-primary.recording{background:#713b38;border-color:#9c514a}.inspector-section input[type=range]{width:100%;accent-color:var(--inspector-accent,#abc4e6)}.inspector-content>.comments-panel,.inspector-content>.screen-implementation,.inspector-content>.agent-queue-panel{padding:0 15px}.inspector-content>.comments-panel h2{font-size:14px}.inspector-dimension{display:flex;gap:3px;min-width:0}.inspector-dimension>.inspector-number{flex:1}.inspector-dimension>.inspector-select{width:49px;flex:none}.inspector-dimension .studio-select{font-size:var(--inspector-metadata-size,10px);height:29px;padding:0 3px}.inspector-gradient-stops{display:flex;flex-direction:column;gap:7px}.inspector-tab-content{padding-top:4px}.inspector-share{padding:12px 15px;border-bottom:1px solid var(--inspector-border,#444);display:flex;gap:7px}.inspector-share input{min-width:0;flex:1;border:1px solid var(--inspector-border,#555);border-radius:4px;background:var(--inspector-control,#353535);padding:5px}@media(max-width:1000px){.inspector-panel{width:290px}.inspector-section{padding:12px}}@media(max-width:700px){.inspector-panel{position:absolute;right:0;top:44px;bottom:0;z-index:10;box-shadow:-12px 0 32px var(--inspector-shadow,#0006)}}.inspector-row>.inspector-number{flex:1 1 96px}.inspector-row>.inspector-select{flex:1 1 80px}.inspector-row>.inspector-token{flex:1 1 128px}.inspector-row>.inspector-token.color{flex:2 1 150px}.inspector-token>.inspector-number{padding-right:3px}.inspector-color-options{margin-bottom:8px}.inspector-color-options .studio-select{border:1px solid var(--inspector-border,#555);border-radius:4px;background:var(--inspector-control,#333);color:var(--inspector-reading,#ccc);padding:5px;width:70px;flex:none}.inspector-color-options button{width:auto;justify-content:center;background:var(--inspector-control,#333)}.inspector-gradient-stops>.inspector-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 25px}.inspector-gradient-stops>.inspector-row>.color{grid-column:1/4}.inspector-dimension>.inspector-select{position:relative;width:24px}.inspector-export-menu{display:flex;flex-direction:column;padding:5px;background:var(--inspector-popover,#242424);border:1px solid var(--inspector-border,#555);border-radius:var(--inspector-control-radius,5px);gap:3px}.inspector-export-menu button{padding:7px;text-align:left;border-radius:3px}.inspector-export-menu button:hover{background:var(--inspector-hover,#414141)}.inspector-grid-placement{display:flex;flex-direction:column;gap:7px}.inspector-grid-placement summary{color:var(--inspector-muted,#aaa);cursor:pointer;font-size:var(--inspector-label-size,11px);padding:3px 0}.inspector-grid-placement[open]>.inspector-row{margin-top:7px}.inspector-fill-fields{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:7px}.inspector-scrub.vertical{cursor:ns-resize}.chart-data-editor{overflow:auto;max-height:320px}.chart-data-editor table{border-collapse:collapse}.chart-data-editor input{width:100px}.chart-data-editor td,.chart-data-editor th{padding:4px}.inspector-content>.screen-implementation{padding:18px 15px 24px}.inspector-image-preview{background:var(--inspector-control, #303030);border-radius:5px;padding:8px}.inspector-image-selection{padding:16px;border-bottom:1px solid var(--line)}.inspector-image-selection>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:500}.inspector-image-selection>summary::-webkit-details-marker{display:none}.inspector-image-selection>summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-image-selection[open]>:not(summary){margin-top:12px}.inspector-image-settings{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.inspector-image-settings>.inspector-select{width:120px}.inspector-image-opacity{display:flex;align-items:center;gap:8px;min-width:0}.inspector-image-opacity>span{color:var(--inspector-muted, #949494);font-size:var(--inspector-label-size, 11px)}.inspector-image-opacity>.inspector-number{width:78px;min-width:0}.inspector-image-close{color:inherit;background:#ffffff08;border:1px solid #ffffff18;border-radius:5px;padding:6px 10px;cursor:pointer}.inspector-image-preview>img{display:block;width:100%;height:190px;object-fit:contain}.inspector-image-preview>div,.inspector-image-browser-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.inspector-image-preview>div{margin-top:12px}.inspector-image-preview span,.inspector-image-browser-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-image-preview button,.inspector-image-picker button{color:inherit;background:#ffffff08;border:1px solid #ffffff18;border-radius:5px;padding:6px 10px;cursor:pointer}.inspector-image-preview button{flex-shrink:0}.inspector-image-picker{display:grid;gap:16px}.inspector-image-picker input{width:100%;min-width:0;padding:10px;color:inherit;background:#ffffff08;border:1px solid #ffffff18;border-radius:5px}.inspector-image-browser-filters{display:flex;gap:8px}.inspector-image-picker button[aria-pressed=true]{border-color:var(--inspector-accent, #4b91ff);background:#ffffff0c}.inspector-image-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;max-height:420px;overflow-y:auto}.inspector-image-options button{min-width:0;padding:4px;border-color:transparent;background:transparent;text-align:left}.inspector-image-options img{display:block;width:100%;height:98px;object-fit:contain}.inspector-image-options span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;color:var(--inspector-muted, #9a9a9a);font-size:11px}.inspector-image-preview button:disabled,.inspector-image-picker button:disabled{opacity:.5;cursor:default}.inspector-fields:has(.inspector-image-picker)>.inspector-section:not(:first-child):not(:has(.inspector-image-picker)),.inspector-content:has(.inspector-image-picker)>.inspector-section{display:none}.inspector-color-count{display:inline-flex;align-items:center;gap:3px}.inspector-grid>.inspector-token:nth-child(2n)>.inspector-token-picker{left:auto;right:0}:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#d6d6d6;background:#272727;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--line:#3e3e3e;--muted:#9a9a9a;--accent:#4b91ff;--control-active:#285784;--control-focus:#8cbaff;--selected:#414141;--workspace-header-height:54px}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,select{color:inherit}button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #aaa;outline-offset:2px}:is(h1,h2,h3,h4,h5,h6)[tabindex]:focus,dialog:focus,.canvas:focus{outline:none}button{border:0;background:transparent}.studio-app{height:100%;display:flex;flex-direction:column;font-size:13px}.app-header{height:44px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:14px;background:#2b2b2b}.app-brand{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:-.3px;min-width:0;flex:none}.brand-mark{color:#bbb;display:flex}.header-spacer{flex:1}.icon-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#999;flex:none}.icon-button:hover,.icon-button.active{background:#414141;color:#fff}.connection-error{padding:9px 20px;background:#513321;border-bottom:1px solid #805237;color:#ffe1c2;font-size:12px}.workspace{display:flex;flex:1;min-height:0}.sidebar{width:320px;flex:none;background:#2b2b2b;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-tabs{position:relative;isolation:isolate;display:flex;margin:12px 14px 10px;background:#333;padding:3px;border-radius:7px;gap:2px}.sidebar-tabs button{flex:1;min-width:0;padding:7px 4px;border-radius:5px;font-size:13px;color:#a0a0a0;transition:color .18s ease}.sidebar-tabs button.active{color:#fff}.sidebar-body{overflow:auto;scrollbar-width:none;padding:0 10px;flex:1}.sidebar-body::-webkit-scrollbar{display:none}.sidebar-heading{border-top:1px solid #3e3e3e;display:flex;align-items:center;justify-content:space-between;color:#9a9a9a;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;padding:15px 8px 7px}.sidebar-heading span{font-size:10px;letter-spacing:0;color:#7e7e7e}.sidebar-row{display:flex;align-items:center;width:100%;padding:8px 10px;gap:10px;border-radius:5px;margin:2px 0;text-align:left;color:#c7c7c7;font-size:13px}.sidebar-row>svg{flex:none;color:#9a9a9a}.sidebar-row>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-row:hover{background:#363636}.sidebar-row.active{background:var(--selected);color:#eee}.sidebar-row.active>svg{color:#ccc}.small-badge{font-size:9px;letter-spacing:.4px;color:#bbb;background:#444;border-radius:3px;padding:2px 4px;margin-left:auto}.page-activity{width:6px;height:6px;flex:none;margin-left:auto;border-radius:50%;background:#4b91ff;animation:studio-update-pulse 1.8s cubic-bezier(.45,0,.55,1) infinite}@media(prefers-reduced-motion:reduce){.page-activity{animation:none}}.empty-mark{font-size:48px;color:#666}.welcome{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.welcome-mark{color:#aaa}.welcome h1{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:24px 0 8px}.welcome p{font-size:13px;color:#aaa}.welcome code{font-size:12px;background:#333;border:1px solid #444444;border-radius:6px;padding:13px 18px;color:#ccc;margin-top:13px}.fatal-error{margin:30px;color:#ffb9aa}.fatal-error pre{white-space:pre-wrap}.sidebar-tabs{border:1px solid #3b3b3b;border-radius:6px;background:#333;padding:2px}.sidebar-tabs{flex-wrap:wrap}.sidebar-tabs button{flex:1 0 calc(33.333% - 4px);font-size:12px}.sidebar-tabs:before{content:none}.sidebar-tabs button.active{background:#424242;box-shadow:inset 0 0 0 1px #555}.sidebar-empty{margin:12px 16px;color:#aaa;font-size:12px;line-height:1.5}.sidebar-body[data-tab=design]{animation:sidebar-design-enter .18s ease-out}.sidebar-body[data-tab=theme]{animation:sidebar-theme-enter .18s ease-out}.sidebar-body[data-tab=components]{animation:sidebar-library-enter .18s ease-out}@keyframes sidebar-design-enter{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebar-theme-enter{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebar-library-enter{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sidebar-tabs:before,.sidebar-tabs button{transition:none}.sidebar-body[data-tab]{animation:none}}.app-header select{height:31px;background:#303030;border:1px solid #424242;border-radius:5px;font-size:13px}.app-brand{font-size:13px;font-weight:500;gap:9px}.sidebar-body>.sidebar-heading:first-child{border-top:0}.page-list-row{position:relative}.page-list-row .sidebar-row{padding-right:32px}.page-actions{position:absolute;right:4px;top:4px;width:26px;height:26px;border-radius:4px;color:#aaa;opacity:0}.page-list-row:hover .page-actions,.page-list-row:focus-within .page-actions{opacity:1}.page-actions:hover{background:#484848;color:#eee}.page-context-menu{position:fixed;z-index:1000;width:180px;padding:5px;border:1px solid #555;border-radius:10px;background:#2d2d2d;box-shadow:0 8px 28px #0005}.page-context-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:5px}.page-context-menu button:hover,.page-context-menu button:focus-visible{background:#444}.page-dialog{width:min(400px,calc(100vw - 48px));padding:24px;border:1px solid #555;border-radius:12px;background:#2d2d2d;color:#ddd}.page-dialog::backdrop{background:#0006}.page-dialog h2{margin:0 0 18px;font-size:18px}.page-dialog label{display:block}.page-dialog input{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:10px;background:#242424;color:#eee;border:1px solid #666;border-radius:5px}.page-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.page-dialog-actions button{padding:8px 14px;background:#444;border-radius:5px}.page-dialog [role=alert]{color:#ffb5aa}.screen-thumbnail-menu{width:250px}.screen-thumbnail-menu p{padding:8px 12px;font-size:12px;color:#ffb4ad}.sidebar-footer{flex:none;height:40px}.screen-frame.updating .screen-surface:after,.workspace-card.updating:after,.brand-screen-preview.updating:after,.vizu-activity-pulse{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;box-shadow:0 0 0 var(--activity-stroke, 2px) #4b91ff,0 0 18px #4b91ff80;background:#4b91ff12;animation:studio-update-pulse 1.8s cubic-bezier(.45,0,.55,1) infinite}.workspace-card.updating:after{inset:1px;box-shadow:inset 0 0 0 2px #4b91ff,inset 0 0 18px #4b91ff80}@keyframes studio-update-pulse{0%,to{opacity:.3}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){.screen-frame.updating .screen-surface:after,.workspace-card.updating:after,.brand-screen-preview.updating:after,.vizu-activity-pulse{animation:none;opacity:.7}}.screen-row{padding-left:14px}.canvas-workspace{flex:1;min-width:0;display:flex;flex-direction:column}.canvas-toolbar{height:var(--workspace-header-height);box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 22px;gap:12px;background:#2b2b2b}.canvas-location{display:flex;align-items:center;gap:16px;overflow:hidden}.canvas-location>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.muted{color:#9a9a9a;font-size:11px;white-space:nowrap}.canvas-actions{display:flex;align-items:center;gap:5px;flex:none}.canvas-actions button{border-radius:5px;padding:6px 9px;color:#b7b7b7;font-size:11px;white-space:nowrap}.canvas-actions button:hover:not(:disabled){background:#393939;color:#fff}.zoom-value{font-variant-numeric:tabular-nums;width:45px;text-align:center;color:#bbb;font-size:11px}.toolbar-divider{height:18px;width:1px;background:#444;margin:0 8px}.canvas{position:relative;flex:1;min-height:0;overflow:clip;touch-action:none;outline:none;background:#272727}.canvas.pan-ready{cursor:grab}.canvas.panning,.canvas.panning *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.canvas-layer{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.screen-frame{position:absolute;contain:layout style}.screen-label{position:absolute;bottom:calc(100% + 9px);left:0;display:flex;align-items:center;gap:9px;font-size:14px;height:18px;white-space:nowrap;pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;color:#a8a8a8}.screen-label>span:first-child{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.screen-frame.selected .screen-label{color:#4b91ff}.screen-surface{position:relative;will-change:transform;background:#fff;outline:1px solid #ffffff0a;box-shadow:0 4px 20px #0003}.screen-frame.selected .screen-surface{outline:2px solid #4b91ff}.screen-surface>.studio-render{pointer-events:auto}[data-canvas] img[data-canvas-image-pending]{background:linear-gradient(110deg,#33363b 25%,#41454b,#33363b 75%)!important}.canvas[data-editor-canvas=true]:not(.pan-ready) [data-node-type=text]{cursor:default}.node-selection-outline{position:absolute;pointer-events:none;outline:2px solid #4b91ff;z-index:1}.render-failure{color:#9d342c;background:#fff0ed;font-size:14px;padding:20px}.canvas-shortcuts{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:7px 13px;border-radius:6px;background:#2b2b2bd9;color:#999;font-size:10px;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-shortcuts span{padding:0 8px;color:#666}.canvas-empty{position:absolute;left:24px;right:24px;bottom:92px;pointer-events:none}.canvas-empty p{margin:0;font-size:11px;line-height:16.5px;color:#9a9a9a}.canvas-toolbar{background:#2b2b2b}.screen-surface{box-shadow:0 2px 8px #0002}.canvas-actions button.flow-toggle[aria-pressed=true]{background:transparent;color:#4b91ff}.screen-title-input{flex:1;min-width:0;width:0;height:22px;padding:1px 3px;border:1px solid #4b91ff;border-radius:3px;background:#272727;color:#eee;font:inherit;cursor:text;-webkit-user-select:text;user-select:text}.pending-screen{position:absolute;pointer-events:none;background:transparent;border-radius:4px}.canvas:has(.pending-screen) .canvas-empty{display:none}.pending-screen:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 var(--activity-stroke,2px) #4b91ff,0 0 18px #4b91ff80;animation:studio-update-pulse 1.8s cubic-bezier(.45,0,.55,1) infinite}.pending-screen-preview{position:relative;width:min(60vw,calc(55vh * var(--pending-aspect)),640px);flex-shrink:0}@media(prefers-reduced-motion:reduce){.pending-screen:after{animation:none;opacity:.7}}.working-node-outline{position:absolute;pointer-events:none;z-index:3;outline:var(--activity-stroke,4px) solid #4b91ff;outline-offset:0;box-shadow:0 0 calc(var(--activity-stroke,4px) * 3) #4b91ff8c;background:#4b91ff0a;animation:studio-working-pulse 1.8s cubic-bezier(.45,0,.55,1) infinite}.screen-frame.updating .screen-surface:has(.working-node-outline):after{display:none}.screen-working-label{flex-shrink:0;color:#8ebaff;font-size:11px;font-weight:500}@media(prefers-reduced-motion:reduce){.working-node-outline{animation:none;opacity:.7}}.screen-frame.updating .screen-surface:after,.pending-screen:after{animation-name:studio-working-pulse}@keyframes studio-working-pulse{0%,to{opacity:.65}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.screen-frame.updating .screen-surface:after,.pending-screen:after{animation:none;opacity:.7}}.component-variant{background:#303030;border:1px solid #424242;border-radius:9px;overflow:hidden}.variant-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid #424242}.variant-heading strong{font-size:11px;font-weight:500;color:#ccc}.component-preview{contain:layout paint;background:#eeeef2;background-image:linear-gradient(45deg,#e6e6eb 25%,transparent 25%),linear-gradient(-45deg,#e6e6eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6eb 75%),linear-gradient(-45deg,transparent 75%,#e6e6eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;min-height:130px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.component-preview-stage{position:relative;transform:translateZ(0);flex:none;max-width:100%;pointer-events:auto}.component-preview-stage>.studio-render{max-width:100%}.preview-actions{display:flex;align-items:center;gap:10px}.preview-activity{color:#aaa;font-size:10px;font-variant-numeric:tabular-nums}.preview-reset{padding:3px 5px;border-radius:3px;color:#aaa;font-size:10px}.preview-reset:hover{background:#404040;color:#eee}.preview-message{font-size:11px;color:#705148;line-height:1.7;word-break:break-word}.view-empty{flex:1;color:#999;display:flex;align-items:center;justify-content:center;font-size:13px;min-height:140px}.unavailable-target{min-width:0;padding:32px 24px;box-sizing:border-box;overflow:auto}.unavailable-target-content{width:100%;max-width:440px;text-align:center;overflow-wrap:anywhere}.unavailable-target h2{margin:0 0 12px;color:#e5e5e5;font-size:20px;font-weight:600;line-height:1.3}.unavailable-target p{margin:0;font-size:13px;line-height:1.6}.unavailable-target button{margin-top:24px;max-width:100%;padding:10px 16px;border:1px solid #555;border-radius:7px;background:#3b3b3b;color:#eee;font-size:13px;line-height:1.4}.unavailable-target button:hover{background:#454545;border-color:#666}.component-library-workspace{display:flex;flex:1;min-width:0;min-height:0}.library-component-group{position:absolute}.library-group-heading{position:absolute;top:16px;left:24px;text-align:left;color:#cfc2dc;font-size:14px;font-weight:500}.library-group-heading:hover{color:#fff}.library-preview-position{contain:layout style}.library-canvas .component-variant{border:0;border-radius:0;background:transparent;overflow:visible}.library-canvas .component-variant[data-library-selected] .library-variant-select{color:#b69acc}.library-canvas .variant-heading{border:0;padding:8px 0;min-height:30px}.library-canvas .component-preview{min-height:0;overflow:clip;padding:0;border-radius:0;background:none;justify-content:flex-start}.library-canvas .component-preview-stage{max-width:none}.library-canvas .preview-reset:disabled{visibility:hidden}[data-library-layer-selected]{outline:2px solid #b69acc;outline-offset:2px}.library-variant-select{color:#ccc;font-size:11px;font-weight:500;text-align:left;padding:4px 6px;border-radius:4px}.library-variant-select:hover{background:#39333e;color:#fff}.library-group-heading{max-width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-title{font-size:13px;font-weight:500;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-group-heading{margin:0}.library-group-heading button{font:inherit;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-definition-properties{font-size:11px;margin:8px 0 0}.library-definition-properties>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.library-definition-properties dt{overflow-wrap:anywhere}.library-definition-properties dd{margin:0;color:#999;white-space:nowrap}.library-empty-example{color:#686875;font-size:12px;text-align:center;padding:8px}.library-component-group .library-group-heading,.library-component-group .variant-heading{color:#fff;mix-blend-mode:difference}.library-component-group .library-variant-select{color:inherit}.library-background-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:12px}.library-background-control input[type=color]{width:42px;height:28px;padding:0;border:0;background:none}.details-panel{width:290px;flex:none;background:#2b2b2b;border-left:1px solid var(--line);overflow:auto;padding:0 18px;box-sizing:border-box}.details-panel header{height:var(--workspace-header-height);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line)}.details-panel header button{display:flex;color:#aaa}.details-panel h2{font-size:15px;line-height:1.5;font-weight:500;margin:24px 0}.details-panel dl{display:grid;grid-template-columns:1fr 1.4fr;gap:15px 12px;font-size:11px}.details-panel dt{color:#999}.details-panel dd{margin:0;word-break:break-word;color:#ccc}.details-panel details{margin:26px 0;font-size:11px;color:#aaa}.details-panel details summary{cursor:pointer}.details-panel pre{font-size:10px;white-space:pre-wrap;word-break:break-all;color:#bbb;background:#252525;padding:12px;border-radius:5px}.details-empty{color:#999;font-size:12px;padding-top:25px}.node-inspector h2{text-transform:capitalize}.shared-node{display:flex;align-items:center;gap:9px;margin:18px 0}.shared-node span{padding:4px 7px;border:1px solid #535353;border-radius:4px;font-size:10px;color:#ccc}.shared-node p{margin:0;color:#aaa;font-size:11px}.node-section-heading{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:11px}.node-section-heading button{color:#d6d6d6;padding:5px 7px;border-radius:4px;background:#414141}.node-text-value{margin:26px 0}.node-text-value p{white-space:pre-wrap;overflow-wrap:anywhere;color:#ddd;font-size:12px;line-height:1.6}.studio-render .canvas-text-editor{outline:none;cursor:text;white-space:pre-wrap;user-select:text;-webkit-user-select:text;min-width:1px;min-height:1em;display:inline-block;vertical-align:top;width:100%;height:100%;box-sizing:border-box}.canvas-text-status{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translate(-50%);max-width:560px;padding:12px;background:#252525;border:1px solid #555;border-radius:6px;color:#efc6aa;font:12px/1.5 system-ui}.canvas-text-status button{margin:8px 8px 0 0;padding:6px 10px;border-radius:4px;background:#414141;color:#ddd}.clipboard-error{display:flex;align-items:center;justify-content:space-between;gap:14px}.clipboard-error button{display:flex;color:inherit}.sidebar-body.design{display:flex;flex-direction:column;overflow:hidden}.sidebar-body.design>nav{flex:none;max-height:240px;overflow:auto}.sidebar-body.design>.sidebar-heading{flex:none}.screen-layers{flex:1;min-height:100px;overflow:auto;position:relative}.layer-tree-content{position:relative;min-width:100%}.layer-tree-row{position:absolute;left:0;display:flex;align-items:center;box-sizing:border-box;width:max-content;min-width:100%;height:30px;gap:3px;border-radius:4px}.layer-tree-row:hover{background:#363636}.layer-tree-row.active{background:#414141;color:#eee}.layer-disclosure{width:18px;height:24px;flex:none;display:flex;align-items:center;justify-content:center;color:#999;padding:0}.layer-disclosure.expanded svg{transform:rotate(90deg)}.layer-disclosure:disabled{opacity:1}.layer-name{display:flex;align-items:center;gap:8px;padding:0 12px 0 2px;height:30px;text-align:left;white-space:nowrap;font-size:12px;color:#c7c7c7}.layer-name svg{flex:none;color:#999}.layer-name span{max-width:320px;overflow:hidden;text-overflow:ellipsis}.layer-name code{font-size:10px;color:#999;margin-left:3px}.layer-name:disabled{opacity:.65}.layer-loading{width:8px;height:8px;border:1px solid #666;border-top-color:#ccc;border-radius:50%;margin-right:9px;animation:layer-load-spin .9s linear infinite}@keyframes layer-load-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.layer-loading{animation:none}}.screen-layer-region{flex:1;min-height:0;display:flex;flex-direction:column}.comments-panel{border-top:1px solid #3e3e3e;padding-top:18px;margin-top:22px}.comments-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.comments-heading h2{margin:0;font-size:13px}.comments-heading span,.comments-loading{font-size:11px;color:#999}.comments-filters{display:flex;gap:14px;font-size:11px;color:#aaa;margin-bottom:14px}.comments-filters label{display:flex;align-items:center;gap:5px}.comments-filters input{accent-color:#929292;margin:0}.comment-scope{display:flex;gap:4px;margin-bottom:7px}.comment-scope:empty{display:none}.comment-scope button{padding:5px 8px;font-size:11px;border-radius:4px;color:#aaa}.comment-scope button[aria-pressed=true]{background:#414141;color:#ddd}.comment-mark-tools{display:flex;gap:4px;margin-bottom:10px}.comment-mark-tools button{padding:5px 8px;font-size:11px;border:1px solid #484848;border-radius:4px;color:#bbb}.comment-mark-tools button[aria-pressed=true]{background:#414141;color:#eee}.comment-composer textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:70px;background:#252525;border:1px solid #484848;border-radius:5px;padding:9px;color:#ddd;font:inherit;font-size:12px;line-height:1.5}.comment-composer textarea:focus{outline:1px solid #aaa;border-color:#aaa}.comment-composer-actions{display:flex;gap:7px;justify-content:flex-end;margin:7px 0 16px}.comment-composer-actions button,.comment-thread footer button,.comment-error button,.comment-pagination button{padding:5px 8px;border-radius:4px;font-size:11px;color:#bbb}.comment-submit{background:#414141;color:#eee!important}.comment-thread{border-top:1px solid #3b3b3b;padding:12px 0}.comment-message{margin-bottom:12px}.comment-message>div{display:flex;justify-content:space-between;font-size:11px}.comment-message strong{font-weight:500;color:#bbb}.comment-message time{color:#888}.comment-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.6;color:#ddd}.comment-thread footer{display:flex;gap:5px;justify-content:flex-end}.comment-thread footer button:hover,.comment-pagination button:hover{background:#383838}.comment-thread.resolved .comment-message p{color:#aaa}.comment-error{font-size:11px;line-height:1.5;color:#efc6aa;padding:9px 0}.comment-error button{display:block;background:#414141;margin-top:7px}.comment-pagination{display:flex;justify-content:space-between}.annotation-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}.annotation-overlay rect,.annotation-overlay polyline{fill:#ffa7361f;stroke:#e89423;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}.annotation-overlay polyline{fill:none}.annotation-overlay.drawing{pointer-events:all;cursor:crosshair;touch-action:none}.annotation-overlay.drawing rect,.annotation-overlay.drawing polyline{pointer-events:none}.screen-surface{position:relative}.agent-queue-panel button{padding:6px 9px;margin:4px;border:1px solid #484848;border-radius:5px;background:#2d2d2d;font-size:12px}.agent-queue-panel{padding:16px;border-top:1px solid #484848}.agent-queue-panel h2{font-size:14px}.agent-queue-panel p,.agent-queue-panel label{font-size:12px}.agent-queue-panel code{display:block;overflow-wrap:anywhere;font-size:10px}.agent-queue-panel label{display:block;margin:10px 0}.agent-queue-panel input:not([type=checkbox]){width:100%;font-size:12px;padding:7px;border:1px solid #484848;border-radius:5px}.feedback-status{padding:8px;background:#363636;font-size:12px}.annotation-draft{font-size:12px;color:#956412}.canvas-actions button[aria-pressed=true]{background:#fff0d6;color:#925711}.annotation-overlay .selected-mark{stroke:var(--accent);fill:color-mix(in srgb,var(--accent) 15%,transparent);stroke-width:3}.screen-implementation{padding:16px 0;border-top:1px solid #3e3e3e}.screen-implementation h3{font-size:13px;margin:0 0 8px}.screen-implementation p{font-size:12px;line-height:1.5}.screen-implementation code{overflow-wrap:anywhere;font-size:11px}.screen-implementation input,.screen-implementation select{width:100%;padding:7px;border:1px solid #484848;border-radius:5px;font-size:12px}.screen-implementation button{margin:5px 0;padding:6px 9px;border:1px solid #484848;border-radius:5px;background:#2d2d2d;font-size:12px}.agent-queue-panel input:not([type=checkbox]){box-sizing:border-box;background:#252525;color:#ddd;font:inherit;font-size:12px}.annotation-history{font-size:11px;color:#9cbeee}.agent-queue-panel label{line-height:1.5}.feedback-status code{overflow-wrap:anywhere}.annotation-overlay.drawing .annotation-hit{fill:transparent;stroke:none;pointer-events:all;cursor:crosshair}.screen-frame.selected{z-index:2}.annotation-draft{color:#dfad61}.screen-implementation textarea{box-sizing:border-box;width:100%;margin-top:8px;padding:10px;background:#252525;color:#ddd;border:1px solid #484848;border-radius:5px;font:11px/1.5 monospace;resize:vertical}.screen-implementation summary{cursor:pointer;font-size:12px}.inspector-history{display:flex;gap:4px;padding:4px 12px;border-bottom:1px solid var(--border)}@media(max-width:1000px){.sidebar{width:224px}.canvas-toolbar{padding:0 14px}.canvas-location .muted{display:none}.details-panel{width:235px}}@media(max-width:700px){.sidebar{width:172px}.app-header{padding:0 13px;gap:12px}.app-brand{min-width:auto}.canvas-actions{gap:1px}.canvas-location{max-width:100px;font-size:11px}.canvas-actions button{padding:6px}.canvas-shortcuts{display:none}.details-panel{position:absolute;right:0;top:44px;bottom:0;z-index:10;width:260px;box-shadow:-15px 0 40px #0004}.sidebar-tabs{margin:12px 8px}.sidebar-tabs button{font-size:10px}.sidebar-row{font-size:11px;gap:7px}}.studio-app.native-mac .app-header{padding-left:100px;-webkit-user-select:none;user-select:none}