.voice-recorder-row{--voice-row-gap:8px;--voice-button-size:28px;height:var(--voice-button-size);align-items:center;gap:var(--voice-row-gap);min-width:0;display:flex}.voice-recorder-row .voice-recorder-row__button{width:var(--voice-button-size);height:var(--voice-button-size);min-height:0;color:var(--voice-row-button-color,#595961);background:var(--voice-row-button-bg,#eaeaee);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.voice-recorder-row .voice-recorder-row__button:hover:not(:disabled){background:var(--voice-row-button-bg-hover,#dedee4)}.voice-recorder-row .voice-recorder-row__button:focus-visible{outline:2px solid var(--voice-row-accent,#7659ff);outline-offset:2px}.voice-recorder-row svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px}.voice-recorder-row svg.is-filled{fill:currentColor}.voice-recorder-row .voice-recorder-row__send{color:#fff;background:var(--voice-row-accent,#7659ff)}.voice-recorder-row .voice-recorder-row__send:hover:not(:disabled){background:var(--voice-row-accent-hover,#6445f2)}.voice-recorder-row__waveform{flex:1;justify-content:space-between;align-items:center;gap:1px;min-width:0;height:20px;display:flex;overflow:hidden}.voice-recorder-row__waveform span{background:var(--voice-row-wave,#777780);transform-origin:50%;will-change:transform;border-radius:999px;flex:none;width:2px;height:18px;transition:transform .12s linear}.voice-recorder-row__status{min-width:0;color:var(--voice-row-wave,#777780);text-align:center;flex:1;font-size:10px}.voice-field{--voice-field-accent:var(--editor-selection,#0d99ff);--voice-field-color:var(--projects-muted,var(--editor-muted,#929299));--voice-field-color-active:var(--projects-text,var(--editor-text,#f2f2f3));--voice-field-button-size:24px;flex:auto;width:100%;min-width:0;display:block;position:relative}.voice-field.voice-field--with-mic[data-voice-field]>:is(input,textarea){padding-right:calc(var(--voice-field-button-size) + 12px)}.voice-field>.voice-field__button{top:50%;right:var(--voice-field-end-offset,6px);width:var(--voice-field-button-size);height:var(--voice-field-button-size);min-height:0;color:var(--voice-field-color);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(-50%)}.voice-field:has(>textarea)>.voice-field__button{top:auto;bottom:6px;transform:none}.voice-field>.voice-field__button:hover:not(:disabled),.voice-field>.voice-field__button:focus-visible{color:var(--voice-field-color-active);background:color-mix(in srgb, currentColor 14%, transparent);opacity:1}.voice-field>.voice-field__button:focus-visible{outline:2px solid var(--voice-field-accent);outline-offset:1px}.voice-field>.voice-field__button:disabled,.voice-field>.voice-field__button[aria-disabled=true]{cursor:default;opacity:.35}.voice-field>.voice-field__button.is-recording{color:var(--voice-field-accent);opacity:1}.voice-field>.voice-field__button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px}.voice-field>.voice-field__button.is-recording svg{fill:currentColor}.voice-field__takeover{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0;font-weight:600;text-decoration:underline}.voice-field__error{color:#8b2635;z-index:1;background:#fff0f2;border:1px solid #f2b8c1;border-radius:7px;padding:4px 8px;font-size:11px;line-height:1.3;position:absolute;top:100%;left:0}.voice-field.voice-field--with-row[data-voice-field]>textarea{padding-bottom:40px}.voice-field__row{--voice-row-button-color:var(--voice-field-color);--voice-row-button-bg:color-mix(in srgb, currentColor 14%, transparent);--voice-row-button-bg-hover:color-mix(in srgb, currentColor 22%, transparent);--voice-row-accent:var(--voice-field-accent);--voice-row-accent-hover:var(--voice-field-accent);--voice-row-wave:var(--voice-field-color);right:var(--voice-field-end-offset,6px);color:var(--voice-field-color);position:absolute;bottom:6px;left:6px}.canvas-input,.canvas-field{--field-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#212124);--field-border:var(--lightningcss-light,#dcdce1)var(--lightningcss-dark,#38383e);--field-border-hover:var(--lightningcss-light,#c4c4cc)var(--lightningcss-dark,#4b4b53);--field-text:var(--lightningcss-light,#252525)var(--lightningcss-dark,#efeff2);--field-muted:var(--lightningcss-light,#737378)var(--lightningcss-dark,#929299);--field-label:var(--lightningcss-light,#4a4a50)var(--lightningcss-dark,#b4b4bb);--field-focus:var(--lightningcss-light,#087be8)var(--lightningcss-dark,#0d99ff);--field-invalid:var(--lightningcss-light,#d92d20)var(--lightningcss-dark,#f97066);--field-ghost-hover:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0f)}.canvas-input{--field-height:36px;--field-pad-x:12px;--field-pad-y:8px;--field-gap:6px;--field-font-size:13px;--field-radius:6px;--field-chevron:12px;--field-icon:16px;box-sizing:border-box;width:100%;min-width:0;min-height:var(--field-height);color:var(--field-text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--field-radius);font-size:var(--field-font-size);align-items:center;line-height:1.3;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.canvas-input--sm{--field-height:28px;--field-pad-x:10px;--field-pad-y:6px;--field-gap:4px;--field-font-size:11px;--field-chevron:10px;--field-icon:14px}.canvas-input--lg{--field-height:48px;--field-pad-x:14px;--field-pad-y:12px;--field-gap:8px;--field-font-size:16px;--field-radius:10px;--field-chevron:14px;--field-icon:18px}.canvas-input:hover:not(:has(.canvas-input__control:disabled)){border-color:var(--field-border-hover)}.canvas-input:focus-within{border-color:var(--field-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--field-focus) 26%, transparent)}.canvas-input:has(.canvas-input__control[aria-invalid=true]){border-color:var(--field-invalid)}.canvas-input:has(.canvas-input__control[aria-invalid=true]):focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--field-invalid) 26%, transparent)}.canvas-input:has(.canvas-input__control:disabled){cursor:default;opacity:.5}.canvas-input--ghost{background:0 0;border-color:#0000}.canvas-input--ghost:hover:not(:has(.canvas-input__control:disabled)){background:0 0;border-color:#0000}.canvas-input--ghost:hover:not(:has(.canvas-input__control:disabled)){background:var(--field-ghost-hover)}.canvas-input .canvas-input__control.canvas-input__control{box-sizing:border-box;width:100%;min-width:0;height:calc(var(--field-height) - 2px);padding:0 var(--field-pad-x);color:inherit;border-radius:inherit;box-shadow:none;font:inherit;letter-spacing:inherit;text-overflow:ellipsis;appearance:none;background:0 0;border:0;outline:none;flex:auto;margin:0}.canvas-input .canvas-input__control.canvas-input__control:focus-visible{outline:none}.canvas-input .canvas-input__control::placeholder{color:var(--field-muted);opacity:1}.canvas-input .canvas-input__control:disabled{cursor:default}.canvas-input .canvas-input__control[type=number]{font-variant-numeric:tabular-nums;-moz-appearance:textfield}.canvas-input .canvas-input__control[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.canvas-input .canvas-input__control[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.canvas-input .canvas-input__control::-webkit-search-decoration{-webkit-appearance:none}.canvas-input:has(>.canvas-input__end) .canvas-input__control::-webkit-search-cancel-button{display:none}.canvas-input--select .canvas-input__control.canvas-input__control{padding-right:calc(var(--field-pad-x) + var(--field-chevron) + var(--field-gap));cursor:pointer}.canvas-input--select .canvas-input__control.canvas-input__control:disabled{cursor:default}.canvas-input--select option{color:var(--field-text);background:var(--field-bg)}.canvas-input__chevron{top:50%;right:var(--field-pad-x);width:var(--field-chevron);height:var(--field-chevron);color:var(--field-muted);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;pointer-events:none;position:absolute;transform:translateY(-50%)}.canvas-input__start,.canvas-input__end{align-items:center;gap:var(--field-gap);color:var(--field-muted);flex:none;display:flex}.canvas-input__start{padding-left:var(--field-pad-x)}.canvas-input__end{padding-right:calc(var(--field-pad-x) - 2px)}.canvas-input__start svg,.canvas-input__end svg{width:var(--field-icon);height:var(--field-icon);flex:none}.canvas-input:has(>.canvas-input__start) .canvas-input__control.canvas-input__control{padding-left:var(--field-gap)}.canvas-input:has(>.canvas-input__end)>.canvas-input__control.canvas-input__control{padding-right:var(--field-gap)}.canvas-input__unit{font-size:max(10px, calc(var(--field-font-size) - 1px));font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-input--textarea{align-items:stretch}.canvas-input--textarea .canvas-input__control.canvas-input__control{height:auto;min-height:calc(var(--field-height) * 2);padding:var(--field-pad-y) var(--field-pad-x);resize:vertical;line-height:1.45}.canvas-input .voice-field{--voice-field-color:var(--field-muted);--voice-field-color-active:var(--field-text);--voice-field-accent:var(--field-focus);align-self:stretch}.canvas-input--sm .voice-field{--voice-field-button-size:22px}.canvas-field{align-content:start;gap:6px;min-width:0;display:grid}.canvas-field__label{color:var(--field-label);font-size:12px;font-weight:500;line-height:1.3}.canvas-field--sm{gap:5px}.canvas-field--sm .canvas-field__label{color:var(--field-muted);font-size:10px;font-weight:600}.canvas-field__optional{color:var(--field-muted);margin-left:6px;font-weight:400}.canvas-field--inline{grid-template-columns:var(--field-label-width,72px) minmax(0, 1fr);align-items:center;gap:7px}@media (pointer:coarse){.canvas-input{--field-height:44px;--field-font-size:16px}.canvas-input--sm{--field-height:36px}.canvas-input--lg{--field-height:48px}}.projects-dialog--chatgpt .projects-invite-section{margin-top:0}.projects-dialog .chatgpt-intro{color:var(--projects-muted);margin:0 0 8px;font-size:13px}.projects-dialog .chatgpt-accounts{grid-template-columns:minmax(0,1fr) auto;max-height:none;margin:0}.chatgpt-account-main{flex-direction:column;gap:2px;min-width:0;padding-block:6px;display:flex}.chatgpt-account-email,.chatgpt-account-main .projects-invite-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.projects-dialog .chatgpt-accounts .chatgpt-account-note{color:var(--projects-muted);grid-column:1/-1;margin:-6px 0 8px;font-size:12px}.chatgpt-add{margin-top:12px}.chatgpt-device{border:1px solid var(--projects-line);border-radius:4px;margin-block:12px;padding:12px}.projects-dialog .chatgpt-device p{margin-bottom:10px}.chatgpt-device a{color:var(--projects-blue)}.chatgpt-device-code{align-items:center;gap:8px;margin-bottom:12px;display:flex}.chatgpt-device-code code{-webkit-user-select:all;user-select:all;font-size:20px}.projects-home,.projects-editor-shell,.projects-toast,.projects-dialog,.projects-button{--projects-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202024);--projects-panel:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#252529);--projects-line:var(--lightningcss-light,#e5e5e5)var(--lightningcss-dark,#39393f);--projects-text:var(--lightningcss-light,#252525)var(--lightningcss-dark,#efeff2);--projects-muted:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a2a2aa);--projects-blue:var(--lightningcss-light,#087be8)var(--lightningcss-dark,#389cff);--projects-selected:var(--lightningcss-light,#e7f3ff)var(--lightningcss-dark,#19384f)}.projects-home,.projects-editor-shell,.projects-toast,.projects-dialog{color:var(--projects-text);background:var(--projects-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:13px;line-height:1.45}@media (prefers-color-scheme:dark){.projects-home,.projects-editor-shell,.projects-toast,.projects-dialog{--lightningcss-light: ;--lightningcss-dark:initial}}.projects-editor-shell,.billing-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.projects-home{grid-template-columns:210px minmax(0,1fr);min-height:100dvh;display:grid}.projects-home *,.projects-dialog *,.projects-editor-shell *{box-sizing:border-box}.projects-home svg,.projects-dialog svg{flex:none;width:16px;height:16px}.projects-home button,.projects-dialog button{font:inherit;cursor:pointer}.projects-home button:disabled,.projects-dialog button:disabled{cursor:default;opacity:.5}.projects-home a{color:inherit;text-decoration:none}.projects-home :focus-visible,.projects-dialog :focus-visible{outline:2px solid var(--projects-blue);outline-offset:3px}.projects-rail{border-right:1px solid var(--projects-line);flex-direction:column;min-width:0;padding:0 12px 14px;display:flex}.projects-brand{height:var(--app-header-height);border-bottom:1px solid var(--projects-line);align-items:center;gap:9px;margin:0 -12px 6px;padding:0 18px;display:flex}.projects-brand img{width:22px;height:22px}.projects-brand strong{font:var(--app-header-title)}.projects-avatar{background:var(--projects-line);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;display:grid;position:relative;overflow:hidden}.projects-avatar-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.projects-search{margin:6px 0 15px}.projects-rail-links{flex-direction:column;gap:2px;display:flex}.projects-rail-links a{border-radius:4px;align-items:center;gap:9px;min-width:0;min-height:34px;padding:7px 9px;font-size:12px;display:flex}.projects-rail-links a>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.projects-rail-links a[aria-current]{background:var(--projects-selected)}.projects-rail-links a[aria-current]>span{color:var(--projects-muted);margin-left:auto}.projects-rail-links a:hover{background:var(--projects-panel)}.projects-rail-links h2{color:var(--projects-muted);margin:22px 9px 7px;font-size:11px;font-weight:500}.projects-account{margin-top:auto;padding-top:16px}.projects-account-trigger{width:100%;color:var(--projects-text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:7px 8px;display:flex;position:relative}.projects-account-dot{width:9px;height:9px;box-shadow:0 0 0 2px var(--projects-bg);background:#f3c464;border-radius:50%;position:absolute;top:5px;left:28px}.projects-account-trigger:hover,.projects-account-trigger[aria-expanded=true]{background:var(--projects-panel)}.projects-account-text{min-width:0}.projects-account-text strong,.projects-account-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.projects-account-text strong{font-size:12px;font-weight:500}.projects-account-text small{color:var(--projects-muted);font-size:11px}.projects-content{min-width:0;padding:0 28px 32px}.projects-heading{min-height:var(--app-header-height);border-bottom:1px solid var(--projects-line);justify-content:space-between;align-items:center;gap:16px;margin:0 -28px;padding:0 28px;display:flex}.projects-heading h1{font:var(--app-header-title);margin:0}.projects-button{border:1px solid var(--projects-line);background:var(--projects-bg);min-height:32px;color:var(--projects-text);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;text-decoration:none;display:inline-flex}.projects-button--primary{background:var(--projects-blue);color:#fff;border-color:#0000}.projects-button--danger{color:#fff;background:#d92d20;border-color:#d92d20}.projects-toolbar{justify-content:flex-end;align-items:center;gap:12px;min-height:64px;font-size:12px;display:flex}.projects-toolbar .projects-sort{width:auto}.projects-views{border:1px solid var(--projects-line);border-radius:5px;gap:2px;padding:2px;display:flex}.projects-views button{width:28px;height:26px;color:var(--projects-muted);background:0 0;border:0;border-radius:3px;place-items:center;display:grid}.projects-views button[aria-pressed=true]{background:var(--projects-panel);color:var(--projects-text)}.projects-items--grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px 20px;display:grid}:root{--stack-leading:1.2;--stack-gap:2px}.title-stack{gap:var(--stack-gap);flex-direction:column;min-width:0;display:flex}.title-stack>*{line-height:var(--stack-leading);margin:0}.projects-card{border:1px solid var(--projects-line);background:var(--projects-bg);border-radius:8px;min-width:0;transition:border-color .12s,box-shadow .12s;position:relative}.projects-card:hover{border-color:var(--lightningcss-light,#bcbcbc)var(--lightningcss-dark,#696970);box-shadow:0 4px 16px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#00000047)}.projects-card-link{border-radius:inherit;min-width:0;height:100%;display:block;overflow:hidden}.projects-cover{background:radial-gradient(circle, var(--lightningcss-light,#dcdcdc)var(--lightningcss-dark,#3a3a40) 1px, transparent 1.2px) 0 0 / 16px 16px, var(--projects-panel);border-bottom:1px solid var(--projects-line);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:155px;display:grid;overflow:hidden}.projects-cover>svg{width:28px;height:28px;color:var(--projects-muted)}.projects-preview{background:var(--projects-bg);border-radius:6px 6px 0 0;align-self:start;width:48%;margin-top:18px;box-shadow:0 0 0 1px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1a),0 2px 8px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0006)}.projects-card-info{padding:12px 34px 12px 12px}.projects-card-info h2{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:var(--stack-leading);align-items:center;gap:7px;margin:0;display:flex;overflow:hidden}.projects-card-info:has(>.projects-emoji){column-gap:10px;row-gap:var(--stack-gap);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.projects-card-info>.projects-emoji{grid-row:1/span 2}.projects-card-info p{color:var(--projects-muted);font-size:11px;line-height:var(--stack-leading);margin:0}.projects-items--grid .projects-card-info h2>svg{display:none}.projects-actions{position:absolute;bottom:14px;right:7px}.projects-actions summary{cursor:pointer;border-radius:4px;place-items:center;width:26px;height:26px;list-style:none;display:grid}.projects-actions summary::-webkit-details-marker{display:none}.projects-actions summary:hover{background:var(--projects-panel)}.projects-actions>div{z-index:8;border:1px solid var(--projects-line);background:var(--projects-bg);border-radius:6px;min-width:165px;padding:4px;position:absolute;top:30px;right:0;box-shadow:0 5px 20px #0002}.projects-actions button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:7px;padding:8px;font-size:12px;display:flex}.projects-actions button[data-destructive]{color:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff9b94)}.projects-actions button+button[data-destructive]{box-shadow:0 -5px 0 -4px var(--projects-line);border-top-left-radius:0;border-top-right-radius:0;margin-top:5px}.projects-actions button:hover{background:var(--projects-panel)}.projects-items--list{flex-direction:column;display:flex}.projects-items--list .projects-card{border:0;border-bottom:1px solid var(--projects-line);border-radius:0}.projects-items--list .projects-card-link{align-items:center;gap:12px;padding:10px 38px 10px 0;display:flex}.projects-items--list .projects-cover{border:1px solid var(--projects-line);border-radius:4px;flex:none;width:56px;height:40px}.projects-items--list .projects-cover>svg{width:17px;height:17px}.projects-items--list .projects-preview{border-radius:2px 2px 0 0;width:70%;margin-top:5px}:is(.projects-items--list .projects-card-info,.projects-items--list .projects-card-info:has(>.projects-emoji)){justify-content:flex-start;align-items:center;gap:10px;width:100%;min-width:0;padding:0;display:flex}.projects-items--list h2{flex:1;min-width:0;margin:0}.projects-items--list h2>svg{display:none}.projects-items--list .projects-card-info p{white-space:nowrap}.projects-items--list .projects-actions{bottom:17px}.projects-empty{text-align:center;min-height:310px;color:var(--projects-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.projects-empty>svg{width:32px;height:32px}.projects-empty h2{color:var(--projects-text);margin:0;font-size:15px;font-weight:500}.projects-empty p{margin:0}.projects-error{color:var(--lightningcss-light,#9d261d)var(--lightningcss-dark,#ffb0a8);background:var(--lightningcss-light,#fff2f0)var(--lightningcss-dark,#442a28);border:1px solid var(--lightningcss-light,#f4d2cd)var(--lightningcss-dark,#71403b);border-radius:5px;margin-bottom:16px;padding:10px 12px}.projects-error button{color:inherit;background:0 0;border:0;text-decoration:underline}.projects-dialog{border:1px solid var(--projects-line);border-radius:8px;width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;box-shadow:0 12px 50px #0003}.projects-dialog--intake{width:460px}.projects-dialog::backdrop{background:#0005}.projects-dialog h2{margin:0 0 8px;font-size:16px;font-weight:500}.projects-dialog p{color:var(--projects-muted);overflow-wrap:anywhere;margin:0 0 20px;font-size:12px}.projects-dialog label:where(:not(.canvas-field)){margin:18px 0 6px;font-size:12px;display:block}.projects-dialog .canvas-field{margin-top:18px}.projects-intake legend span{color:var(--projects-muted);margin-left:4px}.projects-dialog .projects-intake-hint{margin:6px 0 0}.projects-intake-sources{border:0;min-width:0;margin:18px 0 0;padding:0}.projects-intake-sources legend{margin-bottom:6px;padding:0;font-size:12px}.projects-intake-source-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.projects-intake-source{text-align:left;width:100%;height:100%;min-height:52px;color:var(--projects-text);background:var(--projects-bg);border:1px solid var(--projects-line);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.projects-intake-source>span{min-width:0}.projects-intake-source strong{overflow-wrap:anywhere;font-weight:500}.projects-intake-source small{color:var(--projects-muted);font-size:11px}.projects-dialog .projects-intake-source:disabled{opacity:1;color:var(--projects-muted);background:var(--projects-panel);border-style:dashed}.projects-intake-source:disabled strong{color:var(--projects-text)}.projects-intake[data-dropping] .projects-intake-sources{outline:2px dashed var(--projects-blue);outline-offset:4px;border-radius:6px}.projects-dialog .projects-intake-website{margin-top:10px}.projects-intake-website button{width:28px;height:28px;color:var(--projects-muted);background:0 0;border:0;border-radius:4px;flex:none;font-size:16px}.projects-intake-source[aria-pressed=true]{border-color:var(--projects-blue)}.projects-intake-files{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.projects-intake-files li{border:1px solid var(--projects-line);border-radius:6px;align-items:center;gap:10px;padding:6px 6px 6px 10px;display:flex}.projects-intake-files li>span{flex:1}.projects-intake-files strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.projects-intake-files small{color:var(--projects-muted);font-size:11px}.projects-intake-files li[data-failed] small{color:var(--lightningcss-light,#c62828)var(--lightningcss-dark,#ff8a80)}.projects-intake-files button{width:28px;height:28px;color:var(--projects-muted);background:0 0;border:0;border-radius:4px;font-size:16px}.projects-intake-files button:hover{background:var(--projects-panel);color:var(--projects-text)}.projects-dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.projects-dialog .projects-error{margin:12px 0 0;font-size:12px}.projects-editor-shell .canvas-host{height:100dvh}@media (width<=850px){.projects-home{grid-template-columns:180px minmax(0,1fr)}.projects-content{padding:0 18px 24px}.projects-heading{margin:0 -18px;padding:8px 18px}.projects-items--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}@media (width<=580px){.projects-home{display:block}.projects-rail{border-right:0;border-bottom:1px solid var(--projects-line);padding:0 14px 10px}.projects-brand{margin:0 -14px;padding:0 14px}.projects-rail-links{display:none}.projects-search{margin:0}.projects-account{padding:0;position:absolute;top:10px;right:14px}.projects-account-text{display:none}.projects-content{padding:0 14px 24px}.projects-heading{margin:0 -14px;padding:12px 14px}.projects-toolbar{gap:6px;min-height:56px}.projects-cover{height:115px}.projects-card-info{padding:10px 28px 10px 8px}.projects-card-info h2{font-size:12px;display:block}.projects-card-info h2>svg{display:none}.projects-card-info p{font-size:10px}.projects-actions{bottom:13px;right:3px}.projects-items--list .projects-card-info{display:block}.projects-items--list .projects-card-info h2{margin-bottom:0}}@media (width<=350px){.projects-items--grid{grid-template-columns:1fr}}@media (pointer:coarse){.projects-home button,.projects-dialog button,.projects-actions summary{min-height:44px}.projects-views button,.projects-actions summary{width:44px}.projects-actions{bottom:7px}.projects-card-info{padding-right:45px}.projects-brand{padding-right:55px}}.projects-heading-actions{align-items:center;gap:12px;display:flex}.projects-heading-actions>button:not(.projects-button),.projects-sign-out{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0}.projects-heading-actions>button:not(.projects-button):hover{text-decoration:underline}@media (width<=600px){.projects-heading-actions{gap:8px;font-size:11px}}.canvas-tools-status{z-index:100;border:1px solid var(--editor-border-strong,#44444b);background:var(--editor-panel-raised,#212124);width:max-content;max-width:min(460px,100vw - 24px);color:var(--editor-text,#f2f2f3);pointer-events:none;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.4;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.canvas-update-banner{bottom:72px;left:calc((100% - var(--editor-properties-panel-width)) / 2);z-index:100;width:max-content;max-width:calc(100% - var(--editor-properties-panel-width) - 24px);border:1px solid var(--editor-border-strong,#44444b);background:var(--editor-panel-raised,#212124);color:var(--editor-text,#f2f2f3);font-family:var(--font-editor);transition:left var(--editor-panel-motion-duration) var(--editor-panel-motion-easing);border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 12px;font-size:12px;line-height:1.35;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #0008}.canvas-workspace.is-properties-panel-hidden .canvas-update-banner{max-width:calc(100% - 24px);left:50%}.canvas-update-banner__mark{border-radius:7px;flex:none;width:28px;height:28px}.canvas-update-banner__text{overflow-wrap:anywhere;flex:auto}.canvas-update-banner__text strong{font-size:13px;font-weight:600}.canvas-update-banner__text span{color:var(--editor-muted,#a2a2aa)}.canvas-update-banner__action{font:inherit;color:#fff;background:var(--editor-selection,#0d99ff);cursor:pointer;border:0;border-radius:8px;flex:none;padding:6px 12px;font-weight:600}.canvas-update-banner__action:disabled{color:var(--editor-muted,#a2a2aa);box-shadow:inset 0 0 0 1px var(--editor-border-strong,#44444b);cursor:default;background:0 0}@media (width<=899px){.canvas-update-banner,.canvas-workspace.is-properties-panel-hidden .canvas-update-banner{z-index:100;width:auto;max-width:none;position:fixed;bottom:72px;left:12px;right:12px;transform:none}}@media (width<=505px){.canvas-update-banner,.canvas-workspace.is-properties-panel-hidden .canvas-update-banner{bottom:112px}}.canvas-renderer-update{align-items:center;gap:10px;display:flex}.canvas-renderer-update strong{font-weight:600}.canvas-renderer-update__spinner{border:2px solid var(--editor-border-strong,#44444b);border-top-color:var(--editor-selection,#0d99ff);border-radius:50%;flex:none;width:12px;height:12px;animation:.9s linear infinite canvas-renderer-update-spin}@keyframes canvas-renderer-update-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.canvas-renderer-update__spinner,.project-shell__spinner{animation:none}}.project-file-drop{z-index:10000;pointer-events:auto;background:#5e62eb1f;border:3px solid #6965db;place-items:center;display:grid;position:fixed;inset:0}.project-file-drop>div{color:#242424;text-align:center;pointer-events:none;background:#fff;border-radius:16px;padding:28px 36px;box-shadow:0 8px 32px #0002}.project-file-drop strong{font-size:20px}.project-file-drop span{font-size:14px}.project-file-status{z-index:10001;color:#242424;pointer-events:auto;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 3px 24px #0003}.project-file-status button{color:#5955cf;cursor:pointer;background:0 0;border:0}.projects-profile{flex:none}.projects-profile-menu{border:1px solid var(--projects-line);background:var(--projects-bg);width:240px;max-width:calc(100vw - 24px);color:var(--projects-text);font:inherit;border-radius:8px;margin:0;padding:5px;position:fixed;inset:54px 14px auto auto;box-shadow:0 8px 28px #0002}.projects-profile-menu--sidebar{inset:auto}.projects-profile-identity small{font-size:11px}.projects-profile-menu::backdrop{background:0 0}.projects-profile-identity{color:var(--projects-muted);overflow-wrap:anywhere;border-bottom:1px solid var(--projects-line);margin-bottom:4px;padding:9px 10px 12px;font-size:12px}.projects-profile-stats{border-bottom:1px solid var(--projects-line);margin-bottom:4px;padding:4px 0}.projects-profile-stat{justify-content:space-between;align-items:baseline;gap:16px;padding:7px 10px;display:flex}.projects-profile-stat strong{font-variant-numeric:tabular-nums;font-weight:500}.projects-profile-credits--low strong{color:var(--lightningcss-light,#a8660b)var(--lightningcss-dark,#f3c464)}.projects-profile-menu button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:9px 10px;display:block}.projects-profile-menu button:hover,.projects-profile-menu button:focus-visible{background:var(--projects-panel)}.projects-profile-menu p{color:var(--lightningcss-light,#9d261d)var(--lightningcss-dark,#ffb0a8);margin:0;padding:6px 10px;font-size:12px}@media (pointer:coarse){.projects-profile-menu button{min-height:44px}}.projects-creation{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.projects-creation-status{max-width:250px;color:var(--projects-muted);font-size:12px;line-height:1.4}.projects-creation-status>button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;margin-top:4px;padding:0;text-decoration:underline;display:block}.projects-empty>.projects-creation{align-items:center}.projects-creation>button:disabled{opacity:.55;cursor:not-allowed}.projects-home button:disabled[data-pending]{opacity:1;cursor:default}.projects-creation-status--pending{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-shell{grid-template-columns:var(--canvas-page-sidebar-width,248px) minmax(0, 1fr) var(--editor-properties-panel-width);height:100dvh;color:var(--editor-text);background:var(--editor-background);font-family:var(--font-editor);display:grid}.project-shell__sidebar,.project-shell__panel{background:var(--editor-panel);flex-direction:column;min-width:0;min-height:0;display:flex}.project-shell__sidebar{border-right:1px solid var(--editor-border)}.project-shell__panel{border-left:1px solid var(--editor-border)}.project-shell .projects-shimmer+.projects-shimmer{margin-top:0}.project-shell__tabs{border-bottom:1px solid var(--editor-border);align-items:center;gap:8px;min-height:44px;padding:6px 8px;display:flex}.project-shell .project-shell__tab{border-radius:6px;width:44px;height:20px}.project-shell__rows{flex-direction:column;flex:1;gap:18px;padding:20px 16px;display:flex}.project-shell__account{align-items:center;gap:10px;padding:16px;display:flex}.project-shell__account-text{flex-direction:column;flex:1;gap:6px;display:flex}.project-shell__account-text .projects-shimmer{width:96px}.project-shell__account-text .projects-shimmer--short{width:72px}.project-shell__panel-header{height:var(--app-header-height);border-bottom:1px solid var(--editor-border);flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}.project-shell__messages{flex-direction:column;flex:1;gap:14px;padding:20px 16px;display:flex}.project-shell__composer{border:1px solid var(--editor-border);background:var(--editor-panel-raised);border-radius:12px;height:44px;margin:0 12px 16px}.project-shell__canvas{place-items:center;min-width:0;padding:24px;display:grid}.project-shell__status{color:var(--editor-muted);align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.project-shell__status-text{flex-direction:column;gap:4px;display:flex}.project-shell__status-detail{font-size:12px}.project-shell__steps{flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.project-shell__step{opacity:.55}.project-shell__step--done{opacity:1}.project-shell__step--done:before{content:"✓ "}.project-shell__step--current{opacity:1;color:var(--editor-text)}.project-shell__spinner{border:2px solid var(--editor-border-strong);border-top-color:var(--editor-muted);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite canvas-renderer-update-spin}.project-shell__failure{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;display:flex}.project-shell__failure h1{color:var(--editor-text);font:var(--app-header-title);margin:0}.project-shell__failure p{color:var(--editor-muted);margin:0}.project-shell__retry{min-height:32px;color:var(--editor-text);background:var(--editor-panel-raised);border:1px solid var(--editor-border-strong);font:inherit;cursor:pointer;border-radius:6px;padding:0 14px}.project-shell__retry:hover{background:var(--editor-border)}.project-shell__retry:focus-visible{outline:2px solid var(--editor-selection);outline-offset:2px}@media (width<=900px){.project-shell{grid-template-columns:var(--canvas-page-sidebar-width,208px) minmax(0, 1fr)}.project-shell__panel{display:none}}@media (width<=600px){.project-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.project-shell__sidebar{border-right:0;border-bottom:1px solid var(--editor-border)}.project-shell__tabs,.project-shell__rows,.project-shell__account{display:none}}.projects-loading-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.projects-shimmer{background:linear-gradient(90deg, transparent 0, var(--lightningcss-light,#fff9)var(--lightningcss-dark,#ffffff0f) 50%, transparent 100%) 0 0 / 200% 100% no-repeat, var(--projects-line);border-radius:4px;width:70%;height:10px;animation:1.4s ease-in-out infinite projects-shimmer;display:block}.projects-shimmer+.projects-shimmer{margin-top:8px}.projects-shimmer--short{width:45%}.projects-avatar.projects-shimmer{border-radius:50%;width:28px;height:28px}.projects-account-text .projects-shimmer{width:110px}.projects-account-text .projects-shimmer--short{width:80px}.projects-card--loading .projects-card-info{padding:15px 12px 16px}.projects-card--loading:hover{border-color:var(--projects-line);box-shadow:none}@keyframes projects-shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}@media (prefers-reduced-motion:reduce){.projects-shimmer{animation:none}}.projects-update-error{z-index:200;background:var(--projects-bg,#fff);border:1px solid var(--projects-line,#e5e5e5);border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0002}.projects-update-error button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.projects-toasts{z-index:200;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.projects-toast{border:1px solid var(--projects-line);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 8px 28px #0002}.projects-toast strong{overflow-wrap:anywhere;font-weight:600}.projects-toast button{color:var(--projects-muted);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.projects-toast button:hover{color:var(--projects-text)}.projects-toast :focus-visible{outline:2px solid var(--projects-blue);outline-offset:3px}.projects-dialog.projects-dialog--dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.projects-dialog--invite{width:460px}.projects-invite-section{margin-top:20px}.projects-invite-section+.projects-invite-section{border-top:1px solid var(--projects-line);padding-top:20px}.projects-dialog--invite h2{margin:0 32px 16px 0;font-size:18px;font-weight:600}.projects-dialog .projects-invite-heading{color:var(--projects-muted);margin:0 0 6px;font-size:12px;font-weight:500}.projects-dialog .projects-invite-subheading{color:var(--projects-muted);margin:16px 0 2px;font-size:11px;font-weight:500}.projects-dialog-close{width:28px;height:28px;color:var(--projects-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:16px}.projects-dialog-close:hover,.projects-dialog-close:focus-visible{color:var(--projects-text);background:var(--projects-panel)}.projects-dialog-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:14px;height:14px}.projects-button--quiet{color:var(--projects-muted);background:0 0;border-color:#0000}.projects-button--quiet:hover{color:var(--projects-text);background:var(--projects-panel)}.projects-invite-revoke{justify-self:end;gap:4px;display:inline-flex}.projects-invite-status{color:var(--projects-muted);font-size:12px}.projects-dialog .projects-invite-section p.projects-invite-sent{color:var(--projects-muted);margin:8px 0 0;font-size:12px}.projects-dialog .projects-invite-section p{margin:0 0 12px}.projects-invite-row{align-items:stretch;gap:8px;display:flex}.projects-invite-row .projects-invite-email{flex:1}.projects-invite-list{grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px;max-height:180px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}@media (width>=500px){.projects-invite-list{grid-template-columns:minmax(0,1fr) minmax(3.25rem,auto) minmax(9.9rem,auto)}}.projects-invite-list li,.projects-dialog .projects-invite-section p.projects-invite-empty{align-items:center;min-height:44px}.projects-invite-list li{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.projects-dialog .projects-invite-section p.projects-invite-empty{margin:8px 0 0;display:flex}.projects-invite-list li>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.projects-invite-confirm{color:var(--projects-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.projects-invite-confirm>span{flex-basis:100%}.billing-shell{--projects-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202024);--projects-panel:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#252529);--projects-line:var(--lightningcss-light,#e5e5e5)var(--lightningcss-dark,#39393f);--projects-text:var(--lightningcss-light,#252525)var(--lightningcss-dark,#efeff2);--projects-muted:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a2a2aa);--projects-blue:var(--lightningcss-light,#087be8)var(--lightningcss-dark,#389cff);--projects-selected:var(--lightningcss-light,#e7f3ff)var(--lightningcss-dark,#19384f);--billing-amber:var(--lightningcss-light,#b45309)var(--lightningcss-dark,#f5a524);height:100dvh;color:var(--projects-text);background:var(--projects-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:13px;line-height:1.45;display:flex;overflow:hidden}@media (prefers-color-scheme:dark){.billing-shell{--lightningcss-light: ;--lightningcss-dark:initial}}.billing-sidebar{border-right:1px solid var(--projects-line);flex-direction:column;flex-shrink:0;justify-content:space-between;width:220px;padding:20px 12px;display:flex}.billing-back{max-width:100%;color:var(--projects-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;margin-left:-4px;padding:4px 8px;font-size:13px;display:inline-flex}.billing-back:hover{color:var(--projects-text);background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0f)}.billing-back:active{background:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1a)}.billing-back:focus-visible{outline:2px solid var(--projects-blue);outline-offset:1px}.billing-back-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.billing-page{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:680px;min-height:0;margin:0 auto;padding:40px 32px;overflow:auto}.billing-page h1{margin:0 0 8px;font-size:24px}.billing-page h2{margin:0;font-size:14px;font-weight:600}.billing-page p{color:var(--projects-muted);margin:0;font-size:13px}.billing-page p.billing-status{color:var(--projects-text);margin:0 0 24px;font-size:16px}.billing-card{border:1px solid var(--projects-line);background:var(--projects-panel);border-radius:12px;margin-bottom:12px;padding:20px}.billing-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.billing-card-action{align-items:center;gap:10px;margin-left:auto;display:flex}.billing-plan{color:var(--projects-muted)}.billing-meter{background:var(--projects-line);border-radius:999px;height:8px;overflow:hidden}.billing-meter span{border-radius:inherit;background:var(--projects-blue);height:100%;display:block}.billing-meter span.billing-meter-full{background:var(--billing-amber)}.billing-page p.billing-meter-label{color:var(--projects-text);margin:10px 0 4px}.billing-meter-label strong{font-weight:600}.billing-total{margin:0 0 4px;font-size:28px;font-weight:600;display:block}.billing-page p.billing-order{margin:4px 0 32px;font-size:12px}.billing-usage{margin:8px 0 0;padding:0;list-style:none}.billing-usage li{border-bottom:1px solid var(--projects-line);justify-content:space-between;gap:20px;padding:12px 0;font-size:13px;display:flex}.billing-usage li>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.billing-usage small{color:var(--projects-muted);margin-top:2px;font-size:12px;display:block}.billing-credit-actions{gap:12px;margin:8px 0;display:flex}.projects-dialog.billing-dialog{width:460px}.projects-dialog.billing-dialog h2{margin:0 32px 6px 0;font-size:18px;font-weight:600}.projects-dialog p.billing-dialog-balance{margin:0 0 20px;font-size:13px}.billing-dialog-balance strong{color:var(--projects-text);font-weight:600}.billing-auto-topup{border:1px solid var(--projects-line);border-radius:8px;padding:16px}.billing-auto-topup h3{align-items:center;gap:8px;margin:0 0 4px;font-size:13px;font-weight:600;display:flex}.billing-badge{box-sizing:border-box;min-height:32px;color:var(--projects-blue);background:var(--projects-selected);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:5px;align-self:stretch;align-items:center;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.billing-chatgpt-email{overflow-wrap:anywhere;font-size:16px}.projects-dialog .billing-auto-topup p{margin:0 0 14px}.billing-auto-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.projects-dialog .billing-auto-fields .canvas-field{margin:0}.billing-auto-actions{gap:8px;margin-top:14px;display:flex}.billing-buy{border:0;min-width:0;margin:20px 0 0;padding:0}.billing-buy legend{color:var(--projects-muted);margin-bottom:8px;padding:0;font-size:12px;font-weight:500}.billing-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.projects-dialog .billing-pack{border:1px solid var(--projects-line);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;margin:0;padding:14px 8px;display:flex}.billing-pack:hover{background:var(--projects-panel)}.billing-pack:has(input:checked){border-color:var(--projects-blue);background:var(--projects-selected)}.billing-pack:has(input:focus-visible){outline:2px solid var(--projects-blue);outline-offset:2px}.billing-buy:disabled .billing-pack{cursor:default;opacity:.5}.projects-dialog .billing-pack input{opacity:0;pointer-events:none;width:1px;height:1px;padding:0;position:absolute}.billing-pack strong{font-size:14px;font-weight:600}.billing-pack-price{font-size:13px}.billing-pack small{color:var(--projects-muted);text-align:center;margin-top:2px;font-size:11px}.billing-pack .billing-bonus{color:var(--projects-blue);margin-top:0;font-weight:600}.projects-dialog .billing-buy-summary{color:var(--projects-muted);margin:10px 0 0;font-size:12px}@media (width<=480px){.billing-auto-fields{grid-template-columns:1fr}}@media (width<=700px){.billing-shell{flex-direction:column}.billing-sidebar{flex-direction:row;align-items:center;gap:16px;width:auto}.billing-page{box-sizing:border-box;padding:24px 16px}}.projects-emoji{background:color-mix(in srgb, currentcolor 9%, transparent);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:inline-grid}.github-picker{color:var(--projects-text);gap:12px;font:14px/1.5 system-ui,sans-serif;display:grid}.github-picker p{margin:0}.github-picker button{border:1px solid var(--projects-line);color:inherit;background:var(--projects-bg);font:inherit;cursor:pointer;border-radius:7px;padding:7px 12px}.github-picker button:disabled{cursor:default;opacity:.6}.github-picker .github-picker__primary{border-color:var(--projects-text);color:#fff;background:var(--projects-blue);justify-self:start}.github-picker__toolbar{align-items:center;gap:8px;display:flex}.github-picker__list{border:1px solid var(--projects-line);border-radius:8px;max-height:240px;margin:0;padding:4px;display:grid;overflow-y:auto}.github-picker__list legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.github-picker__list label{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.github-picker__list label:hover{background:var(--projects-selected)}.github-picker__list label:has(:checked){background:var(--projects-selected)}.github-picker__list label span:first-of-type{overflow-wrap:anywhere;min-width:0}.github-picker__badge{color:var(--projects-muted);margin-left:auto;font-size:12px}.github-picker__empty{color:var(--projects-muted);padding:8px}.github-picker__actions{flex-wrap:wrap;gap:8px;display:flex}.github-picker__actions--wide button{flex:1}.github-picker__waiting{border:1px solid var(--projects-line);background:var(--projects-panel);border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:8px 12px;padding:12px;display:grid}.github-picker__waiting p{color:var(--projects-muted);margin-top:2px}.github-picker__waiting .github-picker__actions{grid-column:1/-1}.github-picker .github-picker__problem{color:var(--projects-text);border:1px solid var(--projects-line);background:var(--projects-panel);border-radius:8px;padding:10px 12px}.github-spinner{border:2px solid var(--projects-line,currentColor);border-top-color:var(--projects-blue,currentColor);border-radius:50%;width:16px;height:16px;margin-top:3px;animation:.9s linear infinite github-spin}@keyframes github-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.github-spinner{animation-duration:3s}}.github-window{--projects-line:var(--lightningcss-light,#e5e5e5)var(--lightningcss-dark,#39393f);--projects-blue:var(--lightningcss-light,#087be8)var(--lightningcss-dark,#389cff);color:var(--lightningcss-light,#252525)var(--lightningcss-dark,#efeff2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202024);place-items:center;min-height:100dvh;padding:24px;font:14px/1.5 system-ui,sans-serif;display:grid}@media (prefers-color-scheme:dark){.github-window{--lightningcss-light: ;--lightningcss-dark:initial}}.github-window__card{text-align:center;justify-items:center;gap:10px;width:min(340px,100%);display:grid}.github-window h1{margin:0;font-size:16px;font-weight:600}.github-window p{color:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a2a2aa);margin:0}.github-window .github-spinner{margin:0}.github-window__button{border:1px solid var(--projects-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:7px;margin-top:6px;padding:7px 14px}.github-window__button:focus-visible{outline:2px solid var(--projects-blue);outline-offset:2px}.github-picker__toolbar .github-picker__search{flex:1}.projects-intake-github{gap:10px;margin-top:10px;display:grid}.projects-intake-github__heading{justify-content:space-between;align-items:center;display:flex}.projects-intake-github__heading button{color:var(--projects-muted);background:0 0;border:0;font-size:18px}.projects-dialog .github-picker__list label{align-items:center;gap:8px;margin:0;padding:8px;display:flex}.projects-dialog .github-picker__list input[type=radio]{accent-color:var(--projects-blue);flex:none;margin:0}.github-picker__list label span:first-of-type{flex:1}.github-picker__list label small{color:var(--projects-muted);display:block}.projects-dialog .github-picker>label{margin:0}.projects-settings-identity{border-bottom:1px solid var(--projects-line);align-items:center;gap:10px;padding:12px 0 18px;display:flex}.projects-settings-identity__text,.github-settings__identity{flex:1}.projects-settings-identity small,.github-settings small{color:var(--projects-muted);overflow-wrap:anywhere}.projects-settings-link{color:var(--projects-blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.github-settings h3{margin:16px 0;font-size:12px}.github-settings__row{align-items:center;gap:12px;display:flex}.github-settings__row a{color:inherit}.github-settings__row svg{width:16px;height:16px}.canvas-skill-menu{box-sizing:border-box;color:#29292c;font-family:var(--font-editor,system-ui, sans-serif);background:#f4f4f5;border:1px solid #ffffffd9;border-radius:18px;gap:2px;margin:0;padding:6px;display:grid;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 32px #0000001f,0 0 0 1px #0000000d}.canvas-skill-menu button.canvas-skill-option{width:100%;min-height:58px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.canvas-skill-menu button.canvas-skill-option[aria-selected=true],.canvas-skill-menu button.canvas-skill-option:hover{background:#e7e7e9}.canvas-skill-icon{color:#858589;flex:none;width:22px;height:22px}.canvas-skill-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.canvas-skill-title{font-size:16px;font-weight:500;line-height:1.3}.canvas-skill-description{color:#68686e;font-size:13px;font-weight:400;line-height:1.45}.canvas-conversations{height:100%;min-height:0;color:var(--editor-text);flex-direction:column;font-size:13px;display:flex}.canvas-conversations button{cursor:pointer;font:inherit}.canvas-conversations__header{border-bottom:1px solid var(--editor-border);align-items:center;gap:8px;padding:12px;display:flex}.canvas-conversations__title{-webkit-line-clamp:unset;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:400;display:block;overflow:hidden}.canvas-conversations__header .canvas-conversations__status{color:var(--editor-muted);flex:none;font-size:11px}.canvas-conversations__messages{flex:1;min-height:0;padding:12px;overflow:auto}.canvas-conversations__messages article{margin:0 0 20px}.canvas-conversations__messages p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.canvas-conversations__upload progress{width:100%;height:4px;accent-color:var(--editor-selection);margin-top:6px;display:block}.canvas-conversations__user{background:var(--editor-panel-raised);border-radius:8px;padding:10px}.canvas-conversations__actions{gap:8px;padding:8px 12px;display:flex}.canvas-conversations__composer{border-top:1px solid var(--editor-border);flex-direction:column;gap:8px;padding:12px;display:flex}.canvas-conversations__error{padding:12px}.canvas-conversations button{color:var(--editor-text);background:var(--editor-panel-raised);border:1px solid var(--editor-border-strong);border-radius:6px;padding:6px 10px}.canvas-conversations button:hover{background:var(--editor-border)}.canvas-conversations button:disabled{color:var(--editor-muted);cursor:default;opacity:.7}.canvas-conversations small{color:var(--editor-muted)}.canvas-conversations__header{gap:6px;padding:10px 12px}.canvas-conversations__header .canvas-conversations__title{font-size:13px}.canvas-conversations__header>button,.canvas-conversations__header-end>button{width:28px;height:28px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;font-size:15px;line-height:1;display:grid}.canvas-conversations__header>button:hover,.canvas-conversations__header-end>button:hover{color:var(--editor-text);background:var(--editor-panel-raised)}.canvas-conversations__threads{border:1px solid var(--editor-border);border-radius:8px;margin:10px 0 0;padding:0;list-style:none;overflow:hidden}.canvas-conversations__thread{border-top:1px solid var(--editor-border);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:column;align-items:center;gap:8px;padding:6px 8px;display:grid}.canvas-conversations__thread:first-child{border-top:0}.canvas-conversations__thread--running,.canvas-conversations__thread--dispatching,.canvas-conversations__thread--cancelling{background:var(--editor-panel-raised)}.canvas-conversations__thread-open{gap:var(--stack-gap);text-align:left;flex-direction:column;min-width:0;display:flex}.canvas-conversations__thread-open>*{line-height:var(--stack-leading)}.canvas-conversations .canvas-conversations__thread-open{background:0 0;border:0;border-radius:4px;padding:2px 0}.canvas-conversations .canvas-conversations__thread-open:hover{background:0 0;text-decoration:underline}.canvas-conversations__thread-open .canvas-conversations__title,.canvas-conversations__thread-open .canvas-conversations__thread-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-conversations__thread-open .canvas-conversations__thread-status{color:var(--editor-muted);font-size:12px}.canvas-conversations__thread-open .canvas-conversations__title{color:var(--editor-text);font-size:inherit;flex:none}.canvas-conversations__thread--failed .canvas-conversations__thread-open .canvas-conversations__thread-status,.canvas-conversations__thread--interrupted .canvas-conversations__thread-open .canvas-conversations__thread-status{color:var(--editor-danger,#b42318)}.canvas-conversations__thread--undone .canvas-conversations__thread-open .canvas-conversations__title{color:var(--editor-muted)}.canvas-conversations__thread.canvas-conversations__thread--system{border:1px solid var(--editor-border);border-radius:8px}.canvas-conversations__thread-alert{background:var(--editor-panel-raised);border-radius:6px;flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;gap:6px 8px;padding:6px 8px;font-size:12px;display:flex}.canvas-conversations__thread-alert span{color:var(--editor-danger,#b42318);flex:160px}.canvas-conversations .canvas-conversations__thread-alert button{padding:3px 8px;font-size:12px}.canvas-conversations__thread time{color:var(--editor-muted);font-variant-numeric:tabular-nums;font-size:12px}.canvas-conversations .canvas-conversations__thread>button{padding:3px 8px;font-size:12px}.canvas-conversations__header-end{flex:none;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.canvas-conversations__header .canvas-conversations__switcher{width:auto;min-width:0;height:28px;color:var(--editor-text);text-align:left;flex:0 auto;justify-content:flex-start;align-items:center;gap:6px;padding:0 6px;display:flex}.canvas-conversations__switcher .canvas-conversations__title{flex:0 auto}.canvas-conversations__messages article.canvas-turn{flex-direction:column;gap:8px;margin:0 0 18px;display:flex}.canvas-conversations .canvas-turn>.canvas-conversations__user{border:1px solid var(--editor-border);background:var(--editor-panel-raised);overflow-wrap:anywhere;border-radius:16px;align-self:flex-end;max-width:80%;margin:0;padding:9px 13px}.canvas-conversations .canvas-turn>p[role=status]{color:var(--editor-muted);margin:0}.canvas-turn__reply{min-width:0}.canvas-turn__actions{align-items:center;gap:2px;min-height:24px;display:flex}.canvas-turn__actions small{margin:0 6px;font-size:11px}.canvas-markdown{overflow-wrap:anywhere;line-height:1.5}.canvas-conversations__messages .canvas-markdown p{white-space:normal;margin:0 0 8px}.canvas-markdown>:last-child{margin-bottom:0}.canvas-markdown :is(h1,h2,h3,h4){margin:12px 0 6px;font-size:14px;line-height:1.35}.canvas-markdown :is(ul,ol){margin:0 0 8px;padding-left:20px}.canvas-markdown li+li{margin-top:2px}.canvas-markdown a{color:var(--editor-selection)}.canvas-markdown code{background:var(--editor-panel-raised);border-radius:4px;padding:1px 5px;font-size:12px}.canvas-markdown pre{border:1px solid var(--editor-border);background:var(--editor-panel-raised);border-radius:8px;margin:0 0 8px;padding:10px 12px;overflow-x:auto}.canvas-markdown pre code{white-space:pre;background:0 0;padding:0}.canvas-markdown blockquote{border-left:2px solid var(--editor-border-strong);color:var(--editor-muted);margin:0 0 8px;padding-left:10px}.canvas-markdown__table{margin:0 0 8px;overflow-x:auto}.canvas-markdown table{border-collapse:collapse;font-size:12px}.canvas-markdown :is(th,td){border:1px solid var(--editor-border);text-align:left;padding:4px 10px}.canvas-markdown th{background:var(--editor-panel-raised);font-weight:600}.canvas-conversations button.canvas-icon-button{width:24px;height:24px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.canvas-conversations button.canvas-icon-button:hover:not(:disabled){color:var(--editor-text);background:var(--editor-panel-raised)}.canvas-conversations button.canvas-icon-button:focus-visible,.canvas-status-icon:focus-visible{outline:2px solid var(--editor-selection);outline-offset:1px}.canvas-status-icon{width:24px;height:24px;color:var(--editor-muted);border-radius:6px;flex:none;place-items:center;display:inline-grid;position:relative}.canvas-status-icon[data-tone=danger]{color:var(--editor-danger,#b42318)}.canvas-icon__spin{transform-origin:8px 8px;animation:.9s linear infinite canvas-icon-spin}@keyframes canvas-icon-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.canvas-icon__spin{animation-duration:3s}}.canvas-tooltip{z-index:1000;border:1px solid var(--editor-border-strong);background:var(--editor-panel);width:max-content;max-width:240px;color:var(--editor-text);pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.35;position:fixed;transform:translateY(-100%)}.canvas-tooltip[data-below]{transform:none}.canvas-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.canvas-conversations__threads{overflow:visible}.canvas-conversations__thread:first-child{border-radius:8px 8px 0 0}.canvas-conversations__thread:last-child{border-radius:0 0 8px 8px}.canvas-conversations__thread:only-child{border-radius:8px}.canvas-composer__box{--composer-inset:6px;--composer-control:32px;--composer-accent:var(--editor-selection);border:1px solid var(--editor-border-strong);background:var(--editor-panel-raised);border-radius:14px;position:relative}.canvas-composer__box:focus-within{border-color:var(--composer-accent);box-shadow:0 0 0 1px var(--composer-accent)}.canvas-conversations .canvas-composer__box textarea{box-sizing:border-box;resize:none;width:100%;min-height:56px;max-height:40dvh;color:var(--editor-text);font:inherit;background:0 0;border:0;border-radius:14px;outline:0;padding:12px;line-height:1.45;display:block;overflow-y:auto}.canvas-conversations .canvas-composer__box .voice-field.voice-field>textarea{padding:12px}.canvas-composer__box .voice-field{position:static}.canvas-composer__band{height:calc(var(--composer-control) + var(--composer-inset) * 2)}.canvas-composer__box .voice-field>.voice-field__button{right:var(--voice-field-end-offset);bottom:var(--composer-inset);width:28px;height:28px}.canvas-composer__box .voice-field{--voice-field-accent:var(--composer-accent)}.canvas-composer__box .voice-field__row{--voice-row-wave:var(--composer-accent);--voice-row-button-bg:color-mix(in srgb, var(--composer-accent) 18%, var(--editor-panel-raised));--voice-row-button-bg-hover:color-mix(in srgb, var(--composer-accent) 28%, var(--editor-panel-raised));--voice-row-button-color:var(--composer-accent);bottom:var(--composer-inset);left:10px}.canvas-composer__box .voice-field__row .voice-recorder-row__cancel{--voice-row-button-bg:transparent;--voice-row-button-bg-hover:var(--editor-border);--voice-row-button-color:var(--editor-muted)}.canvas-composer__box .voice-field__button[aria-busy=true]{color:var(--composer-accent);opacity:1;animation:1.1s ease-in-out infinite canvas-composer-pulse}@keyframes canvas-composer-pulse{50%{opacity:.45}}.canvas-composer__start{bottom:var(--composer-inset);left:var(--composer-inset);right:calc(var(--composer-control) + 28px + var(--composer-inset) * 3);height:var(--composer-control);align-items:center;gap:2px;min-width:0;display:flex;position:absolute}.canvas-conversations button.canvas-composer__tier{height:28px;color:var(--editor-muted);background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.canvas-conversations button.canvas-composer__tier:hover,.canvas-conversations button.canvas-composer__tier[aria-expanded=true]{color:var(--editor-text);background:var(--editor-border)}.canvas-conversations button.canvas-composer__tier:focus-visible{outline:2px solid var(--composer-accent);outline-offset:1px}.canvas-composer__tier>span[aria-hidden]{font-size:9px}.canvas-composer__hint{min-width:0;color:var(--editor-muted);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:auto;margin:0 0 0 6px;font-size:12px;display:block;overflow:hidden}.canvas-composer__box:has(.voice-field__row) .canvas-composer__start{display:none}.canvas-conversations button.canvas-composer__primary{right:var(--composer-inset);bottom:var(--composer-inset);width:var(--composer-control);height:var(--composer-control);color:#fff;background:var(--composer-accent);border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute}.canvas-conversations button.canvas-composer__primary:hover:not(:disabled){background:color-mix(in srgb, var(--composer-accent) 85%, white)}.canvas-conversations button.canvas-composer__primary:disabled{color:var(--editor-muted);background:var(--editor-border);opacity:1}.canvas-conversations button.canvas-composer__primary:focus-visible{outline:2px solid var(--composer-accent);outline-offset:2px}.canvas-conversations button.canvas-composer__primary[data-action=stop]{color:var(--composer-accent);background:color-mix(in srgb, var(--composer-accent) 18%, var(--editor-panel-raised))}.canvas-conversations button.canvas-composer__primary[data-action=stop]:hover:not(:disabled){background:color-mix(in srgb, var(--composer-accent) 28%, var(--editor-panel-raised))}.canvas-composer__primary svg,.canvas-composer__primary{overflow:visible}.canvas-composer__queued{width:14px;height:14px;color:var(--editor-muted);background:var(--editor-panel-raised);border:1px solid var(--editor-border-strong);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.canvas-composer__queued svg{width:9px;height:9px}.canvas-composer__primary[data-action=stop] svg rect{fill:currentColor}.canvas-composer__track,.canvas-composer__ring{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.canvas-composer__track{opacity:.25}.canvas-composer__ring{transform-origin:16px 16px;animation:.9s linear infinite canvas-icon-spin}@media (prefers-reduced-motion:reduce){.canvas-composer__ring{animation-duration:3s}}.canvas-conversations .canvas-turn[data-turn-status=queued]>.canvas-conversations__user{color:var(--editor-muted);background:0 0;border-style:dashed}.canvas-codex-mark{width:20px;height:20px;color:var(--editor-muted);cursor:default;border-radius:4px;flex:none;place-items:center;margin-right:4px;display:inline-grid}.canvas-codex-mark:focus-visible{outline:2px solid var(--editor-selection);outline-offset:1px}.canvas-turn__actions .canvas-turn__caption{margin:0 4px 0 0;font-size:11px}.canvas-agent-status{min-width:0;min-height:24px;color:var(--editor-muted);align-items:center;gap:8px;font-size:12px;line-height:1.2;display:flex}span.canvas-agent-status{display:inline-flex}.canvas-agent-status[data-tone=danger]{color:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff9b94)}.canvas-agent-status__icon{flex:none;place-items:center;width:16px;height:16px;display:grid}.canvas-agent-status__icon svg{width:14px;height:14px}.canvas-agent-status__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.canvas-agent-status__time{font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.canvas-agent-status__actions{flex:none;align-items:center;gap:2px;margin-left:auto;display:inline-flex}.canvas-agent-status__time+.canvas-agent-status__actions{margin-left:4px}.canvas-turn__changes{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.canvas-turn__chip{border:1px solid var(--editor-border);max-width:100%;height:24px;color:var(--editor-muted);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.canvas-turn__chip--action{font:inherit;cursor:pointer;background:0 0;font-size:12px}.canvas-turn__chip--action:hover{color:var(--editor-text);border-color:var(--editor-border-strong)}.canvas-turn__chip--action:focus-visible{outline:2px solid var(--editor-selection);outline-offset:1px}.canvas-turn__chip svg{flex:none}.canvas-turn__chip span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.canvas-turn__outcome{border:1px solid var(--editor-border);background:var(--editor-panel-raised);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:10px 12px;display:grid}.canvas-turn__outcome strong{font-size:15px;font-weight:600}.canvas-turn__outcome p{color:var(--editor-muted);overflow-wrap:anywhere;grid-column:2;margin:0;font-size:13px}.canvas-turn__outcome-icon{color:var(--editor-muted);place-items:center;display:grid}.canvas-turn__outcome[data-outcome=failed] .canvas-turn__outcome-icon,.canvas-turn__outcome[data-outcome=failed] strong{color:var(--editor-danger,#b42318)}.canvas-turn__note{min-width:0;margin:0}.canvas-conversations .canvas-turn__note .canvas-turn__note-label{color:var(--editor-muted);margin:0 0 6px;font-size:12px}.canvas-turn__note-body{border:1px dashed var(--editor-border);color:var(--editor-muted);border-radius:8px;padding:8px 12px;font-size:13px}.canvas-conversations button.canvas-steer{min-height:24px;color:var(--editor-selection);background:color-mix(in srgb, var(--editor-selection) 16%, var(--editor-panel-raised));border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 10px 0 7px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.canvas-conversations button.canvas-steer:hover{background:color-mix(in srgb, var(--editor-selection) 26%, var(--editor-panel-raised))}.canvas-conversations button.canvas-steer:focus-visible{outline:2px solid var(--editor-selection);outline-offset:1px}.canvas-turn__steer-note{color:var(--editor-muted);margin:4px 0 0;font-size:11px}.canvas-conversation-list{border-top:1px solid var(--editor-border);flex-direction:column;flex:auto;min-height:0;display:flex}.canvas-conversation-list__header{justify-content:space-between;align-items:center;padding:10px 8px 4px 14px;display:flex}.canvas-conversation-list__header h2{color:var(--editor-muted);margin:0;font-size:12px;font-weight:600}.canvas-conversation-list__header button{width:32px;height:32px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;font-size:15px;display:grid}.canvas-conversation-list ul{overscroll-behavior:contain;gap:1px;margin:0;padding:2px 7px 8px;list-style:none;display:grid;overflow-y:auto}.canvas-conversation-list li>button{width:100%;min-height:40px;color:var(--editor-text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.canvas-conversation-list li>button[aria-current]{background:var(--editor-panel-raised)}.canvas-conversation-list small{color:var(--editor-muted);flex:none;font-size:11px}.canvas-turn__chatgpt{border:1px solid var(--editor-border);background:var(--editor-panel);border-radius:6px;padding:12px}.canvas-turn__chatgpt p{margin:0 0 8px}.canvas-turn__chatgpt button{border:1px solid var(--editor-border-strong);color:var(--editor-text);background:var(--editor-background);border-radius:4px;padding:6px 10px}.canvas-turn__chatgpt button:disabled{opacity:.5}.mobile-chrome{--mobile-accent:#a28eff;--mobile-accent-ink:#141416;--mobile-float:color-mix(in oklab, var(--editor-panel) 90%, transparent);--mobile-top:max(10px, env(safe-area-inset-top));--mobile-bottom:max(12px, env(safe-area-inset-bottom));--mobile-sheet:min(56%, calc(100% - var(--mobile-keyboard,0px) - var(--mobile-top) - 120px));--composer-accent:var(--mobile-accent);color:var(--editor-text);font-family:var(--font-editor);pointer-events:none;position:absolute;inset:0}.mobile-chrome button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.mobile-chrome__top svg,.mobile-chrome__talk svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mobile-chrome>:not(.mobile-chrome__canvas){pointer-events:auto}.mobile-chrome .mobile-chrome__canvas{pointer-events:none;width:auto;height:auto;transition:none;position:absolute;inset:0}.mobile-chrome[data-open] .mobile-chrome__canvas{top:calc(var(--mobile-top) + 52px);bottom:calc(var(--mobile-sheet) + var(--mobile-keyboard,0px))}.mobile-chrome>.mobile-chrome__top{top:var(--mobile-top);pointer-events:none;display:flex;position:absolute;left:12px;right:12px}.mobile-chrome__menu{background:var(--mobile-float);border:1px solid var(--editor-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;border-radius:24px;align-items:center;gap:10px;max-width:100%;height:48px;padding:0 16px 0 12px;display:flex;box-shadow:0 6px 20px #0000002e}.mobile-chrome__place{text-align:left;min-width:0;line-height:1.2;display:grid}.mobile-chrome__place strong{font-size:14px;font-weight:600}.mobile-chrome__place span,.mobile-chrome__place strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-chrome__place span{color:var(--editor-muted);font-size:12px}.mobile-chrome__talk{bottom:calc(var(--mobile-bottom) + 12px);background:var(--mobile-accent);border:0;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000047;color:var(--mobile-accent-ink)!important}.mobile-chrome__talk svg{stroke-width:2px;width:28px;height:28px}.mobile-chrome__status{left:16px;right:16px;bottom:calc(var(--mobile-bottom) + 92px);text-align:left;background:var(--mobile-float);border:1px solid var(--editor-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:10px 16px;font-size:13px;display:flex;position:absolute;box-shadow:0 6px 20px #0000002e}.mobile-chrome__status-title{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:45%;font-weight:600;overflow:hidden}.mobile-chrome__status-text{min-width:0;color:var(--editor-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-chrome__changing{left:50%;bottom:calc(var(--mobile-sheet) + var(--mobile-keyboard,0px) + 12px);white-space:nowrap;background:var(--mobile-float);border:1px solid var(--editor-border);border-radius:18px;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 20px #0000002e;pointer-events:none!important}.mobile-chrome__working{background:var(--mobile-accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklab, var(--mobile-accent) 25%, transparent);border-radius:50%;flex:none}.mobile-chrome__sheet{left:0;right:0;bottom:var(--mobile-keyboard,0px);height:var(--mobile-sheet);min-height:0;padding-bottom:max(0px, calc(env(safe-area-inset-bottom) - var(--mobile-keyboard,0px)));background:var(--editor-panel);border-top:1px solid var(--editor-border);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;box-shadow:0 -12px 32px #00000038}.mobile-chrome__sheet:focus{outline:none}.mobile-chrome__grabber{background:var(--editor-border-strong);border-radius:3px;flex:none;align-self:center;width:36px;height:5px;margin-top:8px}.mobile-chrome__sheet .canvas-conversations{background:0 0;flex:1;width:100%;min-height:0}.mobile-chrome__sheet .canvas-conversations__header{padding:6px 12px 8px 18px}.mobile-chrome__sheet .canvas-conversations__header .canvas-conversations__title{margin:0;font-size:15px;font-weight:600}.mobile-chrome__sheet .canvas-conversations :is(textarea,input){font-size:16px}:is(.mobile-chrome__sheet .voice-field>.voice-field__button,.mobile-chrome__sheet .voice-field:has(>textarea)>.voice-field__button){--voice-field-button-size:44px;width:44px;height:44px;color:var(--mobile-accent-ink);background:var(--mobile-accent);inset:auto auto 6px 6px;transform:none}.mobile-chrome__sheet .voice-field>.voice-field__button svg{width:22px;height:22px}.mobile-chrome__sheet .canvas-composer__band{height:56px}.mobile-chrome__sheet .canvas-conversations button.canvas-composer__primary{bottom:12px;right:12px}.mobile-chrome__sheet .canvas-composer__start{bottom:12px;left:58px;right:calc(var(--composer-control) + 20px)}.mobile-chrome__scrim{background:#0006;position:absolute;inset:0}.mobile-chrome__drawer{width:min(86vw,340px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--editor-panel);display:flex;position:absolute;top:0;bottom:0;left:0}.mobile-chrome__drawer:focus{outline:none}.mobile-chrome__drawer[hidden]{display:none}.mobile-chrome__pages{flex:1;min-width:0;display:flex}.mobile-chrome__drawer .page-sidebar{border-right:0;width:100%}.mobile-chrome__drawer .canvas-panel-toggle--left{right:12px;left:auto!important}.mobile-chrome__drawer .page-sidebar-resize-handle{display:none}.mobile-chrome__drawer .page-list{flex:0 auto}.mobile-chrome__drawer .page-sidebar__account .projects-account{position:static}.mobile-chrome__drawer .page-sidebar__account .projects-account-text{display:grid}@media (prefers-color-scheme:light){.projects-editor-shell:has(.mobile-chrome){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.canvas-annotation-pin--thread{border-radius:8px 8px 8px 3px;font-size:10px}.canvas-annotation-pin--thread.canvas-annotation-pin--agent-pending{border-radius:8px}:root{--primitive-white:#fff;--primitive-black:#000;--primitive-neutral-50:#f7f7f7;--primitive-neutral-700:#2a2a2b;--primitive-neutral-950:#08090b;--background:var(--surface-canvas);--foreground:oklch(95% .005 260);--primary-card:var(--surface-canvas);--secondary-card:var(--surface-panel);--card-foreground:var(--foreground);--popover:oklch(18% .012 260);--popover-foreground:oklch(95% .005 260);--primary:oklch(60% .2 270);--primary-foreground:oklch(98% 0 0);--secondary:oklch(20% .012 260);--secondary-foreground:oklch(88% .005 260);--muted:oklch(25% .008 260);--muted-foreground:oklch(55% .01 260);--accent:oklch(22% .025 270);--accent-foreground:oklch(93% 0 0);--destructive:oklch(60% .2 25);--negative:oklch(60% .2 25);--surface-canvas:#0c0c0c;--surface-canvas-hover:#121213;--surface-webapp:#08090b;--surface-market:#151515;--surface-panel:#181818;--surface-control:#232324;--surface-control-hover:#2a2a2b;--surface-border:color-mix(in oklab, var(--foreground) 5%, transparent);--surface-border-hover:color-mix(in oklab, var(--foreground) 10%, transparent);--surface-overlay:color-mix(in oklab, var(--color-white) 5%, transparent);--surface-overlay-muted:color-mix(in oklab, var(--color-white) 4%, transparent);--surface-foreground:#e0e0e1;--surface-subtle:#a3a3a3;--surface-subtle-hover:#bebebe;--surface-muted:#707070;--motion-ease-smooth:cubic-bezier(.72, .04, .56, .96);--type-display-font-size:48px;--type-display-line-height:48px;--type-display-letter-spacing:0;--type-display-font-weight:500;--type-page-title-font-size:30px;--type-page-title-line-height:37.5px;--type-page-title-letter-spacing:0;--type-page-title-font-weight:500;--type-section-title-font-size:20px;--type-section-title-line-height:27.5px;--type-section-title-letter-spacing:0;--type-section-title-font-weight:500;--type-large-font-size:18px;--type-large-line-height:28px;--type-large-letter-spacing:.36px;--type-large-font-weight:600;--type-default-font-size:16px;--type-default-line-height:1.2;--type-default-letter-spacing:.48px;--type-default-font-weight:400;--type-body-font-size:14px;--type-body-line-height:24px;--type-body-letter-spacing:.28px;--type-body-font-weight:400;--type-label-font-size:12px;--type-label-line-height:12px;--type-label-letter-spacing:1.44px;--type-label-font-weight:500;--type-number-font-size:18px;--type-number-line-height:18px;--type-number-letter-spacing:.32px;--type-number-font-weight:500;--type-button-lg-font-size:18px;--type-button-lg-line-height:1;--type-button-lg-letter-spacing:.36px;--type-button-lg-font-weight:500;--type-button-md-font-size:16px;--type-button-md-line-height:1;--type-button-md-letter-spacing:.32px;--type-button-md-font-weight:500;--type-button-sm-font-size:14px;--type-button-sm-line-height:1;--type-button-sm-letter-spacing:.28px;--type-button-sm-font-weight:500;--brand-primary:#515cf6;--brand-green:#a9f452;--brand-orange:#ff6620;--brand-lime:#bfc72e;--brand-pink:#e87fba;--brand-violet:#918ae3;--positive:var(--brand-green);--border:oklch(23% .012 260);--input:oklch(23% .012 260);--ring:oklch(60% .2 270);--sidebar:oklch(14% .01 260);--sidebar-foreground:oklch(95% .005 260);--sidebar-border:oklch(20% .012 260);--sidebar-accent:oklch(22% .025 270);--chart-1:oklch(65% .18 250);--chart-2:oklch(65% .18 25);--chart-3:oklch(72% .16 85);--radius:12px;--number-bloom-easing:cubic-bezier(0, .8, .56, 1);--number-bloom-duration:.22s}@layer base{*{border-color:var(--border);outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}body{color:var(--foreground);background:var(--background);letter-spacing:.02em}html{font-family:var(--font-poly)}a{color:inherit;cursor:pointer;text-decoration:none}button,[role=button],summary{cursor:pointer}@media (pointer:coarse){input,select,textarea{font-size:max(16px,1em)}}}@layer utilities{.type-display{font-family:var(--font-poly);font-size:var(--type-display-font-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-font-weight);letter-spacing:var(--type-display-letter-spacing)}.type-page-title{font-family:var(--font-poly);font-size:var(--type-page-title-font-size);line-height:var(--type-page-title-line-height);font-weight:var(--type-page-title-font-weight);letter-spacing:var(--type-page-title-letter-spacing)}.type-section-title{font-family:var(--font-poly);font-size:var(--type-section-title-font-size);line-height:var(--type-section-title-line-height);font-weight:var(--type-section-title-font-weight);letter-spacing:var(--type-section-title-letter-spacing)}.type-large{font-family:var(--font-poly);font-size:var(--type-large-font-size);line-height:var(--type-large-line-height);font-weight:var(--type-large-font-weight);letter-spacing:var(--type-large-letter-spacing)}.type-default{font-family:var(--font-poly);font-size:var(--type-default-font-size);line-height:var(--type-default-line-height);font-weight:var(--type-default-font-weight);letter-spacing:var(--type-default-letter-spacing)}.type-body{font-family:var(--font-poly);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);font-weight:var(--type-body-font-weight);letter-spacing:var(--type-body-letter-spacing)}.type-label{font-family:var(--font-poly);font-size:var(--type-label-font-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-font-weight);letter-spacing:var(--type-label-letter-spacing);text-transform:uppercase}.type-number{font-family:var(--font-poly-mono);font-size:var(--type-number-font-size);line-height:var(--type-number-line-height);font-weight:var(--type-number-font-weight);letter-spacing:var(--type-number-letter-spacing);font-variant-numeric:tabular-nums}.type-button-lg{font-family:var(--font-poly);font-size:var(--type-button-lg-font-size);line-height:var(--type-button-lg-line-height);font-weight:var(--type-button-lg-font-weight);letter-spacing:var(--type-button-lg-letter-spacing)}.type-button-md{font-family:var(--font-poly);font-size:var(--type-button-md-font-size);line-height:var(--type-button-md-line-height);font-weight:var(--type-button-md-font-weight);letter-spacing:var(--type-button-md-letter-spacing)}.type-button-sm{font-family:var(--font-poly);font-size:var(--type-button-sm-font-size);line-height:var(--type-button-sm-line-height);font-weight:var(--type-button-sm-font-weight);letter-spacing:var(--type-button-sm-letter-spacing)}}@keyframes login-dot-pulse{0%,to{opacity:.3}50%{opacity:1}}*{scrollbar-width:thin;scrollbar-color:#ffffff0d transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff0d}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes animated-number-fade-in-fast{0%{opacity:0}to{opacity:1}}@keyframes animated-number-bloom-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.animated-number-digit-enter{animation:animated-number-bloom-in var(--number-bloom-duration) var(--number-bloom-easing) forwards}.animated-number-punctuation-enter{animation:.2s ease-out forwards animated-number-fade-in-fast}@media (prefers-reduced-motion:reduce){.animated-number-digit-enter,.animated-number-punctuation-enter{animation:none}}@keyframes agent-system-message-shimmer{0%{background-position:200%}to{background-position:-200%}}.agent-system-message-shimmer{color:#0000;background-image:linear-gradient(90deg,#94a3b8b3 0%,#f8fafcfa 45%,#94a3b8b3 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.7s linear infinite agent-system-message-shimmer}.agent-transcript-flow,.agent-transcript-flow .react-flow__pane,.agent-transcript-flow .react-flow__renderer,.agent-transcript-flow .react-flow__viewport{background:oklch(22% .02 260)}@keyframes smart-exit-border-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.smart-exit-enabled-shell{border-radius:calc(var(--radius-lg) + 1px);background-image:linear-gradient(120deg,oklch(72% .16 85),oklch(68% .17 155),oklch(60% .2 270),oklch(74% .19 35));background-size:220% 220%;padding:1px;animation:3.2s linear infinite smart-exit-border-pan}@property --credit-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes credit-border-spin{to{--credit-border-angle:360deg}}.credit-bonus-highlight-shell{border-radius:calc(var(--radius-md) + 2px);background:conic-gradient(from var(--credit-border-angle), oklch(72% .16 85), oklch(68% .17 155), oklch(60% .2 270), oklch(74% .19 35), oklch(72% .16 85)), linear-gradient(120deg, oklch(18% .012 260), oklch(25% .04 270));padding:1px;animation:3.4s linear infinite credit-border-spin}.credit-bonus-trigger{border-radius:var(--radius-md);background:linear-gradient(135deg,oklch(21% .018 260),oklch(26% .045 270)) padding-box padding-box,border-box}.credit-bonus-progress{appearance:none;background:oklch(24% .012 260);border:0;border-radius:999px;width:100%;height:.5rem;overflow:hidden}.credit-bonus-progress::-webkit-progress-bar{background:oklch(24% .012 260);border-radius:999px}.credit-bonus-progress::-webkit-progress-value{background:linear-gradient(90deg,oklch(68% .17 155),oklch(72% .16 85));border-radius:999px}.credit-bonus-progress::-moz-progress-bar{background:linear-gradient(90deg,oklch(68% .17 155),oklch(72% .16 85));border-radius:999px}@keyframes credit-clock-tick{0%,to{transform:rotate(0)scale(1)}35%{transform:rotate(-10deg)scale(1.08)}70%{transform:rotate(8deg)scale(1)}}.credit-bonus-clock{transform-origin:50%;animation:1.35s ease-in-out infinite credit-clock-tick}:root{--editor-background:#202024;--editor-panel:#171719;--editor-panel-raised:#212124;--editor-border:#303034;--editor-border-strong:#44444b;--editor-text:#f2f2f3;--editor-muted:#929299;--editor-faint:#85858d;--editor-selection:#0d99ff;--editor-selection-soft:#0d99ff2e;--editor-panel-motion-duration:.44s;--editor-panel-motion-easing:cubic-bezier(.45, 0, .55, 1);--editor-properties-panel-width:306px;--app-header-height:52px;--app-header-title:600 13px/1.2 var(--font-editor);--font-editor:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-poly:ui-sans-serif, sans-serif;--font-poly-legacy:ui-sans-serif, sans-serif;--font-poly-mono:ui-sans-serif, monospace;--font-poly-mono-legacy:ui-sans-serif, monospace;--font-mobile:ui-sans-serif, sans-serif}@media (width<=600px) and (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--editor-background:#f2f2f4;--editor-panel:#fff;--editor-panel-raised:#f4f4f6;--editor-border:#e4e4e8;--editor-border-strong:#d0d0d6;--editor-text:#19191c;--editor-muted:#6b6b73;--editor-faint:#8a8a92}}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--editor-background);color:var(--editor-text);font-family:var(--font-poly);letter-spacing:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--editor-selection);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.design-app{grid-template-columns:max-content minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.design-app__main{min-width:0;min-height:0;position:relative}.design-app.is-remote-workspace{display:block}.is-remote-workspace .design-app__main{left:var(--canvas-host-x,0px);top:var(--canvas-host-y,0px);width:var(--canvas-host-width,100%);height:var(--canvas-host-height,100%);position:absolute}.is-remote-workspace .canvas-workspace__flow{width:100%;transition:none}.is-remote-workspace .canvas-annotation-overlay{right:0}.design-app.is-prototype-mode{overscroll-behavior:none;grid-template-columns:minmax(0,1fr)}.design-app.is-prototype-mode:not(.canvas-host__chrome) .canvas-workspace{background:#0c0c0e}.design-app.is-prototype-mode .canvas-workspace__flow{width:100%}.design-app.is-prototype-mode .canvas-properties-panel,.design-app.is-prototype-mode .canvas-frame__title,.design-app.is-prototype-mode .canvas-annotation-overlay{display:none}.design-app.is-prototype-mode .canvas-frame,.design-app.is-prototype-mode .canvas-frame:hover,.design-app.is-prototype-mode .canvas-frame.is-selected{filter:none;outline-color:#0000}.design-app.is-prototype-mode[data-prototype-device-kind] .canvas-frame{isolation:isolate}.design-app.is-prototype-mode[data-prototype-device-kind=iphone] .canvas-frame:before{z-index:2;content:"";pointer-events:none;border:8px solid #0a0a0b;border-radius:61px;position:absolute;inset:-11px;box-shadow:0 0 0 1px #515158,inset 0 0 0 1px #ffffff1a,0 34px 72px #0000006b}.design-app.is-prototype-mode[data-prototype-device-kind=iphone] .canvas-frame:after{z-index:3;content:"";pointer-events:none;background:#35353a;border-radius:3px 0 0 3px;width:4px;height:52px;position:absolute;top:174px;left:-15px;box-shadow:0 70px #35353a,442px -12px #35353a}.design-app.is-prototype-mode[data-prototype-device-kind=iphone] .canvas-frame__surface{border-radius:50px;overflow:hidden}.design-app.is-prototype-mode[data-prototype-device-kind=macbook] .canvas-frame:before{z-index:2;content:"";pointer-events:none;border:12px solid #111214;border-radius:24px 24px 10px 10px;position:absolute;inset:-18px -18px -12px;box-shadow:0 0 0 1px #64656a,inset 0 0 0 1px #ffffff1f,0 38px 82px #0000007a}.design-app.is-prototype-mode[data-prototype-device-kind=macbook] .canvas-frame:after{z-index:3;clip-path:polygon(3% 0,97% 0,100% 84%,96% 100%,4% 100%,0 84%);content:"";pointer-events:none;background:linear-gradient(#bfc0c4,#707176 56%,#3f4044);border-radius:2px 2px 42px 42px;width:calc(100% + 104px);height:26px;position:absolute;bottom:-37px;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #00000057}.design-app.is-prototype-mode[data-prototype-device-kind=macbook] .canvas-frame__surface{border-radius:10px;overflow:hidden}.canvas-prototype-exit{z-index:40;color:#b7b7bd;width:40px;height:40px;font-family:var(--font-editor);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#1d1d20b8;border:1px solid #0000;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:20px;right:20px}.canvas-prototype-exit:hover{color:#fff;background:#29292df0;border-color:#ffffff1a}.canvas-prototype-exit>span{font-size:25px;font-weight:300;line-height:1}.canvas-prototype-device-picker{z-index:40;color:#d8d8dc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1d1d20e0;border:1px solid #ffffff1a;border-radius:10px;align-items:center;height:38px;padding:0 4px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.canvas-prototype-device-picker__select{width:auto;max-width:min(300px,100vw - 120px)}.canvas-prototype-restart{z-index:40;color:#d8d8dc;height:38px;font-family:var(--font-editor);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#1d1d20e0;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:570;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 24px #00000047}.canvas-prototype-restart:hover{color:#fff;background:#29292df0}.canvas-prototype-restart:focus-visible{outline-offset:2px;outline:2px solid #fff}.canvas-prototype-restart svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:15px;height:15px}.page-sidebar{z-index:20;width:var(--canvas-page-sidebar-width,248px);background:color-mix(in srgb, var(--editor-panel) 96%, transparent);border-right:1px solid var(--editor-border);min-width:0;height:100%;min-height:0;font-family:var(--font-editor);opacity:1;transition:width var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), opacity var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), transform var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), border-color .18s ease, border-width var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), box-shadow .18s ease, visibility 0s;will-change:width, transform;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translate(0);box-shadow:14px 0 30px #00000024}.page-sidebar[hidden]{visibility:hidden;pointer-events:none;opacity:0;width:0;box-shadow:none;transition-delay:0s, 0s, 0s, 0s, 0s, 0s, var(--editor-panel-motion-duration);border-right-width:0;border-right-color:#0000;display:flex;transform:translate(-24px)}body:is(.is-resizing-page-sidebar,.is-updating-page-sidebar-width) .page-sidebar{transition:none}.page-sidebar-resize-handle{z-index:30;cursor:col-resize;touch-action:none;width:8px;padding:0;position:absolute;top:0;bottom:0;right:0}.page-sidebar-resize-handle:after{content:"";background:0 0;width:1px;position:absolute;top:0;bottom:0;right:0}.page-sidebar-resize-handle:hover:after,.page-sidebar-resize-handle:focus-visible:after,.page-sidebar-resize-handle.is-resizing:after{background:var(--editor-selection)}.page-sidebar-resize-handle:focus-visible{outline:none}body.is-resizing-page-sidebar,body.is-resizing-page-sidebar *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.page-sidebar__brand{border-bottom:1px solid var(--editor-border);align-items:center;gap:12px;height:64px;padding:0 12px;display:flex}.page-sidebar__brand-copy{flex:1}.page-sidebar__brand-actions{flex:none;align-items:center;gap:2px;padding-right:32px;display:flex}.page-sidebar__shortcuts,.canvas-panel-toggle{width:30px;height:30px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.page-sidebar__shortcuts:hover,.page-sidebar__shortcuts:focus-visible,.canvas-panel-toggle:hover,.canvas-panel-toggle:focus-visible{color:#fff;background:var(--editor-panel-raised);outline:none}.page-sidebar__shortcuts svg,.canvas-panel-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:17px;height:17px}.canvas-shortcuts-panel{z-index:160;color:#f5f5f5;background:#1e1e1e;border-top:1px solid #ffffff24;grid-template-rows:46px minmax(0,1fr);height:min(330px,46vh);min-height:230px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 48px #0000006b}.canvas-shortcuts-panel>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:stretch;min-width:0;padding:0 10px 0 30px;display:flex}.canvas-shortcuts-panel nav{align-items:stretch;gap:22px;min-width:0;display:flex}.canvas-shortcuts-panel nav button{color:#a6a6a6;background:0 0;border:0;padding:0 2px;font-size:11px;font-weight:520;position:relative}.canvas-shortcuts-panel nav button:hover,.canvas-shortcuts-panel nav button[aria-selected=true]{color:#fff}.canvas-shortcuts-panel nav button[aria-selected=true]:after{content:"";background:#0d99ff;height:2px;position:absolute;bottom:0;left:0;right:0}.canvas-shortcuts-panel__close{color:#b3b3b3;background:0 0;border:0;border-radius:5px;width:32px;height:32px;margin:7px 0;padding:0;font-size:20px;font-weight:300}.canvas-shortcuts-panel__close:hover,.canvas-shortcuts-panel__close:focus-visible{color:#fff;background:#ffffff14;outline:none}.canvas-shortcuts-panel__groups{grid-template-columns:repeat(3,minmax(190px,1fr));align-content:start;gap:36px 56px;min-height:0;padding:24px 34px 30px;display:grid;overflow:auto}.canvas-shortcuts-panel__groups>section{align-content:start;gap:10px;display:grid}.canvas-shortcuts-panel__groups h2{color:#8a8a8a;letter-spacing:.01em;margin:0;font-size:10px;font-weight:600}.canvas-shortcuts-panel__groups section>div{gap:1px;display:grid}.canvas-shortcuts-panel__groups article{color:#dedede;justify-content:space-between;align-items:center;gap:20px;min-height:32px;font-size:11px;display:flex}.canvas-shortcuts-panel__groups article>div{flex:none;justify-content:flex-end;align-items:center;gap:4px;display:flex}.canvas-shortcuts-panel kbd{color:#e8e8e8;min-width:24px;height:24px;font-family:var(--font-poly);white-space:nowrap;background:#303030;border:1px solid #ffffff1a;border-radius:4px;place-items:center;padding:0 6px;font-size:10px;font-weight:500;display:grid;box-shadow:inset 0 -1px #00000052}.page-sidebar__brand-mark{box-sizing:border-box;object-fit:contain;flex:none;width:32px;height:32px;padding:7px 6px;display:block}.page-sidebar__brand-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.page-sidebar__brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.page-sidebar__section-label{color:var(--editor-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:18px 14px 8px 16px;font-size:11px;font-weight:600;display:flex}.page-sidebar__section-label button{width:24px;height:24px;color:var(--editor-muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;font-size:18px;display:grid}.page-sidebar__section-label button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:16px;height:16px}.page-sidebar__section-label button:hover{color:var(--editor-text);background:var(--editor-panel-raised)}.page-sidebar__panel-tabs{border-bottom:1px solid var(--editor-border);align-items:center;gap:3px;min-height:44px;padding:6px 8px;display:flex}.page-sidebar__panel-tabs>button,.page-sidebar__panel-actions>button{min-width:58px;height:32px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:11px;font-weight:560}.page-sidebar__panel-tabs>button:hover:not(:disabled),.page-sidebar__panel-actions>button:hover:not(:disabled){color:var(--editor-text);background:var(--editor-panel-raised)}.page-sidebar__panel-tabs>button.is-active{color:var(--editor-text);background:var(--editor-panel-raised);box-shadow:none;font-weight:600}.page-sidebar__panel-tabs>button:disabled,.page-sidebar__panel-actions>button:disabled{opacity:.34}.page-sidebar__panel-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.page-sidebar__panel-tabs .page-sidebar__create-page-button,.page-sidebar__panel-tabs .page-sidebar__search-button{place-items:center;width:30px;min-width:30px;padding:0;display:grid}.page-sidebar__create-page-button svg,.page-sidebar__search-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:15px;height:15px}.canvas-search-panel{flex-direction:column;flex:1;min-height:0;padding-top:12px;display:flex}.canvas-search-panel__input-row{align-items:center;gap:7px;padding:0 10px 12px;display:flex}.canvas-search-panel__input{flex:1}.canvas-search-panel__input .canvas-input__start svg,.canvas-search-results__empty>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;flex:none;width:16px;height:16px}.canvas-search-panel__clear,.canvas-search-panel__close{color:var(--editor-muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.canvas-search-panel__clear{width:20px;height:20px;font-size:15px}.canvas-search-panel__close{width:30px;height:30px;font-size:21px;font-weight:300}.canvas-search-panel__clear:hover,.canvas-search-panel__close:hover{color:#fff;background:var(--editor-panel-raised)}.canvas-search-panel__summary{border-top:1px solid var(--editor-border);border-bottom:1px solid var(--editor-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 8px;padding:10px 12px 11px;display:grid;position:relative}.canvas-search-panel__summary>div:first-child{align-items:center;gap:5px;min-width:0;display:flex}.canvas-search-panel__summary>div:first-child>span{color:#dddde1;white-space:nowrap;font-size:11px;font-weight:560}.canvas-search-panel__summary .canvas-search-panel__scope{width:auto;max-width:110px}.canvas-search-panel__summary>small{color:var(--editor-faint);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:9px;overflow:hidden}.canvas-search-panel__result-controls{grid-area:1/2/span 2;gap:2px;display:flex}.canvas-search-panel__result-controls button{width:24px;height:24px;color:var(--editor-muted);background:0 0;border:1px solid #0000;border-radius:5px;padding:0;font-size:11px}.canvas-search-panel__result-controls button:hover:not(:disabled){color:#fff;background:var(--editor-panel-raised);border-color:var(--editor-border)}.canvas-search-panel__result-controls button:disabled{opacity:.3}.canvas-search-results{overscroll-behavior:contain;scrollbar-color:var(--editor-border-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:5px 7px 12px;overflow-y:auto}.canvas-search-results__page-heading{z-index:1;color:#bdbdc3;background:color-mix(in srgb, var(--editor-panel) 96%, transparent);letter-spacing:.02em;justify-content:space-between;align-items:center;min-height:32px;padding:7px 8px 5px;font-size:10px;font-weight:600;display:flex;position:sticky;top:-5px}.canvas-search-results__page-heading small{color:var(--editor-faint);font-size:9px;font-weight:500}.canvas-search-results__group>button{color:#c7c7cc;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:24px minmax(0,1fr);gap:7px;width:100%;min-height:55px;padding:7px 8px;display:grid}.canvas-search-results__group>button:hover{color:#fff;background:var(--editor-panel-raised)}.canvas-search-results__group>button.is-active{color:#fff;background:linear-gradient(90deg, var(--editor-selection-soft), transparent);border-color:#7c5cff57}.canvas-search-results__kind{color:#b7aaff;width:24px;height:24px;font-family:var(--font-poly-mono);background:#7c5cff1c;border-radius:6px;place-items:center;font-size:10px;display:grid}.canvas-search-results__copy{flex-direction:column;gap:3px;min-width:0;display:flex}.canvas-search-results__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:580;overflow:hidden}.canvas-search-results__copy>span{color:var(--editor-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:13px;display:-webkit-box;overflow:hidden}.canvas-search-results__copy mark{color:#fff;background:#7c5cff85;border-radius:2px;padding:0 2px}.canvas-search-results__group>button>small{color:var(--editor-faint);text-transform:uppercase;grid-column:2;font-size:8px}.canvas-search-results__empty{min-height:190px;color:var(--editor-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 18px;display:flex}.canvas-search-results__empty>svg{color:#9d8aff;width:25px;height:25px;margin-bottom:4px}.canvas-search-results__empty strong{color:#cfcfd4;font-size:11px;font-weight:580}.canvas-search-results__empty>span{max-width:175px;font-size:9px;line-height:14px}.canvas-search-results__empty kbd{color:#aaaab1;background:var(--editor-panel-raised);border:1px solid var(--editor-border-strong);font-family:var(--font-poly-mono);border-radius:5px;margin-top:4px;padding:3px 7px;font-size:8px;box-shadow:inset 0 -1px #00000047}.canvas-search-results__spinner{border:2px solid var(--editor-border-strong);border-top-color:var(--editor-selection);border-radius:999px;width:20px;max-width:none;height:20px;animation:.7s linear infinite canvas-search-spin}@keyframes canvas-search-spin{to{transform:rotate(360deg)}}.page-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:1px;min-height:0;padding:6px 7px;display:flex;overflow-y:auto}.page-list__libraries-divider{border-top:1px solid var(--editor-border);flex:none;height:9px;margin:8px 5px 0}.page-tree-item{color:#c8c8cd;cursor:grab;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:16px 24px minmax(0,1fr) 24px;align-items:center;gap:4px;min-height:34px;padding:2px 3px 2px 5px;transition:background .1s,border-color .1s,opacity .1s;display:grid;position:relative}.page-tree-item.is-depth-1{margin-left:16px}.page-tree-item.is-depth-2{margin-left:32px}.page-tree-item:hover{color:var(--editor-text);background:var(--editor-panel-raised)}.page-tree-item.is-active{color:#fff;background:var(--editor-selection-soft);border-color:#0000}.page-tree-item.is-dragging{opacity:.34;cursor:grabbing}.page-tree-item.is-fixed{cursor:default}.page-tree-item.is-drop-inside{background:var(--editor-selection-soft);border-color:color-mix(in srgb, var(--editor-selection) 75%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--editor-selection) 24%, transparent)}.page-tree-item.is-drop-before:before,.page-tree-drop-after:after{z-index:2;background:var(--editor-selection);content:"";border-radius:999px;height:2px;position:absolute;left:4px;right:4px;box-shadow:0 0 0 1px #151124b3}.page-tree-item.is-drop-before:before{top:-2px}.page-tree-drop-after{z-index:3;flex:0 0 5px;height:5px;margin:-3px 0;position:relative}.page-tree-drop-after:after{top:2px}.page-tree-item__collapse,.page-tree-item__emoji,.page-tree-item__page,.page-tree-item__menu{color:inherit;background:0 0;border:0;padding:0}.page-tree-item__collapse{width:16px;height:28px;color:var(--editor-faint);border-radius:4px;place-items:center;display:grid}.page-tree-item__collapse:disabled{cursor:default}.page-tree-item__collapse:not(:disabled):hover{color:#fff;background:#ffffff14}.page-tree-item__collapse svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:13px;height:13px;transition:transform .1s}.page-tree-item__collapse svg.is-expanded{transform:rotate(90deg)}.page-tree-item__emoji{font-variant-emoji:emoji;border-radius:5px;place-items:center;width:24px;height:28px;font-size:18px;line-height:1;display:grid}.page-tree-item__emoji:hover{background:#ffffff14}.page-tree-item__page{text-align:left;justify-content:flex-start;align-items:center;min-width:0;height:28px;display:flex}.page-tree-item__page strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:520;overflow:hidden}.page-tree-item__page.is-renaming{height:auto}.page-tree-item:has(.page-tree-item__page.is-renaming){cursor:default;grid-template-columns:16px 24px minmax(0,1fr) 0}.page-tree-item:has(.page-tree-item__page.is-renaming) .page-tree-item__menu{opacity:0;pointer-events:none;width:0}.page-tree-item__menu{width:24px;height:24px;color:var(--editor-muted);opacity:0;border-radius:5px;place-items:center;display:grid}.page-tree-item__menu:hover,.page-tree-item__menu:focus-visible{color:#fff;background:#ffffff17}.page-tree-item:hover .page-tree-item__menu,.page-tree-item.is-active .page-tree-item__menu,.page-tree-item__menu:focus-visible{opacity:1}.page-tree-item__menu svg{fill:currentColor;width:16px;height:16px}.page-organization-save-error{color:#ff8e8e;align-items:center;gap:6px;min-height:24px;padding:2px 12px 4px;font-size:9px;display:flex}.page-organization-save-error button{color:inherit;font-size:inherit;background:0 0;border:1px solid;border-radius:4px;padding:2px 5px}.page-actions-menu,.page-emoji-picker{z-index:120;color:#ededf0;background:#202024;border:1px solid #ffffff1f;border-radius:12px;position:fixed;box-shadow:0 22px 55px #00000073,0 2px 10px #00000047}.page-actions-menu{flex-direction:column;width:232px;max-height:min(390px,100vh - 24px);padding:6px;display:flex}.page-actions-menu>hr{border:0;border-top:1px solid #ffffff1a;height:0;margin:5px 0}.page-emoji-picker__section-label{color:#8e8e95;letter-spacing:.04em;padding:5px 7px 4px;font-size:10px;font-weight:600}.page-actions-menu>button,.page-actions-menu__move-list button,.page-actions-menu__back{min-height:28px;color:inherit;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:grid}.page-actions-menu>button:disabled{opacity:.4}.page-actions-menu>button:hover:not(:disabled),.page-actions-menu__move-list button:hover:not(:disabled),.page-actions-menu__back:hover{background:#ffffff14}.page-actions-menu__shortcut{color:#96969d;font-size:18px}.page-emoji-picker footer{color:#78787f;padding:7px;font-size:9px}.page-actions-menu__back{grid-template-columns:16px minmax(0,1fr);font-weight:600}.page-actions-menu__confirm{flex-direction:column;gap:10px;padding:6px 4px 2px;display:flex}.page-actions-menu__confirm p{flex-direction:column;gap:4px;padding:0 6px;font-size:12px;line-height:1.4;display:flex}.page-actions-menu__confirm p span{color:#96969d}.page-actions-menu__confirm div{justify-content:flex-end;gap:4px;display:flex}.page-actions-menu__confirm button{min-height:28px;color:inherit;background:0 0;border:0;border-radius:5px;padding:4px 10px;font-size:12px}.page-actions-menu__confirm button:hover{background:#ffffff14}.page-actions-menu>.page-actions-menu__search{width:auto;margin:4px 2px 6px}.page-actions-menu__move-list{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.page-actions-menu__move-list button{text-overflow:ellipsis;white-space:nowrap;flex:none;grid-template-columns:16px minmax(0,1fr);overflow:hidden}.page-actions-menu__move-list button:disabled{opacity:.35}.page-actions-menu__move-list p{color:var(--editor-muted);padding:12px 8px;font-size:10px}.page-emoji-picker{flex-direction:column;width:356px;height:430px;display:flex;overflow:hidden}.page-emoji-picker__header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;min-height:68px;padding:10px 14px;display:flex}.page-emoji-picker__header>div{align-items:center;gap:10px;display:flex}.page-emoji-picker__header strong{font-variant-emoji:emoji;font-size:28px}.page-emoji-picker__header span{font-size:13px;font-weight:600}.page-emoji-picker__header button{color:#a9a9af;background:0 0;border:0;border-radius:5px;padding:5px 7px;font-size:10px}.page-emoji-picker__header button:hover{color:#fff;background:#ffffff14}.page-emoji-picker__search-row{gap:7px;padding:12px 12px 7px;display:flex}.page-emoji-picker__search{flex:1}.page-emoji-picker__search .canvas-input__start svg,.page-emoji-picker__search-row>button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:17px;height:17px}.page-emoji-picker__search-row>button{color:#b8b8be;background:#29292e;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.page-emoji-picker__search-row>button:hover{color:#fff;background:#34343a}.page-emoji-picker__grid{flex:1;grid-template-columns:repeat(8,1fr);align-content:start;gap:3px;min-height:0;padding:4px 12px 10px;display:grid;overflow-y:auto}.page-emoji-picker__grid button{aspect-ratio:1;font-variant-emoji:emoji;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;font-size:21px;display:grid}.page-emoji-picker__grid button:hover,.page-emoji-picker__grid button.is-selected{background:#ffffff17;border-color:#ffffff1a}.page-emoji-picker__grid button.is-selected{border-color:#8369ff}.page-emoji-picker__grid p{color:#8e8e95;grid-column:1/-1;padding:24px 6px;font-size:11px}.layer-explorer{flex-direction:column;flex:1;min-height:0;display:flex}.layer-explorer__header{border-bottom:1px solid var(--editor-border);justify-content:space-between;align-items:flex-start;gap:8px;padding:13px 11px 11px 14px;display:flex}.layer-explorer__header>div{gap:3px;min-width:0;display:grid}.layer-explorer__header span{color:var(--editor-faint);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:650}.layer-explorer__header strong{color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:580;overflow:hidden}.layer-explorer__header small{color:var(--editor-faint);font-size:9px}.layer-explorer__header>button{width:27px;height:27px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;padding:0;font-size:16px}.layer-explorer__header>button:hover{color:#fff;background:var(--editor-panel-raised)}.layer-tree,.layer-tree ul{margin:0;padding:0;list-style:none}.layer-tree{overscroll-behavior:contain;scrollbar-color:var(--editor-border-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:6px 6px 12px;overflow:hidden auto}.layer-tree ul{padding-left:13px}.layer-tree-row{color:#bdbdc3;border:1px solid #0000;border-radius:6px;grid-template-columns:21px minmax(0,1fr);align-items:center;min-height:29px;display:grid}.layer-tree-row:hover{color:#fff;background:var(--editor-panel-raised)}.layer-tree-row.is-selected{color:#fff;background:var(--editor-selection-soft);border-color:color-mix(in srgb, var(--editor-selection) 38%, transparent)}.layer-tree-row button{height:27px;color:inherit;background:0 0;border:0;padding:0}.layer-tree-row__toggle{width:21px;font-size:12px}.layer-tree-row__toggle:disabled{opacity:0}.layer-tree-row__select{text-align:left;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid}.layer-tree-row__select>span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.layer-kind-icon{color:#8e8e97;width:20px;font-family:var(--font-poly-mono);place-items:center;font-size:9px;display:grid}.layer-kind-icon--component,.layer-kind-icon--frame,.layer-kind-icon--group,.layer-kind-icon--vector{color:#aa97ff}.layer-kind-icon--text{color:#73b9ff;font-size:10px;font-weight:700}.layer-kind-icon--control{color:#80e562}.layer-kind-icon--image{color:#f4bf69}.layer-explorer__empty{min-height:0;color:var(--editor-faint);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:28px 22px;display:flex}.layer-explorer__empty strong{color:#cfcfd4;font-size:11px;font-weight:580}.layer-explorer__empty>span:last-child{max-width:174px;font-size:9px;line-height:14px}.layer-explorer__spinner{border:2px solid var(--editor-border-strong);border-top-color:var(--editor-selection);border-radius:999px;width:18px;height:18px;margin-bottom:5px;animation:.7s linear infinite canvas-search-spin}.canvas-workspace{overscroll-behavior:none;background:var(--editor-background);width:100%;height:100%;position:relative;overflow:clip}.canvas-workspace__flow{width:calc(100% - var(--editor-properties-panel-width));height:100%;transition:width var(--editor-panel-motion-duration) var(--editor-panel-motion-easing);will-change:width}.canvas-workspace.is-properties-panel-hidden .canvas-workspace__flow{width:100%}.canvas-properties-panel{top:0;left:calc(100% - var(--editor-properties-panel-width));z-index:18;width:var(--editor-properties-panel-width);min-height:0;color:var(--editor-text);background:var(--editor-panel);border-left:1px solid var(--editor-border);font-family:var(--font-editor);opacity:1;transition:width var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), opacity var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), left var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), border-color .18s ease, visibility 0s;will-change:width, left;flex-direction:column;display:flex;position:absolute;bottom:0}.canvas-properties-panel[hidden]{visibility:hidden;pointer-events:none;opacity:0;transition-delay:0s, 0s, 0s, 0s, var(--editor-panel-motion-duration);border-left-color:#0000;display:flex;left:100%}.canvas-properties-panel__tabs{height:var(--app-header-height);border-bottom:1px solid var(--editor-border);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex}.canvas-properties-panel__tablist{flex:none;align-items:center;gap:2px;display:flex}.canvas-properties-panel__status-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;margin-right:28px;display:flex}.canvas-properties-panel__status-actions>.canvas-panel-toggle{flex:none}.canvas-properties-panel__tab{height:32px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;align-items:center;padding:0 10px;font-size:11px;font-weight:550;display:flex}.canvas-properties-panel__tab:hover{color:var(--editor-text);background:#ffffff0d}.canvas-properties-panel__tab[aria-selected=true]{color:var(--editor-text);background:var(--editor-panel-raised);font-weight:600}.canvas-properties-panel__save-error{color:#ff6f78;align-items:center;gap:5px;min-width:0;font-size:9px;font-weight:560;display:flex}.canvas-properties-panel__save-error>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-properties-panel__save-error:before{content:"";background:currentColor;border-radius:999px;width:5px;height:5px}.canvas-properties-panel__save-error button{color:inherit;cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:0;flex:none;margin-inline-start:6px;padding:0;text-decoration:underline}.canvas-properties-panel__body{overscroll-behavior:contain;scrollbar-color:var(--editor-border-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.canvas-properties-panel__empty{border-bottom:1px solid var(--editor-border);gap:14px;padding:16px 14px;display:grid}.canvas-properties-panel__empty>div{gap:4px;display:grid}.canvas-properties-panel__empty span{color:var(--editor-faint);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:650}.canvas-properties-panel__empty strong{color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:580;overflow:hidden}.project-components-panel{border-bottom:1px solid var(--editor-border)}.project-components-panel>header{justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.project-components-panel>header>div{gap:3px;min-width:0;display:grid}.project-components-panel>header span,.project-components-panel>header small,.project-components-panel li small{color:var(--editor-faint);font-size:8px}.project-components-panel>header span{letter-spacing:.08em;text-transform:uppercase;font-weight:650}.project-components-panel>header strong{color:#e4e4e7;font-size:11px;font-weight:600}.project-components-panel>p{color:var(--editor-muted);margin:0;padding:0 14px 14px;font-size:9px;line-height:1.45}.project-components-panel ul{gap:2px;margin:0;padding:0 8px 10px;list-style:none;display:grid}.project-components-panel li{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:42px;padding:5px 6px;display:flex}.project-components-panel li:hover{background:var(--editor-panel-raised)}.project-components-panel li>div{gap:2px;min-width:0;display:grid}.project-components-panel li>.project-components-panel__actions{align-items:center;gap:4px;display:flex}.project-components-panel li strong{color:var(--editor-text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:560;overflow:hidden}.project-components-panel li button{color:#dcd7ff;background:var(--editor-selection-soft);border:1px solid color-mix(in srgb, var(--editor-selection) 38%, transparent);border-radius:5px;flex:none;height:26px;padding:0 8px;font-size:8px;font-weight:600}.project-components-panel li button:hover{color:#fff;border-color:var(--editor-selection)}.project-components-panel li button:disabled{cursor:not-allowed;opacity:.42}.project-components-panel li button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;width:12px;height:12px}.canvas-properties-panel__empty p{color:var(--editor-muted);margin:0;font-size:11px;line-height:16px}.canvas-panel-toggle--floating{z-index:20;transition:top var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), left var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), right var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), color .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;will-change:top, left, right;position:absolute}.canvas-panel-toggle--floating[aria-expanded=false]{border:1px solid var(--editor-border-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#242427f5;box-shadow:0 2px 8px #00000047}body:is(.is-resizing-page-sidebar,.is-updating-page-sidebar-width) .canvas-panel-toggle--left{transition:none}.design-app.is-prototype-mode .canvas-panel-toggle--floating,.design-app.is-prototype-mode .page-sidebar-resize-handle{display:none}.canvas-prototype-control{top:12px;right:calc(var(--editor-properties-panel-width) + 16px);z-index:20;color:#fff;background:var(--editor-selection);height:36px;font-family:var(--font-editor);cursor:pointer;border:1px solid #ffffff2e;border-radius:9px;align-items:center;gap:7px;padding:0 13px 0 11px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;box-shadow:0 10px 28px #00000052,0 1px 3px #00000047}.canvas-prototype-control:hover{background:color-mix(in srgb, var(--editor-selection) 86%, white)}.canvas-prototype-control:focus-visible{outline-offset:2px;outline:2px solid #fff}.canvas-prototype-control svg{fill:currentColor;width:15px;height:15px}.canvas-creation-toolbar{bottom:16px;left:calc((100% - var(--editor-properties-panel-width)) / 2);z-index:19;max-width:calc(100% - var(--editor-properties-panel-width) - 24px);border:1px solid var(--editor-border-strong);font-family:var(--font-editor);transition:left var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), max-width var(--editor-panel-motion-duration) var(--editor-panel-motion-easing);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#242427f5;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%);box-shadow:0 12px 32px #00000061,0 2px 8px #00000047}.canvas-workspace.is-properties-panel-hidden .canvas-creation-toolbar{max-width:calc(100% - 24px);left:50%}@media (width<=899px){.canvas-properties-panel__body{padding-bottom:68px}.canvas-creation-toolbar,.canvas-workspace.is-properties-panel-hidden .canvas-creation-toolbar{z-index:21;max-width:calc(100vw - 24px);position:fixed;left:auto;right:12px;overflow-x:auto;transform:none}}@media (width<=505px){.canvas-properties-panel__body{padding-bottom:104px}.canvas-creation-toolbar,.canvas-workspace.is-properties-panel-hidden .canvas-creation-toolbar{z-index:19;flex-wrap:wrap;justify-content:center;max-width:none;position:fixed;left:220px;right:12px;overflow-x:visible}.design-app.is-page-sidebar-hidden .canvas-creation-toolbar{left:12px}.canvas-creation-toolbar__divider{display:none}}@media (prefers-reduced-motion:reduce){.page-sidebar,.canvas-workspace__flow,.canvas-properties-panel,.canvas-creation-toolbar,.canvas-annotation-overlay{transition-duration:.01ms;transition-delay:0s}.canvas-panel-toggle--floating{transition-duration:.01ms}}.canvas-creation-toolbar__tool{width:34px;height:34px;color:var(--editor-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 34px;place-items:center;padding:0;display:grid}.canvas-creation-toolbar__tool:hover{color:var(--editor-text);background:#ffffff12}.canvas-creation-toolbar__tool:disabled{color:var(--editor-faint);cursor:not-allowed;opacity:.42}.canvas-creation-toolbar__tool:disabled:hover{background:0 0}.canvas-creation-toolbar__tool:focus-visible{outline:2px solid var(--editor-selection);outline-offset:1px}.canvas-creation-toolbar__tool.is-active{color:#fff;background:var(--editor-selection)}.canvas-creation-toolbar__tool svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:18px;height:18px}.canvas-creation-toolbar__divider{background:#ffffff1f;width:1px;height:22px;margin:0 3px}.react-flow{overscroll-behavior:none;background:var(--editor-background)}.react-flow__viewport{will-change:transform}.react-flow__pane{cursor:default}.react-flow__pane.dragging{cursor:grabbing}.canvas-workspace.is-feedback-mode .react-flow__pane,.canvas-workspace.is-feedback-mode .react-flow__node{cursor:crosshair}.canvas-workspace.is-text-mode .react-flow__pane,.canvas-workspace.is-text-mode .react-flow__node{cursor:text}.canvas-workspace.is-feedback-mode,.canvas-workspace.is-text-mode{-webkit-user-select:none;user-select:none}.react-flow__selection{background:color-mix(in srgb, var(--editor-selection) 9%, transparent);border:1px solid var(--editor-selection)}.react-flow__node-frame{border:0;border-radius:0;outline:none}.canvas-frame{outline-offset:0;outline:1px solid #0000;width:100%;height:100%;transition:outline-color .12s,filter .12s;position:relative}.canvas-frame:hover{outline-color:#ffffff24}.canvas-frame.is-search-match{z-index:1;outline:2px solid color-mix(in srgb, var(--editor-selection) 72%, white);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--editor-selection) 32%, transparent))}.canvas-frame.is-selected{z-index:2;outline:2px solid var(--editor-selection);filter:drop-shadow(0 12px 24px #0003)}.canvas-frame__title{color:#99999f;cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;height:30px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.canvas-frame__title:active{cursor:grabbing}.canvas-frame__title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:22px;font-weight:450;line-height:28px;overflow:hidden}.canvas-frame--scene-leaf-root .canvas-frame__title{opacity:.42;transition:opacity .12s}.canvas-frame--scene-leaf-root:hover .canvas-frame__title,.canvas-frame--scene-leaf-root.is-search-match .canvas-frame__title,.canvas-frame--scene-leaf-root.is-selected .canvas-frame__title{opacity:1}.canvas-frame--scene-leaf-root .canvas-frame__title strong{font-size:14px}.canvas-frame__surface{contain:layout paint style;content-visibility:auto;background:#0b0b0c;width:100%;height:100%;position:relative;overflow:hidden}.canvas-workspace.is-viewport-moving .canvas-frame__surface{pointer-events:none}.canvas-blank-frame{background:#fff;width:100%;height:100%}[data-canvas-layer-copy-root]{pointer-events:none;position:absolute;inset:0}.canvas-frame__surface--scene{background:0 0}.canvas-scene-frame,.canvas-scene-svg{width:100%;height:100%;display:block}.canvas-scene-frame{overflow:hidden}.canvas-scene-status{width:100%;height:100%;color:var(--editor-muted);font-family:var(--font-poly-mono);text-align:center;place-content:center;font-size:12px;display:grid}.canvas-frame__source{max-width:100%;color:var(--editor-faint);white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:none;position:absolute;top:calc(100% + 8px);left:0}.canvas-frame.is-selected .canvas-frame__source{display:flex}.canvas-frame--scene-leaf-root .canvas-frame__source{opacity:.58}.canvas-frame__source span{color:#b49fff;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.canvas-frame__source code{max-width:520px;font-family:var(--font-poly-mono);text-overflow:ellipsis;overflow:hidden}.canvas-text-editor{z-index:35;border:1px solid #927cff;border-radius:3px;min-width:80px;min-height:32px;position:absolute;box-shadow:0 0 0 2px #7659ff33}.canvas-text-editor textarea{box-sizing:border-box;resize:both;-webkit-user-select:text;user-select:text;white-space:pre-wrap;border:0;border-radius:2px;outline:0;width:100%;height:100%;min-height:32px;padding:2px 4px;display:block}.canvas-text-editor>span{color:#d8d2ff;width:max-content;font-family:var(--font-poly-mono);background:#1b1827f5;border:1px solid #927cff73;border-radius:4px;padding:4px 6px;font-size:9px;line-height:1;position:absolute;top:calc(100% + 6px);left:0}.canvas-annotation-overlay{z-index:30;inset:0 var(--editor-properties-panel-width) 0 0;pointer-events:none;transition:right var(--editor-panel-motion-duration) var(--editor-panel-motion-easing);position:absolute;overflow:hidden}.canvas-workspace.is-properties-panel-hidden .canvas-annotation-overlay{right:0}.canvas-annotation-selection{background:#7659ff1a;border:2px solid #7659ff;border-radius:8px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #0000003d}.canvas-annotation-selection--preview,.canvas-annotation-selection--draft{background:#70e58b21;border-color:#70e58b;box-shadow:inset 0 0 0 1px #ffffff29,0 0 24px #70e58b26}.canvas-annotation-selection--preview{border-style:dashed}.canvas-annotation-selection--resolved{opacity:.56;background:#16894b12;border-color:#16894b}.canvas-annotation-selection.is-selected{background:#7659ff29;box-shadow:inset 0 0 0 1px #ffffff29,0 0 28px #7659ff42}.canvas-annotation-pin{color:#fff;pointer-events:auto;background:#7659ff;border:2px solid #fff;border-radius:50% 50% 50% 3px;place-items:center;width:30px;height:30px;padding:0;font-size:11px;font-weight:700;transition:border-radius .18s,background .14s,transform .14s,box-shadow .14s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0000005c}.canvas-annotation-pin:hover{background:#8c73ff;transform:translate(-50%,-50%)scale(1.08)}.canvas-annotation-pin--resolved{color:#d7ffe5;opacity:.68;background:#16894b}.canvas-annotation-pin--resolved.canvas-annotation-resolve--flash,.canvas-annotation-pin--resolved.canvas-annotation-resolve--fade{opacity:1;box-shadow:0 0 0 3px #16894b73}.canvas-annotation-selection--resolved.canvas-annotation-resolve--flash,.canvas-annotation-selection--resolved.canvas-annotation-resolve--fade{opacity:1}.canvas-annotation-resolve--fade{pointer-events:none;transition:opacity .4s;opacity:0!important}@media (prefers-reduced-motion:reduce){.canvas-annotation-resolve--fade{transition:none}}.canvas-annotation-pin--agent-pending:after{content:"";border:2px solid #b7ef182e;border-top-color:#b7ef18;border-radius:50%;animation:.9s linear infinite canvas-agent-spin;position:absolute;inset:-7px}.canvas-annotation-pin--agent-pending{border-radius:50%}.canvas-annotation-draft{pointer-events:none;position:absolute}.canvas-annotation-draft-dismiss-layer{pointer-events:auto;position:absolute;inset:0}.canvas-annotation-pin--draft{color:#131315;background:#70e58b;top:0;left:0}.canvas-annotation-composer{pointer-events:auto;background:#fff;border:1px solid #dddde2;border-radius:12px;width:360px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);padding:0;position:absolute;overflow:auto;box-shadow:0 18px 54px #00000061}.canvas-annotation-composer:focus-within{border-color:#7659ff;box-shadow:0 18px 54px #00000061,0 0 0 3px #7659ff1f}.canvas-annotation-composer textarea,.canvas-annotation-thread textarea{resize:none;color:#171719;width:100%;box-shadow:none;font:14px/1.5 var(--font-editor);background:0 0;border:0;border-radius:0;outline:none}.canvas-annotation-composer textarea{min-height:56px;padding:10px 12px 4px}.canvas-annotation-composer .canvas-annotation-error{max-width:none;margin:8px 10px 0;position:static}.canvas-annotation-input-shell{min-width:0;position:relative}.canvas-voice-input{padding:0 8px 8px;display:block}.canvas-voice-input__idle-spacer{flex:1}.canvas-voice-input__error{color:#8b2635;background:#fff0f2;border:1px solid #f2b8c1;border-radius:7px;margin:0 0 6px;padding:7px 9px;font-size:11px;line-height:1.35;display:block}.canvas-voice-input__takeover{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0;font-weight:600;text-decoration:underline}.canvas-annotation-thread .canvas-annotation-input-shell:focus-within{border-color:#7659ff;box-shadow:0 0 0 3px #7659ff1f}.canvas-annotation-thread>footer{justify-content:space-between;align-items:center;display:flex}.canvas-annotation-composer button,.canvas-annotation-thread button{border:0;border-radius:7px;min-height:30px;padding:0 11px;font-size:11px;font-weight:600}.canvas-annotation-composer button{color:#595961;background:#eaeaee}.canvas-annotation-thread__resolve,.canvas-annotation-thread form button{color:#fff;background:#7659ff}.canvas-annotation-composer button:disabled,.canvas-annotation-thread button:disabled{cursor:default;opacity:.42}.canvas-annotation-thread{pointer-events:auto;color:#ededf0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181bf7;border:1px solid #3a3a40;border-radius:14px;flex-direction:column;width:340px;padding:14px;display:flex;position:absolute;top:14px;bottom:14px;right:14px;box-shadow:0 22px 70px #00000080}.canvas-annotation-list{pointer-events:auto;color:#ededf0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181bf7;border:1px solid #3a3a40;border-radius:14px;flex-direction:column;width:360px;padding:14px;display:flex;position:absolute;top:14px;bottom:14px;right:14px;box-shadow:0 22px 70px #00000080}.canvas-annotation-list[hidden],.canvas-annotation-thread[hidden]{display:none}.canvas-workspace.has-comments-panel .canvas-annotation-overlay{overflow:visible}.canvas-workspace.has-comments-panel .canvas-annotation-list,.canvas-workspace.has-comments-panel .canvas-annotation-thread{top:48px;right:calc(-1 * var(--editor-properties-panel-width));width:var(--editor-properties-panel-width);transition:width var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), right var(--editor-panel-motion-duration) var(--editor-panel-motion-easing);box-shadow:none;border-width:0 0 0 1px;border-radius:0;bottom:0}@media (width<=899px){.canvas-workspace.has-comments-panel .canvas-annotation-list,.canvas-workspace.has-comments-panel .canvas-annotation-thread{bottom:68px}}@media (width<=505px){.canvas-workspace.has-comments-panel .canvas-annotation-list,.canvas-workspace.has-comments-panel .canvas-annotation-thread{bottom:104px}}.canvas-annotation-list>header{border-bottom:1px solid #34343a;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.canvas-annotation-list>header>div{gap:3px;display:grid}.canvas-annotation-list>header strong{font-size:13px}.canvas-annotation-list>header span{color:#92929a;font-size:9px}.canvas-annotation-list>header button{color:#aaaab1;background:0 0;border:0;border-radius:7px;min-width:30px;min-height:30px;padding:0;font-size:20px}.canvas-annotation-agent-bar{color:#cfcfd7;background:#202024;border:1px solid #303036;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px;font-size:10px;display:flex}.canvas-annotation-agent-bar>div{align-items:center;gap:8px;min-width:0;display:flex}.canvas-annotation-agent-bar>div>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-annotation-agent-bar button{color:#111113;background:#b7ef18;border:0;border-radius:7px;flex:none;min-height:28px;padding:0 10px;font-size:10px;font-weight:700}.canvas-annotation-agent-bar button:disabled{cursor:default;opacity:.48}.canvas-annotation-list__resolved-toggle{color:#cfcfd7;background:0 0;border:1px solid #34343a;border-radius:8px;width:100%;min-height:30px;margin-top:8px;font-size:10px;font-weight:700}.canvas-annotation-list__resolved-toggle:hover,.canvas-annotation-list__resolved-toggle:focus-visible{color:#ededf0;background:#27272c;outline:none}.canvas-annotation-list__resolved-toggle[aria-pressed=true]{color:#b7ef18;border-color:#b7ef1873}.canvas-annotation-agent-bar__spinner{border:2px solid #b7ef1833;border-top-color:#b7ef18;border-radius:50%;flex:none;width:12px;height:12px;animation:.9s linear infinite canvas-agent-spin}.canvas-annotation-list__body{flex-direction:column;flex:1;gap:8px;min-height:0;padding-top:12px;display:flex;overflow-y:auto}.canvas-annotation-list__item{color:#ededf0;text-align:left;background:#202024;border:1px solid #303036;border-radius:10px;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:10px;width:100%;padding:12px;display:grid}.canvas-annotation-list__item:hover,.canvas-annotation-list__item:focus-visible{background:#27272c;border-color:#565063;outline:none}.canvas-annotation-list__item.is-resolved{background:#202024a6}.canvas-annotation-list__item>.canvas-annotation-status{margin-top:4px}.canvas-annotation-list__content{gap:6px;min-width:0;display:grid}.canvas-annotation-list__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-annotation-list__meta strong{font-size:10px}.canvas-annotation-list__meta time,.canvas-annotation-list__details{color:#92929a;font-size:9px}.canvas-annotation-list__message{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.canvas-annotation-list__details{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-annotation-list__chevron{color:#777780;align-self:center;font-size:20px}.canvas-annotation-list__empty{color:#a5a5ad;text-align:center;flex:1;align-content:center;place-items:center;padding:24px;display:grid}.canvas-annotation-list__empty strong{color:#ededf0;font-size:12px}.canvas-annotation-list__empty p{max-width:220px;margin:7px 0 0;font-size:10px;line-height:1.5}.canvas-annotation-thread>header,.canvas-annotation-thread>header>div{align-items:center;display:flex}.canvas-annotation-thread>header{border-bottom:1px solid #34343a;justify-content:space-between;padding-bottom:12px}.canvas-annotation-thread>header>div{gap:8px}.canvas-annotation-thread>header strong{font-size:12px}.canvas-annotation-thread>header button{color:#aaaab1;background:0 0;min-width:28px;padding:0;font-size:20px}.canvas-annotation-thread>header .canvas-annotation-thread__back{color:#ededf0;min-width:28px;margin-left:-6px;font-size:24px}.canvas-annotation-thread__status-label{color:#92929a;font-size:9px}.canvas-annotation-status{background:#7659ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #7659ffb3}.canvas-annotation-status--resolved{background:#4fd57f;box-shadow:0 0 10px #4fd57f99}.canvas-annotation-status--agent-pending{background:#b7ef18;box-shadow:0 0 11px #b7ef18bf}@keyframes canvas-agent-spin{to{transform:rotate(360deg)}}.canvas-annotation-thread__messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 0;display:flex;overflow-y:auto}.canvas-annotation-thread__scope{color:#cfc5ff;background:#7659ff17;border:1px solid #7659ff47;border-radius:9px;gap:4px;padding:9px 10px;display:grid}.canvas-annotation-thread__scope strong{font-size:10px}.canvas-annotation-thread__scope span{color:#aaaab3;font:9px/1.4 var(--font-poly-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-annotation-thread__screenshots{gap:8px;display:grid}.canvas-annotation-thread__screenshots>strong{color:#cfc5ff;font-size:10px}.canvas-annotation-thread__screenshots a{color:#aaaab3;background:#202024;border:1px solid #303036;border-radius:9px;gap:6px;padding:8px;text-decoration:none;display:grid}.canvas-annotation-thread__screenshots a:hover,.canvas-annotation-thread__screenshots a:focus-visible{border-color:#7659ff85;outline:none}.canvas-annotation-thread__screenshots img{object-fit:contain;background:#09090a;border-radius:6px;width:100%;max-height:150px}.canvas-annotation-thread__screenshots span{font:9px/1.4 var(--font-poly-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-annotation-thread__messages article{background:#202024;border:1px solid #303036;border-radius:10px;padding:11px}.canvas-annotation-thread__messages article.is-agent{background:#7659ff1c;border-color:#7659ff59}.canvas-annotation-thread__messages article.is-work-working{background:#b7ef180f;border-color:#b7ef1861}.canvas-annotation-thread__messages article.is-work-queued{border-color:#45454c}.canvas-annotation-thread__messages article.is-work-done{background:#202024b8}.canvas-annotation-message__meta,.canvas-annotation-message__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-annotation-thread__messages .canvas-annotation-message__status{color:#aaaab3;align-items:center;gap:5px;font-weight:650;display:inline-flex}.canvas-annotation-thread__messages .canvas-annotation-message__status.is-working{color:#c9f45c}.canvas-annotation-thread__messages .canvas-annotation-message__status.is-blocked{color:#ffb36b}.canvas-annotation-thread__messages .canvas-annotation-message__status.is-done{color:#7fcf9d}.canvas-annotation-message__spinner{border:1.5px solid #b7ef183d;border-top-color:#b7ef18;border-radius:50%;width:8px;height:8px;animation:.9s linear infinite canvas-agent-spin}.canvas-annotation-thread__messages .canvas-annotation-message__footer button{color:#cfcfd7;background:0 0;border:0;border-radius:6px;min-height:24px;padding:0 7px;font-size:9px}.canvas-annotation-thread__messages .canvas-annotation-message__footer button:hover:not(:disabled),.canvas-annotation-thread__messages .canvas-annotation-message__footer button:focus-visible{color:#ededf0;background:#303036;outline:none}.canvas-annotation-thread__messages span,.canvas-annotation-thread__messages time{color:#92929a;font-size:9px}.canvas-annotation-thread__messages article.is-agent span{color:#baaaff}.canvas-annotation-thread__messages p{color:#ededf0;white-space:pre-wrap;margin:6px 0;font-size:12px;line-height:1.45}.canvas-annotation-thread>form{border-top:1px solid #34343a;padding:12px 0;display:block}.canvas-annotation-thread .canvas-annotation-input-shell{background:#111113;border:1px solid #3a3a40;border-radius:12px}.canvas-annotation-thread textarea{color:#ededf0;min-height:40px;padding:8px 10px 4px;font-size:11px}.canvas-annotation-thread .canvas-voice-input{--voice-row-button-color:#d7d7dc;--voice-row-button-bg:#2b2b30;--voice-row-button-bg-hover:#38383e;--voice-row-wave:#b9b9c0}.canvas-annotation-thread .canvas-voice-input__error{color:#ffd7dc;background:#391b20;border-color:#6f343e}.canvas-annotation-thread>footer{border-top:1px solid #34343a;padding-top:10px}.canvas-annotation-thread .canvas-annotation-thread__delete{color:#ff9696;background:0 0}.canvas-annotation-error{pointer-events:auto;color:#ffd3d3;background:#6b2529;border:1px solid #9d3a40;border-radius:8px;max-width:360px;padding:9px 12px;font-size:10px;position:absolute;bottom:66px;right:16px}.frame-export-panel{z-index:15;width:292px;color:var(--editor-text);border:1px solid var(--editor-border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171719f5;border-radius:12px;padding:14px;position:absolute;top:68px;right:16px;box-shadow:0 18px 46px #0000006b}.frame-export-panel>header{border-bottom:1px solid var(--editor-border);justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:12px;display:flex}.frame-export-panel>header>div{gap:4px;min-width:0;display:grid}.frame-export-panel>header span{color:var(--editor-muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:600}.frame-export-panel>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.frame-export-panel>header output{color:var(--editor-muted);font-family:var(--font-poly-mono);flex:none;font-size:9px}.frame-export-panel__link-button{width:100%;min-height:32px;color:var(--editor-text);background:var(--editor-panel-raised);border:1px solid var(--editor-border-strong);border-radius:7px;margin-top:10px;font-size:10px;font-weight:600}.frame-export-panel__link-button:hover{border-color:var(--editor-selection)}.frame-export-panel__section-heading{padding:13px 0 9px}.frame-export-panel__section-heading strong{font-size:13px;font-weight:600}.frame-export-panel__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.frame-export-panel__button{color:#fff;background:var(--editor-selection);text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:8px;width:100%;min-height:36px;margin-top:10px;padding:8px 12px;font-size:11px;font-weight:600;overflow:hidden}.frame-export-panel__button:hover:not(:disabled){background:#8f73ff}.frame-export-panel__button:disabled{cursor:wait;opacity:.62}.frame-export-panel>p{color:var(--editor-muted);margin:8px 2px 0;font-size:9px}.frame-export-panel>p:empty{margin:0}.layer-details-panel{z-index:15;width:306px;max-height:calc(100% - 86px);color:var(--editor-text);border:1px solid var(--editor-border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-color:var(--editor-border-strong) transparent;scrollbar-width:thin;background:#171719f5;border-radius:12px;position:absolute;top:68px;right:16px;overflow-y:auto;box-shadow:0 18px 46px #0000006b}.layer-details-panel>header{border-bottom:1px solid var(--editor-border);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.layer-details-panel__header-actions{flex:none;align-items:center;gap:2px;display:flex}.layer-details-panel>header>div:first-child{gap:3px;min-width:0;display:grid}.layer-details-panel>header span,.layer-details-panel>footer span{color:var(--editor-muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:650}.layer-details-panel>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.layer-details-panel>header small{color:var(--editor-faint);font-size:10px}.layer-details-panel>header button{width:26px;height:26px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;flex:none;padding:0;font-size:19px;font-weight:300}.layer-details-panel>header button svg{fill:currentColor;width:16px;height:16px}.layer-details-panel>header button:hover{color:#fff;background:var(--editor-panel-raised)}.layer-details-panel>section{border-bottom:1px solid var(--editor-border);padding:12px 14px}.layer-details-panel h2{color:#d8d8dc;letter-spacing:0;margin:0 0 9px;font-size:11px;font-weight:600}.canvas-properties-panel .frame-export-panel,.canvas-properties-panel .layer-details-panel{width:auto;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;position:static;overflow:visible}.canvas-properties-panel .frame-export-panel{padding:14px}.canvas-properties-panel .layer-details-panel>header{padding-top:13px}[data-canvas-fill-override=background]{background-color:var(--canvas-layer-fill-override)!important}[data-canvas-fill-override=text]{color:var(--canvas-layer-fill-override)!important}[data-canvas-fill-override=vector]:not([data-scene-node-id],[fill=none]),[data-canvas-fill-override=vector]:not([data-scene-node-id]) :not([fill=none]),[data-scene-node-id][data-canvas-fill-override=vector]>[data-layer-paints]:not([fill=none]),[data-scene-node-id][data-canvas-fill-override=vector]>[data-layer-paints] :not([fill=none]){fill:var(--canvas-layer-fill-override)!important}[data-scene-node-id][data-layer-type=TEXT][data-canvas-fill-override=vector]>[data-layer-paints] foreignObject,[data-scene-node-id][data-layer-type=TEXT][data-canvas-fill-override=vector]>[data-layer-paints] foreignObject *{color:var(--canvas-layer-fill-override)!important}.layer-fill-editor{margin-bottom:0;position:relative}.layer-fill-editor__row,.layer-fill-editor--empty{grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.layer-fill-editor--empty small{color:var(--editor-muted);font-size:10px}.layer-fill-editor__value{min-width:0;min-height:34px;color:var(--editor-text);background:var(--editor-panel-raised);border:1px solid var(--editor-border);text-align:left;border-radius:7px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:2px 7px;padding:5px 7px;display:grid}.layer-fill-editor__value:hover,.layer-fill-editor__value[aria-expanded=true]{background:color-mix(in srgb, var(--editor-selection) 11%, var(--editor-panel-raised));border-color:color-mix(in srgb, var(--editor-selection) 45%, transparent)}.layer-fill-editor__value i,.layer-fill-picker__hex-field i{background-image:linear-gradient(45deg,#444 25%,#0000 25%),linear-gradient(-45deg,#444 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#444 75%),linear-gradient(-45deg,#0000 75%,#444 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #ffffff2e;border-radius:5px;grid-row:1/span 2;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0000002e}.layer-fill-editor__value strong{font-family:var(--font-poly-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;overflow:hidden}.layer-fill-editor__value small{color:var(--editor-faint);font-size:9px}.layer-fill-picker{background:#1d1d20;border:1px solid #414147;border-radius:10px;margin-top:9px;display:grid;overflow:hidden;box-shadow:0 16px 36px #0000007a}.layer-fill-picker>header{border-bottom:1px solid var(--editor-border);justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.layer-fill-picker>header>div{gap:4px;display:flex}.layer-fill-picker>header button{min-height:28px;color:var(--editor-muted);background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:9px}.layer-fill-picker>header button[aria-selected=true]{color:#fff;background:#ffffff14}.layer-fill-picker>header>button:last-child{width:28px;padding:0;font-size:18px;font-weight:300}.layer-fill-picker__custom{gap:10px;padding:12px;display:grid}.layer-fill-picker__libraries{gap:10px;padding:12px 8px 8px;display:grid}.layer-fill-picker__libraries>.canvas-field{padding:0 4px}.layer-fill-picker__library-list{scrollbar-color:var(--editor-border-strong) transparent;scrollbar-width:thin;gap:12px;max-height:250px;padding:2px 4px 8px;display:grid;overflow-y:auto}.layer-fill-picker__library-list section{gap:7px;display:grid}.layer-fill-picker__library-list h3{color:#c9c9ce;margin:0;font-size:9px;font-weight:600}.layer-fill-picker__library-list section>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.layer-fill-picker__library-list button{min-width:0;color:var(--editor-muted);background:0 0;border:1px solid #0000;border-radius:6px;gap:4px;padding:3px;display:grid}.layer-fill-picker__library-list button:hover,.layer-fill-picker__library-list button.is-selected{color:#fff;background:#ffffff0f;border-color:#7c5cff70}.layer-fill-picker__library-list i{aspect-ratio:1;border:1px solid #ffffff24;border-radius:5px;width:100%;box-shadow:inset 0 0 0 1px #00000029}.layer-fill-picker__library-list span{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.layer-fill-picker>footer{border-top:1px solid var(--editor-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.layer-fill-picker>footer span{color:var(--editor-faint);font-size:7px}.layer-fill-picker>footer button{color:var(--editor-muted);background:0 0;border:0;border-radius:5px;flex:none;padding:4px 6px;font-size:8px}.layer-fill-picker>footer button:hover{color:var(--editor-text);background:var(--editor-panel-raised)}.layer-details-list{gap:7px;margin:0;display:grid}.layer-details-list>div{grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.layer-details-list dt{color:var(--editor-faint);font-size:10px}.layer-details-list dd{color:#bdbdc3;min-width:0;font-family:var(--font-editor);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.layer-color-value{justify-content:flex-end;align-items:center;gap:6px;max-width:100%;display:inline-flex}.layer-color-value>i{background-color:#eee;background-image:linear-gradient(45deg,#777 25%,#0000 25%),linear-gradient(-45deg,#777 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#777 75%),linear-gradient(-45deg,#0000 75%,#777 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;border:1px solid #ffffff2e;border-radius:3px;flex:none;width:13px;height:13px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e}.layer-color-value>i>span{width:100%;height:100%;display:block}.layer-color-value>span{text-overflow:ellipsis;overflow:hidden}.layer-geometry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.layer-geometry-grid--position{margin-bottom:8px}.layer-property-grid{gap:8px;display:grid}.layer-property-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-property-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.layer-layout-editor,.layer-appearance-editor,.layer-component-editor,.layer-frame-editor,.layer-style-token-editor,.layer-typography-editor{gap:9px;display:grid}.layer-layout-editor__wrap,.layer-frame-editor__toggles label{color:var(--editor-muted);align-items:center;gap:7px;font-size:10px;display:flex}.layer-frame-editor__toggles{justify-content:space-between;gap:10px;display:flex}.layer-color-input{color:var(--editor-faint);font-size:10px;display:grid}.layer-color-input>button{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:72px 26px minmax(0,1fr);align-items:center;gap:7px;padding:0;display:grid}.layer-color-input>button i{border:1px solid var(--editor-border);border-radius:6px;width:26px;height:26px}.layer-color-input strong{color:var(--editor-muted);font-family:var(--font-editor);font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.layer-style-token-editor>button,.layer-component-editor>button,.layer-component-editor>div+button{min-height:30px;color:var(--editor-text);background:var(--editor-panel-raised);border:1px solid var(--editor-border);border-radius:6px;font-size:10px}.layer-component-editor>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.layer-component-editor>div span{color:var(--editor-faint);font-size:10px}.layer-component-editor>div strong{color:var(--editor-text);font-size:10px}.layer-segmented-control--three{grid-template-columns:repeat(3,1fr)}.layer-segmented-control--two{grid-template-columns:repeat(2,1fr)}.layer-segmented-control{border:1px solid var(--editor-border);background:#111113;border-radius:7px;grid-template-columns:1fr 1fr auto;gap:3px;padding:3px;display:grid}.layer-segmented-control button{min-height:28px;color:var(--editor-muted);background:0 0;border:0;border-radius:5px;padding:0 8px;font-size:9px}.layer-segmented-control button[aria-pressed=true]{color:#fff;background:var(--editor-selection-soft)}.layer-segmented-control button:hover{color:#fff;background:#ffffff12}.layer-segmented-control__reset{border-left:1px solid var(--editor-border)!important;border-radius:0 5px 5px 0!important}.layer-variant-editor,.layer-content-editor{gap:10px;display:grid}.layer-variant-editor .canvas-field>div{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.layer-variant-editor button,.layer-content-editor button{min-height:28px;color:var(--editor-muted);border:1px solid var(--editor-border);background:0 0;border-radius:6px;padding:0 9px;font-size:10px}.layer-variant-editor button:hover,.layer-content-editor button:hover{color:#fff;border-color:#7c5cff7a}.layer-content-editor img{object-fit:contain;border:1px solid var(--editor-border);background:#111113;border-radius:7px;width:100%;max-height:120px}.layer-content-editor input[type=file]{min-width:0;color:var(--editor-muted);font-size:9px}.layer-geometry-grid>div{background:var(--editor-panel-raised);border:1px solid var(--editor-border);border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-height:28px;padding:0 8px;display:flex}.layer-geometry-grid span{color:var(--editor-faint);font-size:10px}.layer-geometry-grid strong{font-family:var(--font-editor);font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.layer-details-panel__text{color:#bdbdc3;margin:0;font-size:9px;line-height:14px}.layer-details-panel>footer{gap:5px;padding:12px 14px 14px;display:grid}.layer-details-panel>footer code{color:#aaaab1;font-family:var(--font-poly-mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.layer-details-panel.is-locked>section{pointer-events:none;opacity:.48}.layer-tree-row.is-hidden .layer-tree-row__select{opacity:.52}.layer-tree-row__state{color:var(--editor-faint);margin-left:auto;font-size:8px}.layer-selection-panel__arrange{border-bottom:1px solid var(--editor-border);gap:10px;padding:14px 12px 16px;display:grid}.layer-selection-panel__arrange h2{color:#d8d8dc;letter-spacing:0;margin:0;font-size:10px;font-weight:650}.layer-selection-panel__position-row{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;display:grid;position:relative}.layer-selection-panel__align-grid{background:var(--editor-panel-raised);border:1px solid var(--editor-border);border-radius:6px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.layer-selection-panel__align-grid button{color:#d8d8dc;border:0;border-right:1px solid var(--editor-border);background:0 0;place-items:center;min-height:32px;padding:0;display:grid}.layer-selection-panel__align-grid button:last-child{border-right:0}.layer-selection-panel__align-grid button:hover:not(:disabled),.layer-selection-panel__more>button:hover{color:#fff;background:#ffffff14}.layer-selection-panel__align-grid button:disabled{cursor:default;opacity:.3}.layer-selection-panel__align-grid svg,.layer-selection-panel__more svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px}.layer-selection-panel__more{position:relative}.layer-selection-panel__more>button{color:#d8d8dc;background:var(--editor-panel-raised);border:1px solid var(--editor-border);cursor:pointer;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid}.layer-selection-panel__more[data-open=true]>button{color:#fff;border-color:var(--editor-border-strong);background:#ffffff17}.layer-selection-panel__more>div{z-index:45;width:218px;color:var(--editor-text);background:#2c2c30;border:1px solid #ffffff21;border-radius:8px;gap:2px;padding:6px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 14px 36px #0000007a}.layer-selection-panel__more>div button{color:#e1e1e4;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:32px;padding:0 8px;font-size:10px;display:grid}.layer-selection-panel__more>div button:hover:not(:disabled){color:#fff;background:#ffffff14}.layer-selection-panel__more>div button:disabled{cursor:default;opacity:.32}.layer-context-menu{z-index:90;color:#ededf0;background:#2c2c30;border:1px solid #ffffff21;border-radius:8px;gap:1px;width:224px;max-height:calc(100vh - 16px);padding:6px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 18px 46px #0000007a,0 2px 8px #00000052}.layer-context-menu button{min-height:31px;color:inherit;text-align:left;background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:11px}.layer-context-menu button:hover:not(:disabled),.layer-context-menu button:focus-visible:not(:disabled){color:#fff;background:#0d99ff;outline:none}.layer-context-menu button.is-destructive:hover:not(:disabled),.layer-context-menu button.is-destructive:focus-visible:not(:disabled){background:#dc4b4b}.layer-context-menu button:disabled{cursor:default;opacity:.32}.layer-context-menu__separator{background:#ffffff1c;height:1px;margin:4px 6px}.layer-selection-overlay{z-index:14;pointer-events:none;background:color-mix(in srgb, var(--editor-selection) 8%, transparent);border:1.5px solid var(--editor-selection);box-shadow:0 0 0 1px #ffffff29, 0 0 16px color-mix(in srgb, var(--editor-selection) 28%, transparent);position:fixed}.layer-marquee{z-index:14;pointer-events:none;background:color-mix(in srgb, var(--editor-selection) 10%, transparent);border:1px solid color-mix(in srgb, var(--editor-selection) 90%, white);position:fixed}.layer-frame-outlines{z-index:12;pointer-events:none;position:fixed;inset:0}.layer-frame-outlines>div{border:1px dashed color-mix(in srgb, var(--editor-selection) 46%, transparent);position:fixed}.layer-frame-outlines>div.is-selected{border-color:#0000}.layer-frame-outlines span{color:color-mix(in srgb, var(--editor-selection) 82%, white);white-space:nowrap;font-size:8px;font-weight:650;position:absolute;bottom:calc(100% + 3px);left:-1px}.layer-selection-overlay>span{color:#fff;background:var(--editor-selection);font-family:var(--font-poly-mono);white-space:nowrap;border-radius:4px;padding:3px 5px;font-size:8px;line-height:1;position:absolute;bottom:calc(100% + 4px);left:-1px}.layer-selection-overlay__handle{pointer-events:auto;border:1.5px solid var(--editor-selection);background:#fff;border-radius:2px;width:9px;height:9px;padding:0;position:absolute;box-shadow:0 1px 4px #00000059}.layer-selection-overlay__handle.is-n,.layer-selection-overlay__handle.is-s{cursor:ns-resize;left:50%;transform:translate(-50%)}.layer-selection-overlay__handle.is-e,.layer-selection-overlay__handle.is-w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.layer-selection-overlay__handle.is-n,.layer-selection-overlay__handle.is-ne,.layer-selection-overlay__handle.is-nw{top:-5px}.layer-selection-overlay__handle.is-s,.layer-selection-overlay__handle.is-se,.layer-selection-overlay__handle.is-sw{bottom:-5px}.layer-selection-overlay__handle.is-e,.layer-selection-overlay__handle.is-ne,.layer-selection-overlay__handle.is-se{right:-5px}.layer-selection-overlay__handle.is-w,.layer-selection-overlay__handle.is-nw,.layer-selection-overlay__handle.is-sw{left:-5px}.layer-selection-overlay__handle.is-ne,.layer-selection-overlay__handle.is-sw{cursor:nesw-resize}.layer-selection-overlay__handle.is-nw,.layer-selection-overlay__handle.is-se{cursor:nwse-resize}.layer-snap-guides{z-index:13;pointer-events:none;position:fixed}.layer-snap-guide{background:#ff4fd8;display:block;position:fixed;box-shadow:0 0 0 .5px #ffffff73}.layer-snap-guide--vertical{width:1px}.layer-snap-guide--horizontal{height:1px}.save-state{color:var(--editor-muted);white-space:nowrap;align-items:center;gap:6px;padding:0 6px;font-size:9px;display:flex}.save-state span{background:#7f7f86;border-radius:999px;width:6px;height:6px}.save-state--saving span{background:#f5c34b;animation:.7s ease-in-out infinite alternate save-pulse}.save-state--saved span{background:#80e562}.save-state--error span{background:#ff5c58}@keyframes save-pulse{to{opacity:.35}}@media (width<=920px){.canvas-shortcuts-panel__groups{grid-template-columns:repeat(2,minmax(190px,1fr))}}.page-sidebar-resize-handle--right{left:calc(100% - var(--editor-properties-panel-width));transition:left var(--editor-panel-motion-duration) var(--editor-panel-motion-easing), visibility 0s;z-index:40;pointer-events:auto;right:auto}.page-sidebar-resize-handle--right[hidden]{visibility:hidden;pointer-events:none;transition-delay:0s, var(--editor-panel-motion-duration);display:block;left:100%}.page-sidebar-resize-handle--right:after{left:0;right:auto}body:is(.is-resizing-page-sidebar,.is-updating-page-sidebar-width) :is(.canvas-workspace__flow,.canvas-properties-panel,.page-sidebar-resize-handle--right,.canvas-workspace.has-comments-panel .canvas-annotation-list,.canvas-workspace.has-comments-panel .canvas-annotation-thread,.canvas-creation-toolbar,.canvas-annotation-overlay){transition:none}@media (prefers-reduced-motion:reduce){:is(.page-sidebar,.canvas-properties-panel,.page-sidebar-resize-handle--right,.canvas-workspace__flow,.canvas-annotation-overlay,.canvas-workspace.has-comments-panel .canvas-annotation-list,.canvas-workspace.has-comments-panel .canvas-annotation-thread){transition-duration:.01ms;transition-delay:0s}}.canvas-surface-notice{z-index:40;max-width:calc(100% - 32px);color:var(--editor-text);background:var(--editor-panel-raised,var(--editor-panel));border:1px solid var(--editor-border-strong,var(--editor-border));font-family:var(--font-editor);pointer-events:none;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.canvas-prototype-error{z-index:50;color:var(--editor-text);background:var(--editor-panel);border:1px solid var(--editor-border);font-family:var(--font-editor);pointer-events:auto;border-radius:12px;justify-items:center;gap:14px;padding:22px 24px;font-size:13px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.canvas-prototype-error p{margin:0}.canvas-prototype-error button{height:32px;color:var(--editor-text);background:var(--editor-panel-raised);border:1px solid var(--editor-border-strong);cursor:pointer;border-radius:8px;padding:0 12px;font-size:12px;font-weight:560}.canvas-prototype-error button:hover{background:var(--editor-border)}.canvas-dialog-pointer-shield{z-index:1;pointer-events:auto;position:fixed;inset:0}.page-sidebar__brand--compact{justify-content:space-between;height:44px}.page-sidebar__brand--compact .page-sidebar__brand-mark{width:24px;height:24px;padding:3px}.color-picker{gap:10px;min-width:0;padding:10px;display:grid}.color-picker__area .react-colorful{width:100%;height:168px}.color-picker__area .react-colorful__saturation{border-radius:8px 8px 0 0}.color-picker__area .react-colorful__last-control{border-radius:0 0 8px 8px}.color-picker__area .react-colorful__pointer{width:16px;height:16px}.color-picker__row{flex-wrap:wrap;align-items:center;gap:4px 3px;display:flex}.color-picker__value,.color-picker__alpha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,DejaVu Sans Mono,monospace}.color-picker__row .color-picker__format{flex:none;width:auto}.color-picker__row .color-picker__value{flex:calc(7ch + 24px);width:0;min-width:calc(7ch + 24px)}.color-picker__eyedropper{width:22px;height:28px;color:var(--editor-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.color-picker__eyedropper:hover{color:var(--editor-text);background:var(--editor-panel-raised)}.color-picker__eyedropper svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:16px;height:16px}.color-picker__swatches{grid-template-columns:repeat(auto-fill,22px);gap:6px;display:grid}.color-picker__swatches button{border:1px solid var(--editor-border);cursor:pointer;background:0 0;border-radius:6px;width:22px;height:22px;padding:0}.color-picker__swatches button.is-selected{outline:2px solid var(--editor-selection);outline-offset:1px}.color-picker__swatches i{border-radius:5px;width:100%;height:100%;display:block}.color-picker__row .color-picker__alpha{flex:none;width:calc(4ch + 24px)}.color-picker__alpha .canvas-input__control{text-align:right}.color-picker__area .react-colorful__alpha{border-radius:0 0 8px 8px}.color-picker__area .react-colorful__hue{border-radius:0}.no-pages-state{height:100%;color:var(--editor-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.no-pages-state h2,.no-pages-state p{margin:0}.no-pages-state h2{color:#ededf0;font-size:15px;font-weight:600}.no-pages-state p{font-size:12px}.no-pages-state button{color:#ededf0;background:#202024;border:1px solid #ffffff24;border-radius:7px;min-height:32px;margin-top:8px;padding:0 14px;font-size:12px}.no-pages-state button:hover{background:#2a2a2f}@media (width<=600px) and (prefers-color-scheme:light){.page-sidebar{box-shadow:none}.page-tree-item,.layer-tree-row,.layer-explorer__header strong,.layer-explorer__empty strong,.page-tree-item.is-active,.page-tree-item__collapse:not(:disabled):hover,.page-tree-item__menu:hover,.page-tree-item__menu:focus-visible,.layer-tree-row:hover,.layer-tree-row.is-selected,.layer-explorer__header>button:hover,.page-emoji-picker__header button:hover{color:var(--editor-text)}.page-tree-item__collapse:not(:disabled):hover,.page-tree-item__emoji:hover,.page-tree-item__menu:hover,.page-tree-item__menu:focus-visible,.page-actions-menu>button:hover:not(:disabled),.page-actions-menu__move-list button:hover:not(:disabled),.page-actions-menu__confirm button:hover,.page-emoji-picker__header button:hover,.page-emoji-picker__grid button:hover,.page-emoji-picker__grid button.is-selected{background:#0000000f}.page-actions-menu,.page-emoji-picker{color:var(--editor-text);background:var(--editor-panel);border-color:var(--editor-border);box-shadow:0 16px 40px #00000029}.page-emoji-picker__search-row>button{color:var(--editor-text);background:var(--editor-panel-raised);border-color:var(--editor-border-strong)}.page-emoji-picker__grid button:hover{border-color:var(--editor-border)}.page-emoji-picker__section-label,.page-emoji-picker__grid p,.page-emoji-picker footer,.page-emoji-picker__header button,.page-actions-menu__shortcut,.page-actions-menu__confirm p span{color:var(--editor-muted)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#efeff2;background:#202024;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (width<=600px) and (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#19191c;background:#f2f2f4}}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.canvas-host{width:100%;height:100dvh;position:relative;overflow:hidden}.canvas-host iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-host__chrome{pointer-events:none;position:absolute;inset:0}.canvas-host__chrome .canvas-workspace{background:0 0}.canvas-host__chrome>:not(.design-app__main),.canvas-host__chrome .design-app__main>:not(.canvas-workspace__flow):not(.canvas-annotation-overlay){pointer-events:auto}.canvas-host__opening{z-index:90;position:absolute;inset:0}.canvas-host__connect{width:min(400px,100% - 40px);margin:15vh auto}.canvas-host__connect form{gap:12px;display:grid}.canvas-host__connect button,.canvas-host__connection button{color:inherit;background:#252529;border:1px solid #3a3a40;border-radius:6px;padding:8px 12px}.canvas-host__connection{z-index:100;color:#efeff2;background:#212124;border:1px solid #44444b;border-radius:8px;width:max-content;max-width:min(420px,100% - 24px);padding:10px 14px;font-size:12px;line-height:1.4;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.canvas-host__connection p{margin:0 0 10px}p.canvas-host__connection,.canvas-host__connection p:last-child{margin:0}.canvas-host__connection button+button{margin-left:8px}.projects-profile-plan{align-items:baseline;gap:8px;display:inline-flex}.projects-profile-menu .projects-profile-upgrade{width:auto;color:var(--projects-blue);margin:-2px -4px;padding:2px 4px;font-size:12px;font-weight:500;display:inline}.projects-profile-menu .projects-profile-upgrade:hover,.projects-profile-menu .projects-profile-upgrade:focus-visible{background:var(--projects-selected)}.projects-profile-menu button.projects-profile-stat{padding:7px 10px;display:flex}.projects-profile-menu button.projects-profile-stat:active{background:var(--projects-selected)}.projects-profile-chevron{color:var(--projects-muted)}@media (pointer:coarse){.projects-profile-menu .projects-profile-upgrade{min-height:0}}.projects-dialog--connect{width:460px}.projects-dialog--connect h2{margin:0 32px 16px 0;font-size:18px;font-weight:600}.projects-dialog--connect>p{margin:0}.projects-connect-body{margin-top:16px}.projects-dialog--connect .projects-connect-body>p{margin:0 0 12px}.projects-connect-prompt{background:var(--projects-panel);border:1px solid var(--projects-line);border-radius:4px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;display:flex}.projects-dialog--connect .projects-connect-prompt p{color:var(--projects-text);margin:0;font-size:13px}.projects-dialog--connect .projects-connect-steps{color:var(--projects-muted);margin:0 0 14px;padding-left:18px;font-size:12px}.projects-connect-steps li{margin:6px 0;padding-left:4px}.projects-connect-row{align-items:stretch;gap:8px;display:flex}.projects-connect-row .projects-connect-link{flex:1}.projects-dialog--connect .projects-connect-note{margin:10px 0 0}.page-sidebar__brand--host{height:var(--app-header-height);gap:2px;padding:0 46px 0 8px}.editor-header{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.editor-header__project{min-width:0;height:32px;color:var(--editor-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 auto;align-items:center;gap:6px;padding:0 6px;display:flex}.editor-header__project:hover,.editor-header__project[aria-expanded=true]{background:var(--editor-panel-raised)}.editor-header__project:focus-visible{outline:2px solid var(--editor-selection,#389cff);outline-offset:-2px}.editor-header__project img{width:22px;height:22px}.editor-header__name{min-width:0;font:var(--app-header-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-header__chevron{fill:none;width:14px;height:14px;stroke:var(--editor-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none}.page-sidebar__collapsed-header{z-index:21;border:1px solid var(--editor-border-strong,#3a3a3f);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#242427f5;border-radius:8px;align-items:center;height:36px;padding:0 2px;display:flex;position:fixed;top:8px;left:8px;box-shadow:0 2px 8px #00000047}.popover-menu{min-width:190px;max-width:calc(100vw - 16px);color:var(--editor-text);background:var(--editor-panel-raised,#212124);border:1px solid var(--editor-border,#303034);border-radius:8px;margin:0;padding:5px;font-size:12px;position:fixed;inset:auto;box-shadow:0 8px 28px #0006}.popover-menu::backdrop{background:0 0}.popover-menu button{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px;display:block}.popover-menu button:hover,.popover-menu button:focus-visible{background:color-mix(in srgb, currentcolor 10%, transparent);outline:none}.page-sidebar__account{border-top:1px solid var(--editor-border);flex:none;padding:8px}.page-sidebar__account .projects-account{margin:0;padding:0}.page-sidebar__account .projects-account-trigger{color:var(--editor-text)}.page-sidebar__account--collapsed{z-index:21;border:1px solid var(--editor-border-strong,#3a3a3f);background:#242427f5;border-radius:8px;width:44px;padding:4px;position:fixed;bottom:8px;left:8px}.page-sidebar__account--collapsed .projects-account-text{display:none}@media (width<=899px){.page-sidebar__account--collapsed{display:none}}.popover-menu button{justify-content:space-between;align-items:center;gap:16px;display:flex}.popover-menu button[data-destructive]{color:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff9b94)}.popover-menu__separator{background:var(--editor-border,#303034);height:1px;margin:4px 2px}.popover-menu__shortcut{color:var(--editor-muted);font:inherit;letter-spacing:.04em;font-size:11px}.popover-menu__detail{color:var(--editor-muted);margin-left:auto;font-size:11px}.popover-menu button[aria-current]>span:first-child:after{content:" ✓"}.canvas-login{--login-background:#000;--login-panel:#171719;--login-control:#252529;--login-border:#303034;--login-text:#f2f2f3;--login-muted:#929299;--login-accent:#a28eff;--login-error:#fca5a5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--login-background);width:100%;height:100dvh;color:var(--login-text);font-family:var(--font-editor,system-ui, sans-serif);letter-spacing:.03em;grid-template-columns:1fr 1fr;display:grid;overflow:auto}.canvas-login__brand{place-items:center;min-height:240px;padding:36px;display:grid}.canvas-login__mark{cursor:pointer;background:0 0;border:0;border-radius:36px;width:260px;max-width:100%;padding:0}.canvas-login__mark svg{width:100%;display:block;overflow:visible}.canvas-login__signature{flex-direction:column;align-items:center;display:flex}.canvas-login__motion{transform-origin:0 0;animation:1.5s cubic-bezier(.22,1,.36,1) both canvas-login-mark-enter}.canvas-login__settle{transform-origin:0 0;animation:.45s 1.6s both canvas-login-settle}.canvas-login__letter{fill:none;stroke-width:25px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:1.1s ease-in-out .1s both canvas-login-draw,.55s cubic-bezier(.16,1,.3,1) 1.05s both canvas-login-weight}.canvas-login__pen{transform-origin:0 0;animation:1.1s ease-in-out .1s both canvas-login-pen;transform:rotate(-315deg)}.canvas-login__tip{fill:#f49fc7;opacity:0;transform-origin:45px 0;animation:1.76s both canvas-login-tip;transform:rotate(45deg)}.canvas-login__wordmark{color:var(--login-text);letter-spacing:-.04em;font-size:30px;font-weight:500;line-height:1.2;animation:.7s .75s both canvas-login-content}.canvas-login__panel{border:1px solid var(--login-border);background:var(--login-panel);border-radius:24px;place-items:center;min-width:0;margin:8px 8px 8px 0;padding:56px clamp(24px,7vw,120px);display:grid}.canvas-login__content{width:100%;max-width:344px}.canvas-login__about{text-align:center;color:#b1aebc;letter-spacing:normal;margin-top:40px;font-size:12px;line-height:1.7}.canvas-login__about p+p{margin-top:12px}.canvas-login__about nav{flex-wrap:wrap;justify-content:center;gap:12px 18px;margin-top:18px;display:flex}.canvas-login__about a{color:#b9aaff;text-underline-offset:3px}.canvas-login__about a:focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}.canvas-login h1,.canvas-login p{margin:0}.canvas-login h1{letter-spacing:-.045em;font-size:28px;font-weight:500;line-height:1.2}.canvas-login__header .canvas-login__subtitle{color:var(--login-muted);letter-spacing:normal;overflow-wrap:anywhere;margin-top:10px;font-size:15px;line-height:24px}.canvas-login__form,.canvas-login__message{flex-direction:column;gap:28px;display:flex}.canvas-login__message a{color:#b9aaff;text-underline-offset:3px}.canvas-invite__emoji{background:var(--login-control);border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:-12px;font-size:30px;line-height:1;display:grid}.canvas-login__header{flex-direction:column;gap:24px;animation:.24s both canvas-login-content;display:flex}.canvas-login__controls{flex-direction:column;gap:24px;display:flex}.canvas-login__email-entry{flex-direction:column;gap:12px;display:flex}.canvas-login__button{border:1px solid var(--login-border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 20px;font-size:14px;font-weight:500;line-height:22px;transition:background .15s;display:inline-flex}.canvas-login__google svg{flex-shrink:0;width:18px;height:18px}.canvas-login__button{background:var(--login-text);color:var(--login-panel);min-width:116px}.canvas-login__button:hover{background:#fff}.canvas-login__button--secondary{background:var(--login-control);min-width:0;color:var(--login-text)}.canvas-login__button--secondary:hover{background:#303034}.canvas-login__google{color:#e5e5e8;background:#202023;border-color:#343438;font-weight:400}.canvas-login__google:hover{background:#29292e}.canvas-login__divider{color:#8d8d96;letter-spacing:normal;align-items:center;gap:14px;font-size:12px;line-height:20px;display:flex}.canvas-login__divider:before,.canvas-login__divider:after{content:"";background:#2d2d32;flex:1;height:1px}.canvas-login__helper{text-align:center;color:#94949d;letter-spacing:normal;font-size:12px;line-height:20px}.canvas-login button:disabled{opacity:.5;cursor:not-allowed}.canvas-login :is(button,input):focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}.canvas-login__back{color:var(--login-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:14px;line-height:24px;display:inline-flex}.canvas-login__back:hover{color:var(--login-text)}.canvas-login__back svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.canvas-login__field{letter-spacing:normal;gap:8px}.canvas-login__error{color:var(--login-error);font-size:13px;line-height:1.5}.canvas-login__actions{flex-wrap:wrap;gap:8px;display:flex}.canvas-login__resend{color:var(--login-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px}.canvas-login__resend:hover{color:var(--login-text)}.canvas-login__captcha:empty{display:none}.canvas-account{z-index:100;border:1px solid var(--editor-border);background:var(--editor-panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;max-width:224px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:10px;left:12px}.canvas-account>span{text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;overflow:hidden}.canvas-account>button{color:var(--editor-text);cursor:pointer;background:0 0;border:0;flex-shrink:0}@keyframes canvas-login-mark-enter{0%{transform:rotate(-6deg)scale(.8)}to{transform:none}}@keyframes canvas-login-settle{0%,to{transform:scale(1)}30%{transform:scale(1.04,.96)}65%{transform:scale(.985,1.015)}}@keyframes canvas-login-draw{0%{stroke-dashoffset:1px;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes canvas-login-weight{0%{stroke-width:4px}to{stroke-width:25px}}@keyframes canvas-login-pen{0%{transform:rotate(-45deg)}to{transform:rotate(-315deg)}}@keyframes canvas-login-tip{0%,72%{opacity:1;transform:rotate(45deg)scale(1)}to{opacity:0;transform:rotate(90deg)scale(0)}}@keyframes canvas-login-content{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=767px){.canvas-login{grid-template-rows:minmax(220px,32dvh) 1fr;grid-template-columns:1fr}.canvas-login__brand{min-height:220px;padding:20px}.canvas-login__mark{width:144px}.canvas-login__wordmark{font-size:22px}.canvas-login h1{font-size:26px}.canvas-login__back{min-height:44px}.canvas-login__panel{margin:0 8px 8px;padding:32px 24px}}@media (prefers-reduced-motion:reduce){.canvas-login *,.canvas-login :before,.canvas-login :after{transition:none;animation:none}}