.workspace-tabs{display:flex;align-items:center;gap:6px;min-width:0;max-width:45%;overflow-x:auto;flex-shrink:1}.workspace-tabs button{font:inherit;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;color:inherit;background:transparent;border:1px solid transparent;border-radius:8px;padding:9px 14px;cursor:pointer}.workspace-tabs button[aria-current=page]{background:#8080801f;border-color:#80808040}.workspace-tabs button:hover{background:#80808029}.workspace-tabs button:focus-visible{outline:2px solid #aaa;outline-offset:-2px}.workspace-tab-error{font-size:12px;color:#df7771;max-width:340px}.home-titlebar>.icon-button{margin-left:auto;background:transparent;color:inherit;border:1px solid rgba(128,128,128,.25);border-radius:8px;padding:9px 14px}.home-titlebar .desktop-mcp-dialog{font:14px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home-titlebar{gap:20px}.workspace-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 14px;max-width:280px}.workspace-tabs{max-width:60%;scrollbar-width:none}.workspace-tabs button,.workspace-name{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:5px}.workspace-tabs svg{flex:none;color:var(--muted)}.workspace-name[aria-current=page]{background:#8080801f;border:1px solid rgba(128,128,128,.25)}.workspace-tab{display:flex;align-items:center;flex:none;min-width:0;max-width:220px;border:1px solid transparent;border-radius:5px}.workspace-tab:hover{background:#80808029;border-color:#80808040}.workspace-tab[data-active=true]{background:#8080801f;border-color:#80808040}.workspace-tabs .workspace-tab-select{min-width:0;flex-shrink:1;border:0;background:transparent}.workspace-tab-select span{overflow:hidden;text-overflow:ellipsis}.workspace-tabs .workspace-tab-close{padding:6px;margin-right:3px;border:0}.workspace-tabs .workspace-tab-select[aria-current=page]{background:transparent;border:0}.workspace-tab-agent-dot{width:7px;height:7px;border-radius:50%;background:#4b91ff;flex:none;animation:studio-update-pulse 1.8s cubic-bezier(.45,0,.55,1) infinite}@media(prefers-reduced-motion:reduce){.workspace-tab-agent-dot{animation:none}}.screen-header{position:absolute;left:0;display:flex;align-items:center;gap:10px;z-index:2}.screen-header.inside{box-sizing:border-box;padding:0 5px;border-radius:3px;background:#272727;box-shadow:0 1px 5px #0008}.screen-header>.screen-label{position:relative;left:auto;bottom:auto;flex:1;min-width:0}.screen-header>.screen-state-trigger{position:static;flex:none;height:26px;max-width:100%}.screen-header.stacked{flex-direction:column;align-items:flex-start;gap:4px}.screen-header.stacked>.screen-label{flex:none;width:100%}.screen-state-backs{position:absolute;inset:0;pointer-events:none;z-index:0}.screen-state-back{position:absolute;inset:0;overflow:hidden;outline:1px solid #ffffff25;box-shadow:0 5px 20px #0004;transform-origin:50% 75%}.screen-state-back:nth-child(1){transform:translate(calc(20px * var(--state-label-scale)),calc(-12px * var(--state-label-scale))) rotate(2deg);opacity:.65}.screen-state-back:nth-child(2){transform:translate(calc(10px * var(--state-label-scale)),calc(-6px * var(--state-label-scale))) rotate(1deg);opacity:.85}.screen-frame.has-states .screen-surface{z-index:1}.screen-state-trigger{position:absolute;left:0;bottom:calc(100% + 9px);display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid #ffffff1c;border-radius:5px;background:#303030;color:#c9c9c9;font-size:11px;white-space:nowrap;z-index:2;transform-origin:bottom left;overflow:hidden;box-sizing:border-box}.screen-state-trigger:hover,.screen-state-trigger:focus-visible{color:#fff;background:#3c3c3c;outline:1px solid #4b91ff}.screen-state-trigger:focus-visible{outline-color:#aaa}.screen-state-trigger:active{background:#484848}.screen-state-trigger span{overflow:hidden;text-overflow:ellipsis}.screen-state-trigger span+span{color:#949494}.state-collection-overlay{position:fixed;z-index:120;isolation:isolate;background:rgb(0 0 0 / calc(.38 * var(--collection-opacity, 0)));touch-action:auto}.state-collection-panel{box-sizing:border-box;position:absolute;left:50%;top:50%;padding:22px;border:1px solid #ffffff29;border-radius:16px;background:#2b2b2bf0;-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%);box-shadow:0 24px 70px #0009,0 0 0 1px #0003;color:#ddd;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform-origin:center;will-change:transform,opacity}.state-collection-panel>header{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 24px;gap:20px;flex-shrink:0}.state-collection-panel>header>div{display:flex;align-items:baseline;gap:14px;min-width:0}.state-collection-panel h2{font-size:16px;font-weight:550;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-collection-panel header span{font-size:12px;color:#aaa;white-space:nowrap}.state-collection-grid{display:grid;gap:26px 22px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 18px;margin:-12px -10px -18px;scroll-padding:12px}.state-collection-card{min-width:0;position:relative;cursor:pointer;border:1px solid #ffffff20;border-radius:8px;background:#222;box-shadow:0 6px 18px #0003;outline:none;transform-origin:center;will-change:transform}.state-collection-card.highlighted{border-color:#8a8a8a;z-index:1;box-shadow:0 12px 26px #0006}.state-collection-card.current{border-color:#4b91ff}.state-collection-card:focus-visible{border-color:#aaa}.state-collection-card:active{border-color:#bed6ff}.state-preview-viewport{position:relative;height:198px;overflow:hidden;border-radius:7px 7px 0 0;pointer-events:none;background:#181818}.state-preview-render{position:absolute;left:50%;top:0;transform-origin:top center;pointer-events:none}.state-preview-label{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:12px;min-width:0}.state-preview-label>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-preview-current{font-size:10px;color:#91baff}.layer-state-count{color:#888;font-size:10px;margin-left:7px}@media(prefers-reduced-motion:reduce){.state-collection-panel,.state-collection-card{will-change:auto}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.state-collection-panel{background:#2b2b2b;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#888}}@media(max-width:700px){.state-collection-panel{padding:16px}.state-collection-grid{gap:16px 12px}.state-preview-viewport{height:160px}}.state-collection-overlay.closing{pointer-events:none}.flow-state .screen-label{z-index:2;cursor:grab;height:auto}.flow-state .screen-label button{cursor:grab;text-align:left;color:#aaa;white-space:normal;overflow-wrap:anywhere;line-height:1.45;padding:3px 0}.flow-state .screen-label button:hover,.flow-state .screen-label button[aria-pressed=true]{color:#4b91ff}.flow-state .screen-label button:focus-visible{outline:1px solid #4b91ff;outline-offset:4px;border-radius:2px}.flow-state .screen-surface{isolation:isolate;border-radius:14px;transform:translateY(calc(-6px * var(--state-depth,0) * var(--state-label-scale,1))) scale(calc(1 + .012 * var(--state-depth,0)));transform-origin:center;box-shadow:0 0 0 var(--activity-stroke,2px) #151515,0 calc(10px + 18px * var(--state-depth,0)) calc(28px + 36px * var(--state-depth,0)) #0009}.flow-state .screen-surface>.studio-render{border-radius:inherit;overflow:hidden}.flow-state .screen-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#272727;opacity:calc(.84 * (1 - var(--state-reveal,0)));pointer-events:none;z-index:3}.flow-state-feedback{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;box-shadow:inset 0 0 0 var(--state-stroke) #4b91ff;opacity:0}.flow-state.selected .screen-surface{outline-color:transparent}@media(prefers-reduced-motion:reduce){.flow-state .screen-surface{transform:none}}.canvas-flow-overlay{position:absolute;left:0;top:0;pointer-events:none}.canvas-flow-popover-layer{z-index:20;transform-origin:0 0}.flow-arrows{position:absolute}.flow-arrow{color:#929292}.flow-arrow-line{stroke:currentColor}.flow-arrow-hit{stroke:transparent;pointer-events:stroke;cursor:pointer}.flow-arrow.open{color:#4b91ff}.flow-label-anchor{position:absolute}.flow-label{transform-origin:center;position:absolute;white-space:nowrap;pointer-events:auto;color:#ababab;background:#272727;padding:4px 7px;border-radius:4px;font-size:12px;max-width:340px;overflow:hidden;text-overflow:ellipsis}.flow-label span{color:#9a9a9a;font-size:11px}.flow-label:hover,.flow-label:focus-visible,.canvas-flow.open .flow-label{color:#4b91ff}.flow-discussion-anchor{position:absolute;width:320px;transform-origin:top left;pointer-events:auto;z-index:20}.flow-discussion,.flow-discussion *{box-sizing:border-box}.flow-discussion{width:320px;color:#d6d6d6;border:1px solid #414141;border-radius:6px;background:#2b2b2b;box-shadow:0 4px 20px #0003;font-size:12px;overflow:hidden;display:flex;flex-direction:column;max-height:500px}.flow-discussion header{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #3e3e3e;flex-shrink:0}.flow-discussion header>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-discussion header>span:last-of-type{color:#999;font-size:11px}.flow-discussion header button{display:flex;padding:4px}.flow-discussion .studio-select{width:calc(100% - 24px);margin:10px 12px 0;background:#272727;border:1px solid #414141;border-radius:4px;color:inherit;padding:6px}.flow-discussion-messages{max-height:280px;min-height:0;overflow:auto;padding:14px 12px 0;flex:1}.flow-discussion-message{margin-bottom:18px}.flow-discussion-message>div{display:flex;align-items:center;justify-content:space-between}.flow-discussion-message strong,.flow-discussion-message time{font-size:11px;font-weight:400;color:#a5a5a5}.flow-discussion-message p{margin:8px 0 0;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.flow-discussion-empty{color:#a5a5a5;line-height:1.6}.flow-request-status{padding:14px 12px 0;border-top:1px solid #3e3e3e;flex-shrink:0;max-height:100px;overflow:auto}.flow-request-status strong{font-weight:400;color:#4b91ff}.flow-request-status p{line-height:1.6;color:#b7b7b7}.flow-request-status.failed strong{color:#ffaba2}.flow-discussion form{padding:12px;flex-shrink:0}.flow-discussion textarea{width:100%;display:block;resize:vertical;min-height:60px;max-height:180px;border:1px solid #414141;border-radius:6px;background:#272727;color:#d6d6d6;font:inherit;line-height:1.5;padding:10px}.flow-discussion textarea:focus{outline:1px solid #aaa}.flow-discussion footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.flow-discussion footer button{padding:8px;border-radius:6px;color:#aaa}.flow-discussion footer .flow-send{background:#414141;color:#ddd}.flow-discussion footer .flow-send:disabled{opacity:.5}.flow-discussion .comment-error{padding:0 12px;line-height:1.5}.flow-discussion .comment-error button{display:block;margin-top:6px;color:#b8d5ff}.implementation-stale{color:#f0bd85;font-size:11px}.agent-queue-panel{margin:20px 0;border-top:1px solid var(--line);padding-top:14px}.agent-queue-panel h2{font-size:13px;font-weight:500}.agent-queue-panel p{font-size:12px;color:#aaa;line-height:1.6}[data-flow-layout=true] .flow-label{max-width:210px;font-size:12px}.flow-endpoint-handle{position:absolute;width:16px;height:16px;padding:0;box-sizing:border-box;border:2px solid #4b91ff;border-radius:50%;background:#fff;pointer-events:auto;cursor:grab;touch-action:none;z-index:4;transform-origin:center}.flow-endpoint-handle:active{cursor:grabbing}.flow-endpoint-handle:focus-visible{outline:3px solid #fff;outline-offset:3px}.flow-endpoint-handle:disabled{pointer-events:none;opacity:.5}.flow-snap-highlight{position:absolute;border:2px solid #4b91ff;background:#4b91ff18;box-sizing:border-box;pointer-events:none}.flow-endpoint-status{position:absolute;transform-origin:top left;background:#272727;color:#ddd;padding:10px 14px;border-radius:6px;max-width:340px;pointer-events:auto;z-index:6;font-size:12px}.flow-endpoint-status button{display:block;color:#8ab7ff;margin-top:8px}.canvas-editor-overlay{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:clip}.editor-selection,.editor-hover,.editor-marquee{position:absolute;outline:1px solid #4b91ff}.editor-hover{outline-color:#78a4ff}.editor-marquee{background:#4b91ff20}.editor-handle{position:absolute;width:7px;height:7px;background:#fff;border:1px solid #4b91ff;pointer-events:auto;padding:0;z-index:2}.editor-handle.nw{left:-3.5px;top:-3.5px;cursor:nwse-resize}.editor-handle.n{left:calc(50% - 4px);top:-3.5px;cursor:ns-resize}.editor-handle.ne{right:-3.5px;top:-3.5px;cursor:nesw-resize}.editor-handle.e{right:-3.5px;top:calc(50% - 4px);cursor:ew-resize}.editor-handle.se{right:-3.5px;bottom:-3.5px;cursor:nwse-resize}.editor-handle.s{bottom:-3.5px;left:calc(50% - 4px);cursor:ns-resize}.editor-handle.sw{left:-3.5px;bottom:-3.5px;cursor:nesw-resize}.editor-handle.w{left:-3.5px;top:calc(50% - 4px);cursor:ew-resize}.editor-selection-member{position:absolute}.editor-dimensions{position:absolute;left:0;top:calc(100% + 8px);white-space:nowrap;color:#78a4ff;font:13px/19.5px Inter,-apple-system,BlinkMacSystemFont,sans-serif;z-index:2}.editor-guide,.editor-guide-tracks{position:absolute;inset:0;pointer-events:none}.editor-guide-tracks{display:flex}.editor-guide-tracks i{flex:1}.output-preview{position:fixed;inset:0;background:#171717;z-index:1000;display:flex;flex-direction:column;padding:16px;gap:12px}.output-preview header{display:flex;gap:16px;align-items:center;color:#eee}.output-preview header span{flex:1}.output-preview-stage{overflow:auto;flex:1;position:relative}.output-preview-stage>.studio-render{transform-origin:top left}.output-status{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1001;background:#262626;color:#fff;border:1px solid #666;border-radius:6px;padding:10px 16px;display:flex;gap:16px}.output-status button{color:inherit}.output-preview{inset:16px;margin:0;width:calc(100vw - 32px);height:calc(100vh - 32px);max-width:none;max-height:none;border:1px solid #555;border-radius:8px}.output-preview::backdrop{background:#0008}.editor-alignment{position:absolute;background:#e34ac5;pointer-events:none;z-index:3}.editor-alignment.x{width:1px}.editor-alignment.y{height:1px}[data-editor-drop-target]{outline:2px solid #4b91ff;outline-offset:3px}.editor-drop-indicator{position:absolute;background:#4b91ff;pointer-events:none;z-index:10}.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}.canvas-comment-pin{position:absolute;z-index:22;display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid white;border-radius:50% 50% 50% 2px;background:var(--control-active);color:#fff;box-shadow:0 2px 6px #0005;transform:scale(var(--presence-scale,1)) translateY(-100%);transform-origin:top left;pointer-events:auto;cursor:pointer!important;font:600 12px/1 Inter,-apple-system,BlinkMacSystemFont,sans-serif}.canvas-comment-pin:hover,.canvas-comment-pin.active{outline:3px solid color-mix(in srgb,var(--accent) 33%,transparent);outline-offset:2px}.canvas-comment-pin:focus-visible{outline:3px solid var(--control-focus);outline-offset:3px}.canvas-comment-pin.resolved{background:#676767}.canvas-comment-popover{position:fixed;z-index:80;box-sizing:border-box;width:336px;max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid #444;border-radius:12px;background:#2c2c2c;color:#eee;box-shadow:0 12px 40px #0005;font:12px/1.5 Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0 16px 12px}.canvas-comment-popover>header{position:sticky;top:0;z-index:1;background:#2c2c2c;display:flex;align-items:center;gap:9px;min-height:48px;margin:0 -16px 10px;padding:0 14px;border-bottom:1px solid #3c3c3c}.canvas-comment-popover>header strong{flex:1;font-size:12px;font-weight:550}.canvas-comment-popover>header button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:5px;color:#bbb}.canvas-comment-popover>header button:hover{background:#414141;color:#fff}.canvas-comment-popover .comment-thread{border:0;padding:0}.canvas-comment-popover .comment-composer textarea{border-radius:8px;background:#242424;min-height:88px}.canvas-comment-popover .comment-composer textarea:focus{outline:1px solid var(--control-focus);border-color:var(--control-focus)}.canvas-comment-popover .comment-composer-actions{margin-bottom:4px}.canvas-comments-filter{display:flex;align-items:center;gap:7px;font-size:11px;color:#aaa;margin-bottom:12px}.canvas-comments-filter input{accent-color:var(--accent)}.canvas-comment-list{display:flex;flex-direction:column;gap:2px}.canvas-comment-list>button{display:flex;gap:10px;text-align:left;padding:10px 4px;border-radius:6px;color:#ddd}.canvas-comment-list>button:hover{background:#383838}.canvas-comment-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--control-active);color:#fff;font-size:11px}.canvas-comment-list>button>span+span{min-width:0;display:grid;gap:3px}.canvas-comment-list strong{font-size:11px;font-weight:500;color:#aaa}.canvas-comment-list span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-comment-list small{color:#caa16d}[data-canvas-tool=comment] .screen-surface,[data-canvas-tool=comment] .screen-surface [data-render-root] *{cursor:var(--canvas-tool-cursor)!important}.canvas-comment-popover>header .comment-resolve{width:auto;padding:0 7px;font-size:11px;white-space:nowrap}.comment-thread-status{margin:0 0 12px;color:var(--muted);font-size:11px}.canvas-tool-popup[data-canvas-tool-menu=frame]{left:50%;width:600px;max-width:min(600px,calc(100vw - 32px));padding:0;transform:translate(-50%)}.canvas-frame-picker{display:flex;flex-direction:column;gap:12px;padding:16px}.canvas-frame-picker-header{display:flex;align-items:center;gap:8px;font-weight:500}.canvas-frame-picker-header>span{flex:1}.canvas-frame-icon-action{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:5px;padding:0;background:transparent}.canvas-frame-icon-action:hover{background:#363636}.canvas-frame-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px;background:#303030;border-radius:5px}.canvas-frame-search>svg{flex:0 0 18px}.canvas-frame-search input{width:100%;min-width:0;height:100%;border:0;padding:0;background:transparent;color:#d6d6d6;font:inherit}.canvas-frame-search input::placeholder{color:#9a9a9a;opacity:1}.canvas-frame-picker-body{display:flex;align-items:stretch;gap:16px;min-height:300px}.canvas-frame-categories{display:flex;flex-direction:column;flex:0 0 156px;box-sizing:border-box;gap:4px;align-self:stretch;padding-right:8px;border-right:1px solid #3e3e3e}.canvas-frame-picker .canvas-tool-menu-row{flex:0 0 auto;min-height:38px;height:auto;padding-top:8px;padding-bottom:8px}.canvas-frame-picker .canvas-tool-menu-label{min-width:0}.canvas-frame-picker .canvas-tool-menu-row[aria-checked=true]{background:#414141}.canvas-frame-picker .canvas-tool-menu-check{display:none}.canvas-frame-picker .canvas-tool-shortcut{flex:0 0 auto;white-space:nowrap}.canvas-frame-choices{display:flex;flex:1 1 0;flex-direction:column;gap:8px;min-width:0;align-self:stretch}.canvas-frame-heading{font-weight:500}.canvas-frame-results{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;overscroll-behavior:contain}.canvas-frame-dimensions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0}.canvas-frame-dimension{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;height:34px;box-sizing:border-box;padding:0 8px;border:1px solid #3e3e3e;border-radius:5px;background:#303030}.canvas-frame-dimension>span{color:#9a9a9a;font-size:11px;line-height:16.5px}.canvas-frame-dimension input{flex:1 1 0;width:0;min-width:0;border:0;padding:0;color:#d6d6d6;background:transparent;font:inherit;text-align:right;appearance:textfield;-moz-appearance:textfield}.canvas-frame-dimension input::-webkit-outer-spin-button,.canvas-frame-dimension input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.canvas-frame-dimension output{min-width:0}.canvas-frame-copy,.canvas-frame-meta,.canvas-frame-validation{margin:0;color:#9a9a9a}.canvas-frame-meta,.canvas-frame-validation{font-size:11px;line-height:16.5px}.canvas-frame-validation{color:#f2b8ae}.canvas-frame-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:30px;min-width:0;box-sizing:border-box;padding:4px 10px;border:1px solid #3e3e3e;border-radius:5px;background:#303030}.canvas-frame-action:hover:not(:disabled){background:#363636;border-color:#555}.canvas-frame-action[data-active=true],.canvas-frame-action[aria-pressed=true]{background:#424242;border-color:#555}.canvas-frame-action:focus-visible,.canvas-frame-icon-action:focus-visible{outline:1px solid #8cbaff;outline-offset:-1px}.canvas-frame-social-platforms{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.canvas-frame-social-platforms>button{flex:0 1 auto}.canvas-frame-platform-picker{position:relative;max-width:100%;cursor:pointer}.canvas-frame-platform-picker>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-frame-platform-picker:focus-within{outline:1px solid #8cbaff;outline-offset:-1px}.canvas-frame-platform-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.canvas-frame-format-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;box-sizing:border-box;padding:0 8px;border:1px solid var(--inspector-border, #3e3e3e);border-radius:5px;background:var(--inspector-control, #303030)}.canvas-frame-format-row>span:first-child{color:var(--inspector-muted, #9a9a9a);font-size:11px}.canvas-frame-format-row>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}@media(max-width:540px){.canvas-frame-picker{padding:12px}.canvas-frame-picker-body{gap:12px}.canvas-frame-categories{flex-basis:120px}.canvas-frame-picker .canvas-tool-menu-row{gap:6px;padding-left:6px;padding-right:6px}.canvas-frame-results .canvas-tool-menu-icon{display:none}.canvas-frame-results .canvas-tool-menu-row{flex-wrap:wrap;row-gap:2px}.canvas-frame-results .canvas-tool-menu-label{flex-basis:100%}}@media(max-width:380px){.canvas-frame-categories{flex-basis:96px}.canvas-frame-categories .canvas-tool-menu-icon{display:none}.canvas-frame-picker-body{gap:8px}.canvas-frame-dimensions{gap:4px}.canvas-frame-dimension{padding:0 6px;gap:4px}}.canvas-frame-search:focus-within{outline:1px solid var(--ct-focus, #8cbaff);outline-offset:-1px}.canvas-tool-dock .canvas-frame-search input:focus-visible{outline:none}.canvas-frame-dimension:focus-within{border-color:var(--ct-focus, #8cbaff)}.canvas-tool-dock .canvas-frame-dimension input:focus-visible{outline:none}.canvas-pen-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:35}.canvas-pen-bar{position:absolute;bottom:92px;left:50%;transform:translate(-50%);z-index:46;display:flex;align-items:center;gap:8px;padding:8px;max-width:calc(100% - 24px);box-sizing:border-box;overflow-x:auto;white-space:nowrap;border:1px solid #555;border-radius:10px;background:#2b2b2b;box-shadow:0 8px 28px #00000047;color:#d6d6d6;font:13px/19.5px Inter,-apple-system,BlinkMacSystemFont,sans-serif}.canvas-pen-bar span{padding:0 0 0 1px}.canvas-pen-bar button{min-height:30px;padding:4px 10px;border:1px solid #3e3e3e;border-radius:5px;background:#303030;color:inherit;font:inherit;cursor:pointer}.canvas-pen-bar button:hover:not(:disabled){background:#414141}.canvas-pen-bar button:focus-visible{outline:1px solid #8cbaff;outline-offset:2px}.canvas-pen-bar button:disabled{opacity:.4;cursor:default}.canvas-pen-hint{position:absolute;left:24px;bottom:96px;z-index:34;pointer-events:none;color:#9a9a9a;font:11px/16.5px Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media(max-width:900px){.canvas-pen-hint{bottom:144px;max-width:calc(100% - 48px)}}.canvas-image-menu{color:var(--ct-text, #d6d6d6)}.canvas-tool-dock[data-compact=true] .canvas-tool-popup[data-canvas-tool-menu=image]{left:50%;right:auto;transform:translate(-50%)}.canvas-image-menu-header{display:flex;gap:8px;align-items:center;min-height:34px;padding:0 6px 7px;font-weight:500}.canvas-image-menu-header>span{flex:1}.canvas-image-menu-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent}.canvas-image-menu-header button:hover{background:#363636}.canvas-image-menu .canvas-tool-menu-row{height:46px}.canvas-image-menu .canvas-tool-menu-check{display:none}.canvas-image-menu-meta{margin:8px 6px 5px;color:var(--ct-muted, #9a9a9a);font-size:11px;line-height:16.5px}.canvas-image-search{display:flex;gap:8px;align-items:center;margin:0 6px 10px;padding:6px 8px;border:1px solid #3e3e3e;border-radius:5px}.canvas-image-search input{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.canvas-image-search:focus-within{border-color:var(--ct-focus, #8cbaff)}.canvas-image-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(340px,calc(100vh - 300px));overflow:auto;overscroll-behavior:contain;padding:0 6px}.canvas-image-asset{display:flex;flex-direction:column;gap:6px;min-width:0;padding:5px;border:1px solid #3e3e3e;border-radius:5px;background:#303030;text-align:left}.canvas-image-asset>span:last-child{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.canvas-image-asset-preview{display:flex;align-items:center;justify-content:center;width:100%;height:86px;overflow:hidden;background:#252525;border-radius:3px}.canvas-image-asset img{width:100%;height:100%;object-fit:contain}.canvas-image-asset:hover:not(:disabled){border-color:#8cbaff}.canvas-image-asset:focus-visible,.canvas-image-more:focus-visible{outline:1px solid #8cbaff;outline-offset:1px}.canvas-image-more{width:calc(100% - 12px);margin:10px 6px 2px;padding:6px;border:1px solid #555;border-radius:4px;background:#303030}.canvas-image-cursor-preview{display:none;position:absolute;left:0;top:0;z-index:40;width:72px;height:56px;padding:3px;border:1px solid #8cbaff;border-radius:4px;background:#303030;box-shadow:0 4px 16px #00000040;pointer-events:none}.canvas-image-cursor-preview img{width:100%;height:100%;object-fit:contain}.canvas-image-placement{display:flex;position:absolute;bottom:92px;left:50%;z-index:42;gap:14px;align-items:center;width:max-content;max-width:calc(100% - 32px);padding:8px 12px;border:1px solid #555;border-radius:7px;background:#303030;color:#d6d6d6;font:11px/16.5px Inter,-apple-system,BlinkMacSystemFont,sans-serif;transform:translate(-50%);pointer-events:auto}.canvas-image-placement button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.canvas-image-placement button:focus-visible{outline:1px solid #8cbaff;outline-offset:3px}.canvas-tool-dock .canvas-image-search input:focus-visible{outline:none}.canvas-tool-dock .canvas-tool-popup[data-canvas-tool-menu=component]{width:360px;padding:0}.canvas-tool-dock[data-tight=true] .canvas-tool-popup[data-canvas-tool-menu=component]{left:50%;right:auto;transform:translate(-50%)}.canvas-component-picker{display:flex;flex-direction:column;gap:8px;padding:12px}.canvas-component-heading{display:flex;min-height:26px;align-items:center;gap:8px;font-weight:500}.canvas-component-heading>span{flex:1;min-width:0;overflow-wrap:anywhere}.canvas-component-icon-action{display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;padding:0;border:0;border-radius:5px;background:transparent}.canvas-component-icon-action:hover{background:#363636}.canvas-component-search{display:flex;align-items:center;gap:8px;height:34px;box-sizing:border-box;padding:0 8px;border:1px solid #3e3e3e;border-radius:5px;background:#303030}.canvas-component-search>span{flex:0 0 auto;color:#9a9a9a;font-size:11px}.canvas-component-search input{width:100%;min-width:0;height:100%;padding:0;border:0;background:transparent;color:#d6d6d6;font:inherit;text-align:right}.canvas-component-search input::placeholder{color:#d6d6d6;opacity:1}.canvas-component-search:focus-within{outline:1px solid #8cbaff;outline-offset:-1px}.canvas-tool-dock .canvas-component-search input:focus-visible{outline:none}.canvas-component-filters{display:flex;align-items:center;gap:8px}.canvas-component-filters>div{display:flex;gap:8px;flex:1}.canvas-component-filters button,.canvas-component-filters select,.canvas-component-pagination button{min-height:30px;min-width:0;padding:3px 10px;border:1px solid #3e3e3e;border-radius:5px;background:#303030;white-space:nowrap}.canvas-component-filters button[aria-pressed=true]{border-color:#555;background:#414141}.canvas-component-filters select{max-width:96px;padding:3px 4px;color:#9a9a9a;font:inherit;font-size:11px}.canvas-component-results,.canvas-component-variants{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow:auto;overscroll-behavior:contain}.canvas-component-picker .canvas-tool-menu-row{min-height:42px;height:auto;padding-top:10px;padding-bottom:10px}.canvas-component-picker .canvas-tool-menu-check{display:none}.canvas-component-picker .canvas-tool-menu-label{min-width:0;overflow-wrap:anywhere}.canvas-component-picker .canvas-tool-shortcut{flex:0 0 auto;white-space:nowrap}.canvas-component-system{display:block;margin:-6px 8px 7px 34px;color:#9a9a9a;font-size:11px;line-height:16.5px;overflow-wrap:anywhere}.canvas-component-meta{margin:0;color:#9a9a9a;font-size:11px;line-height:16.5px}.canvas-component-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9a9a9a;font-size:11px}.canvas-component-pagination button{padding:3px 6px}.canvas-component-variants .canvas-tool-menu-row[aria-checked=true]{background:#414141}.canvas-component-preview-flyout{position:fixed;z-index:46;height:136px;pointer-events:none;filter:drop-shadow(0 8px 14px rgb(0 0 0 / 24%))}.canvas-component-preview{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:136px;min-height:136px;padding:12px;border:1px solid #3e3e3e;border-radius:5px;background:#f8f8f5;overflow:hidden;pointer-events:none}.canvas-component-preview-size{position:relative;flex:0 0 auto}.canvas-component-preview-stage{position:absolute;left:0;top:0;transform-origin:top left}.canvas-component-preview .render-failure{width:300px;color:#703b33;font:12px/18px Inter,sans-serif}.canvas-component-preview-error{position:absolute;inset:0;z-index:1;margin:0;padding:20px;background:#f8f8f5;color:#703b33;font:12px/18px Inter,sans-serif}.canvas-component-icon-action:focus-visible,.canvas-component-filters button:focus-visible,.canvas-component-pagination button:focus-visible{outline:1px solid #8cbaff;outline-offset:-1px}@media(max-width:340px){.canvas-component-filters{gap:4px}.canvas-component-filters>div{gap:4px}.canvas-component-filters button{padding-right:6px;padding-left:6px}.canvas-component-filters select{max-width:84px}}.canvas-workspace{position:relative}.canvas-tool-dock{--ct-surface: #303030;--ct-border: #555555;--ct-text: #d6d6d6;--ct-muted: #9a9a9a;--ct-active: var(--control-active);--ct-focus: var(--control-focus);position:absolute;bottom:24px;left:50%;z-index:45;transform:translate(-50%);color:var(--ct-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:19.5px;pointer-events:auto;max-width:calc(100% - 24px)}.canvas-floating-toolbar{display:flex;width:max-content;height:56px;max-width:100%;box-sizing:border-box;align-items:center;gap:4px;padding:8px;background:var(--ct-surface);border:1px solid var(--ct-border);border-radius:12px;box-shadow:0 8px 28px #00000047}.canvas-tool-dock button{font:inherit;color:inherit;cursor:pointer}.canvas-tool-button,.canvas-tool-disclosure{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent}.canvas-tool-button:hover:not(:disabled),.canvas-tool-disclosure:hover:not(:disabled),.canvas-tool-menu-row:hover:not(:disabled){background:#363636;border-color:var(--ct-border)}.canvas-tool-button:active:not(:disabled),.canvas-tool-disclosure:active:not(:disabled),.canvas-tool-menu-row:active:not(:disabled){background:#414141}.canvas-tool-button[aria-pressed=true],.canvas-tool-overflow[aria-expanded=true]:not(:disabled),.canvas-tool-split[data-active=true]{background:var(--ct-active)}.canvas-tool-button:focus-visible,.canvas-tool-disclosure:focus-visible,.canvas-tool-menu-row:focus-visible,.canvas-tool-dock input:focus-visible,.canvas-tool-dock select:focus-visible{outline:1px solid var(--ct-focus);outline-offset:-1px}.canvas-tool-dock button:disabled{opacity:.4;cursor:default}.canvas-tool-split{display:flex;flex:0 0 auto;width:52px;height:36px;align-items:center;border-radius:5px}.canvas-tool-split .canvas-tool-button{border-top-right-radius:0;border-bottom-right-radius:0}.canvas-tool-disclosure{width:16px;border-top-left-radius:0;border-bottom-left-radius:0}.canvas-tool-divider{flex:0 0 1px;width:1px;height:24px;background:#3e3e3e}.canvas-tool-popup{position:absolute;bottom:68px;left:0;width:252px;max-width:min(380px,calc(100vw - 32px));max-height:min(580px,calc(100vh - 152px));overflow:auto;overscroll-behavior:contain;padding:6px;box-sizing:border-box;background:#2b2b2b;border:1px solid var(--ct-border);border-radius:10px;box-shadow:0 8px 28px #00000047}.canvas-tool-popup[data-canvas-tool-menu=image],.canvas-tool-popup[data-canvas-tool-menu=component]{left:auto;right:0;width:304px}.canvas-tool-popup[data-framed=true]{display:flex;flex-direction:column;gap:8px;padding:12px}.canvas-tool-popup-heading{display:flex;flex:0 0 30px;align-items:center;gap:8px;min-height:30px;font-weight:500}.canvas-tool-popup-heading>span{flex:1}.canvas-tool-popup-heading button{display:flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent}.canvas-tool-popup-heading button:hover{background:#363636;border-color:var(--ct-border)}.canvas-tool-popup-heading button:focus-visible{outline:1px solid var(--ct-focus);outline-offset:-1px}.canvas-tool-popup-guidance{flex:0 0 auto;margin:0;color:var(--ct-muted);font-size:11px;line-height:16.5px}.canvas-tool-popup[data-framed=true] .canvas-tool-menu-row{flex:0 0 38px;border-width:0}.canvas-tool-popup[data-framed=true] .canvas-tool-menu-row[aria-checked=true]{background:#414141}.canvas-tool-popup[data-framed=true] .canvas-tool-menu-check{display:none}.canvas-tool-menu-history{display:flex;flex-direction:column;gap:8px}.canvas-tool-help{position:absolute;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;padding:12px;overflow:auto;overscroll-behavior:contain;background:#2b2b2b;border:1px solid var(--ct-border);border-radius:10px;box-shadow:0 8px 28px #00000047}.canvas-tool-help-heading{display:flex;align-items:center;gap:8px;min-height:30px;font-weight:500}.canvas-tool-help-heading>span{flex:1}.canvas-tool-help-heading button{display:flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent}.canvas-tool-help-heading button:hover{background:#363636;border-color:var(--ct-border)}.canvas-tool-help-heading button:focus-visible{outline:1px solid var(--ct-focus);outline-offset:-1px}.canvas-tool-help p{margin:0}.canvas-tool-menu-row{display:flex;align-items:center;width:100%;height:38px;gap:8px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left}.canvas-tool-menu-icon{display:flex;width:18px;height:18px;flex:0 0 18px;align-items:center;justify-content:center}.canvas-tool-menu-label{flex:1}.canvas-tool-shortcut,.canvas-tool-menu-heading{color:var(--ct-muted);font-size:11px;line-height:16.5px}.canvas-tool-menu-check{width:16px;height:16px;flex:0 0 16px}.canvas-tool-menu-heading{padding:10px 8px 5px}.canvas-tool-menu-divider{height:1px;margin:6px 2px;background:#3e3e3e}.canvas-tool-menu-section+.canvas-tool-menu-section{border-top:1px solid #3e3e3e;margin-top:6px}.canvas-tool-menu-search,.canvas-tool-menu-field{width:100%;min-height:34px;box-sizing:border-box;padding:6px 8px;border:1px solid #3e3e3e;border-radius:5px;background:#303030;color:var(--ct-text);font:inherit}.canvas-tool-menu-search{margin:2px 0 6px}.canvas-tool-menu-empty{margin:12px 8px;color:var(--ct-muted);font-size:11px;line-height:16.5px}.canvas-tool-error{display:flex;position:absolute;bottom:68px;left:50%;transform:translate(-50%);gap:8px;align-items:center;width:520px;min-height:44px;box-sizing:border-box;padding:8px 10px;border:1px solid #88615a;border-radius:10px;background:#493330;color:var(--ct-text);font-size:13px;line-height:19.5px}.canvas-tool-error>svg{flex:0 0 16px}.canvas-tool-error>span{flex:1;min-width:0;overflow-wrap:anywhere}.canvas-tool-error button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:1px solid #3e3e3e;border-radius:5px;background:#303030;font:inherit}.canvas-tool-error button:hover:not(:disabled){background:#363636}.canvas-tool-error button:focus-visible{outline:1px solid var(--ct-focus);outline-offset:-1px}.canvas-save-indicator{position:fixed;left:20px;bottom:16px;z-index:12;display:flex;width:20px;height:20px;align-items:center;justify-content:center;color:#999;pointer-events:none}.canvas-save-indicator svg{animation:canvas-tool-spin 1s linear infinite}.canvas-tool-view-only{position:absolute;bottom:68px;color:var(--ct-muted);font-size:11px;line-height:16.5px;pointer-events:none}.canvas-tool-status{display:flex;flex:0 0 36px;width:36px;height:36px;align-items:center;justify-content:center;color:var(--ct-text)}.canvas-tool-overflow,.canvas-tool-dock[data-compact=true] .canvas-tool-compact-hide{display:none}.canvas-tool-dock[data-compact=true] .canvas-tool-overflow{display:flex}.canvas-tool-dock[data-tight=true] .canvas-tool-tight-hide,.canvas-tool-dock[data-tight=true] .canvas-tool-readonly-tight-hide{display:none}.canvas-tool-dock[data-compact=true] [data-canvas-tool-group=move]{order:0}.canvas-tool-dock[data-compact=true] [data-canvas-tool=hand]{order:1}.canvas-tool-dock[data-compact=true] .canvas-tool-nav-divider{order:2}.canvas-tool-dock[data-compact=true] [data-canvas-tool-group=frame]{order:3}.canvas-tool-dock[data-compact=true] [data-canvas-tool=text]{order:4}.canvas-tool-dock[data-compact=true] [data-canvas-tool-group=shape]{order:5}.canvas-tool-dock[data-compact=true] [data-canvas-tool=image]{order:6}.canvas-tool-dock[data-compact=true] .canvas-tool-overflow{order:7}.canvas-tool-dock[data-compact=true] .canvas-tool-status{order:8}.canvas-tool-dock[data-read-only=true] .canvas-floating-toolbar>*{order:0}.canvas[data-canvas-tool]{cursor:var(--canvas-tool-cursor, default)}@keyframes canvas-tool-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.canvas-save-indicator svg{animation:none!important}}.canvas-tool-error{overflow:auto;overscroll-behavior:contain}.canvas-tool-error{overflow-y:auto}.canvas-tool-error .canvas-tool-error-close{width:30px;padding:0;border-color:transparent;background:transparent}.canvas-tool-error[data-compact=true]{display:grid;grid-template-columns:16px minmax(0,1fr) 30px;align-items:start}.canvas-tool-error[data-compact=true]>svg{margin-top:6px}.canvas-tool-error[data-compact=true]>span{grid-column:2;grid-row:1;padding-top:4px}.canvas-tool-error[data-compact=true]>button:not(.canvas-tool-error-close){grid-column:2;grid-row:2;justify-self:start;white-space:normal}.canvas-tool-error[data-compact=true]>.canvas-tool-error-close{grid-column:3;grid-row:1}.canvas-clipboard-status:not([data-phase=error]){display:flex;background:#303030;border-color:#555}.canvas-clipboard-status .clipboard-spinner{animation:canvas-tool-spin 1s linear infinite}.canvas-clipboard-status .clipboard-progress{display:flex;flex:0 0 auto;align-items:center;gap:8px;margin-left:auto;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.canvas-clipboard-status .clipboard-spinner{animation:none}}.canvas-clipboard-status:not([data-phase=error])[data-compact=true]>span{padding-top:0}.theme-sidebar .sidebar-body{display:flex}.theme-colors{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;width:100%;box-sizing:border-box;padding:12px 6px 16px}.theme-scope{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;flex:none}.theme-scope>span,.theme-colors>h2{font-size:12px;font-weight:400;color:#aaa}.theme-scope .studio-select{width:100%;min-height:40px}.theme-colors>h2{margin:0 8px 12px;flex:none}.theme-color-list{flex:0 1 auto;min-height:36px;max-height:252px;overflow:auto;margin-bottom:20px}.theme-color-row{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:6px 10px;text-align:left;border-radius:7px;font-size:13px}.theme-color-row:hover{background:#383838}.theme-color-row.selected{background:#4a435d}.theme-color-row>i{width:20px;height:20px;border:1px solid #555;border-radius:5px;flex:none}.theme-color-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-color-row>code{font:12px ui-monospace,monospace;color:#bbb}.theme-color-picker{border:0;margin:0;padding:16px;background:#303030;min-width:0;width:100%;box-sizing:border-box;flex:none}.theme-color-picker>legend{float:left;width:100%;padding:0;margin-bottom:20px;font-size:16px;overflow-wrap:anywhere}.theme-wheel{clear:both;width:min(200px,100%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#fff,#fff0 71%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;touch-action:none;cursor:crosshair}.theme-wheel>i{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px #0005;pointer-events:none}.theme-brightness{height:14px;margin:16px 0;position:relative;touch-action:none;cursor:ew-resize}.theme-brightness>span{position:absolute;inset:3px 0;border-radius:99px}.theme-brightness>i{position:absolute;top:0;width:14px;height:14px;background:#eee;border:1px solid #303030;border-radius:50%;transform:translate(-50%);pointer-events:none}.theme-color-inputs{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:8px}.theme-color-inputs input{box-sizing:border-box;width:100%;height:38px;min-width:0;padding:8px 10px;border:1px solid #484848;border-radius:8px;background:#2b2b2b;color:#eee;font-family:inherit;font-size:13px}.theme-color-inputs>label{position:relative;min-width:0}.theme-color-inputs>label input{padding-right:23px}.theme-color-inputs>label>span{position:absolute;right:10px;top:11px;font-size:13px;color:#aaa;pointer-events:none}.theme-color-picker:disabled{opacity:.6}.theme-wheel:focus-visible,.theme-brightness:focus-visible{outline:2px solid #aaa;outline-offset:3px}.theme-color-picker>p{font-size:12px;color:#ffb4ad;margin-top:12px}.inspector-color-picker{position:fixed;inset:auto;margin:0;box-sizing:border-box;overflow:auto;padding:16px;border:1px solid var(--inspector-border,#555);border-radius:10px;background:var(--inspector-popover,#242424);color:var(--inspector-reading,#eee);box-shadow:0 8px 24px var(--inspector-shadow,#0007);font:inherit;font-size:12px}.inspector-color-picker fieldset{border:0;margin:0;padding:0;min-width:0}.inspector-color-picker legend{padding:0;margin-bottom:16px;font-weight:500}.inspector-color-picker .theme-wheel{width:200px;max-width:100%;margin-bottom:20px}.inspector-color-slider{display:grid;grid-template-columns:64px minmax(0,1fr) 32px;gap:8px;align-items:center;margin:12px 0;font-size:11px}.inspector-color-slider input{width:100%;min-width:0;margin:0;accent-color:var(--inspector-accent,#739ad3)}.inspector-color-slider output{text-align:right}.inspector-color-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.inspector-color-picker-footer button{padding:6px 12px;border-radius:5px;background:var(--inspector-control,#383838);color:inherit}.inspector-swatch:focus-visible{outline:2px solid var(--inspector-accent,#739ad3);outline-offset:2px}button.inspector-swatch{padding:0;cursor:pointer}