ui [data-guide]{position:absolute;top:16px;left:16px;width:48px;height:48px;border:var(--ui-border);box-sizing:border-box;border-radius:var(--ui-border-radius);background:var(--ui-background-color);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop-filter);backdrop-filter:var(--ui-backdrop-filter);display:flex;align-items:center;justify-content:center;transform:translateY(-60px);opacity:0;transition:var(--button-press-transition),transform .35s cubic-bezier(.2,.9,.3,1.1),opacity .25s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}ui [data-guide]:hover{filter:brightness(.95)}ui [data-guide]:hover svg{opacity:1}ui [data-guide]:not(.hidden){transform:translateY(0);opacity:1}ui [data-share]{position:absolute;top:16px;right:16px;height:48px;padding:0 16px;border:var(--ui-border);box-sizing:border-box;border-radius:var(--ui-border-radius);background:var(--ui-background-color);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop-filter);backdrop-filter:var(--ui-backdrop-filter);display:flex;align-items:center;justify-content:center;transform:translateY(-60px);opacity:0;transition:var(--button-press-transition),transform .35s cubic-bezier(.2,.9,.3,1.1),opacity .25s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}ui [data-share] .label{font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);letter-spacing:-.075px;pointer-events:none}ui [data-share]:hover{filter:brightness(.95)}ui [data-share]:not(.hidden){transform:translateY(0);opacity:1}:root{--toolbar-divider-color: rgba(0, 0, 0, .1);--toolbar-build-mode-toggle-gutter-color: rgba(0, 0, 0, .065);--toolbar-build-mode-toggle-gutter-hover-color: rgba(0, 0, 0, .11);--toolbar-build-mode-toggle-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, .135);--toolbar-build-mode-toggle-hover-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, .1);--toolbar-tools-gap: 8px}ui [data-toolbar]{position:absolute;top:16px;left:0;right:0;margin:0 auto;width:fit-content;height:48px;min-height:48px;border:var(--ui-border);box-sizing:border-box;border-radius:var(--ui-border-radius);background:var(--ui-background-color);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop-filter);backdrop-filter:var(--ui-backdrop-filter);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 8px;gap:4px;transform:translateY(-60px);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.1) .125s,opacity .25s ease-out .125s,width .4s cubic-bezier(.25,.8,.25,1);will-change:width,transform,opacity;cursor:default;scrollbar-width:none;-ms-overflow-style:none}ui [data-toolbar]::-webkit-scrollbar{display:none}ui [data-toolbar]:not(.hidden){transform:translateY(0);opacity:1}ui [data-toolbar] .divider{width:3px;height:16px;margin:0 6px;background-color:var(--toolbar-divider-color);border-radius:3px;pointer-events:none}ui [data-toolbar] button.primary:hover{background-color:var(--button-primary-background-color)}ui [data-toolbar] button[data-tooltip-text=Frame] svg{width:18px;min-width:18px;height:18px;min-height:18px}ui [data-toolbar] .build-mode-toggle{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;width:46px;background-color:#0001;border-radius:8px;padding:2px;cursor:default}ui [data-toolbar] .tools-viewport{position:relative;overflow:hidden;transition:width .4s cubic-bezier(.25,.8,.25,1);flex:0 0 auto;min-width:0;will-change:width;height:40px!important;transform:translateY(4px);scrollbar-width:none;-ms-overflow-style:none}ui [data-toolbar] .tools-viewport::-webkit-scrollbar{display:none}ui [data-toolbar].animating .tools-viewport{overflow:visible;clip-path:inset(-100% -10px -100% -100%)}ui [data-toolbar] .tools-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--toolbar-tools-gap);transform:translateY(0);transition:transform .24s cubic-bezier(.22,.61,.36,1)}body[data-mode=design] ui [data-toolbar] .tools-stack{transition:transform .325s cubic-bezier(.22,.61,.36,1)}ui [data-toolbar] .tools{display:flex;flex-direction:row;align-items:center;gap:4px;flex:0 0 auto;align-self:flex-start;width:auto}ui [data-toolbar] .tools.design-tools{--button-primary-background-color: var(--ui-primary-color-design);--button-primary-hover-background-color: color-mix(in srgb, var(--ui-primary-color-design) 92%, black)}ui [data-toolbar] .tools.build-tools{--button-primary-background-color: var(--ui-primary-color-build);--button-primary-hover-background-color: color-mix(in srgb, var(--ui-primary-color-build) 92%, black)}ui [data-toolbar].animating{pointer-events:none;overflow:hidden}ui [data-toolbar].animating .build-mode-toggle{pointer-events:auto}ui [data-toolbar] .build-mode-toggle.switching{transition:background-color .185s cubic-bezier(.3,.2,.2,1)}ui [data-toolbar] .build-mode-toggle .toggle{width:26px;height:24px;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--toolbar-build-mode-toggle-shadow);transform:translate(0);transition:transform .185s cubic-bezier(.3,.2,.2,1)}ui [data-toolbar] .build-mode-toggle:not(.no-hover):hover{background-color:var(--toolbar-build-mode-toggle-gutter-hover-color)}ui [data-toolbar] .build-mode-toggle:not(.no-hover):hover .toggle{box-shadow:var(--toolbar-build-mode-toggle-hover-shadow)}body[data-mode=build] ui [data-toolbar] .build-mode-toggle{background-color:var(--ui-primary-color)}body[data-mode=build] ui [data-toolbar] .build-mode-toggle:not(.no-hover):hover{background-color:color-mix(in srgb,var(--ui-primary-color) 92%,black)}body[data-mode=build] ui [data-toolbar] .build-mode-toggle .toggle{transform:translate(16px)}ui [data-toolbar] .build-mode-toggle .toggle svg{width:16px;min-width:16px;height:16px;min-height:16px}ui [data-toolbar] .build-mode-toggle .toggle.pressed,ui [data-toolbar] .build-mode-toggle .toggle:active{transform:translate(0) scale(var(--button-press-scale))}body[data-mode=build] ui [data-toolbar] .build-mode-toggle .toggle.pressed,body[data-mode=build] ui [data-toolbar] .build-mode-toggle .toggle:active{transform:translate(16px) scale(var(--button-press-scale))}:root{--sidebar-width: 240px;--sidebar-width-min: 240px;--sidebar-width-max: 33vw;--sidebar-resize-handle-width: 10px}ui [data-sidebar]{position:absolute;top:80px;right:16px;width:var(--sidebar-width);min-width:var(--sidebar-width-min);max-width:var(--sidebar-width-max);min-height:calc(100vh - 96px);max-height:calc(100vh - 96px);border:var(--ui-border);box-sizing:border-box;border-radius:var(--ui-border-radius);background:var(--ui-background-color);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop-filter);backdrop-filter:var(--ui-backdrop-filter);display:flex;flex-direction:column;overflow:hidden;letter-spacing:-.115px;font-family:var(--ui-font-family)}[data-sidebar].hidden{display:none}[data-mode=build] [data-sidebar].hidden{display:block}[data-sidebar].hidden~.sidebar-resize-handle{display:none}player.active~ui .sidebar-resize-handle{display:none}ui [data-sidebar] .header{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:48px;min-height:48px;padding:0 8px;border-bottom:var(--ui-border);flex-shrink:0}ui [data-sidebar] .header .left{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:8px}ui [data-sidebar] .header .title,ui [data-sidebar] .header .name{font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);letter-spacing:-.075px!important;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}ui [data-sidebar] .header .right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px}ui .sidebar-resize-handle{position:absolute;top:80px;bottom:16px;right:calc(16px + var(--sidebar-width) - (var(--sidebar-resize-handle-width) / 2));width:var(--sidebar-resize-handle-width);cursor:ew-resize;z-index:21;pointer-events:auto;touch-action:none}ui [data-sidebar].resizing{transition:none}ui [data-sidebar] .content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}ui [data-sidebar] [data-sidebar-content]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}ui [data-sidebar] .inspector-panel{display:flex;flex-direction:column;flex:1;min-height:0}ui [data-sidebar] .inspector-panel .content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0}ui [data-sidebar] .inspector-panel .section{width:100%;padding:16px}ui [data-sidebar] .inspector-panel .section.collapsible{padding:8px 16px 16px}ui [data-sidebar] .inspector-panel .section.collapsible.collapsed{padding:8px 16px}ui [data-sidebar] .inspector-panel .section:not(:last-child){border-bottom:var(--ui-border)}ui [data-sidebar] .inspector-panel .section .section-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-right:-8px}ui [data-sidebar] .inspector-panel .section.collapsible:not(.collapsed) .section-header{padding-bottom:8px}ui [data-sidebar] .inspector-panel .section .section-header:not(:has(button)){padding-bottom:16px}ui [data-sidebar] .inspector-panel .section .add-remove-button{width:32px;padding:0;display:flex;align-items:center;justify-content:center}ui [data-sidebar] .inspector-panel .section.collapsible.collapsed .add-remove-button .plus-icon{display:block}ui [data-sidebar] .inspector-panel .section.collapsible.collapsed .add-remove-button .minus-icon{display:none}ui [data-sidebar] .inspector-panel .section.collapsible:not(.collapsed) .add-remove-button .plus-icon{display:none}ui [data-sidebar] .inspector-panel .section.collapsible:not(.collapsed) .add-remove-button .minus-icon{display:block}ui [data-sidebar] .inspector-panel .section.collapsible.collapsed .section-content{display:none}ui [data-sidebar] .inspector-panel .section .section-title{font-size:12.5px;font-weight:520;color:var(--ui-text-color);cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}ui [data-sidebar] .inspector-panel .spacer{height:10px}ui [data-sidebar] .inspector-panel .form{display:flex;flex-direction:column}ui [data-sidebar] .inspector-panel .field[data-bundle-no-label="1"]{padding-left:0}ui [data-sidebar] .inspector-panel .field[data-bundle-no-label="1"] .field-title{display:none}ui [data-sidebar] .inspector-panel .field[data-bundle-no-label="1"] .input-row-container{width:100%}ui [data-sidebar] .inspector-panel .field[data-bundle-grow-first="1"] .input-row-container{column-gap:6px;flex-wrap:nowrap}ui [data-sidebar] .inspector-panel .field[data-bundle-grow-first="1"] .input-row-container .input-container:first-child{flex:1 1 auto;min-width:0}ui [data-sidebar] .inspector-panel .field[data-bundle-grow-first="1"] .input-row-container .input-container:last-child{flex:0 0 65px;max-width:65px;min-width:65px}ui [data-sidebar] .inspector-panel .form .field.hidden{display:none!important;margin:0!important}ui [data-sidebar] .inspector-panel .form .field:has(+.field.hidden:last-child){margin-bottom:0}:root{--composer-border: 1px solid #e8e8e8;--composer-radius: 12px}.chat-panel{display:flex;flex-direction:column;flex:1;min-height:0}.chat-panel .content{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.chat-panel .content .messages{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scroll-behavior:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 40px 12px;margin-bottom:calc(var(--composer-radius) * -1);gap:10px;overflow-anchor:none;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;-webkit-touch-callout:default}.chat-panel .content .messages.banner-visible{padding-bottom:calc(var(--banner-height, 40px) + 12px)}.chat-panel .content .messages.empty{padding:0;-webkit-mask-image:none;mask-image:none;-webkit-mask-repeat:initial;mask-repeat:initial;-webkit-mask-size:initial;mask-size:initial;position:relative;display:block}.chat-panel .content .zero-state-overlay{position:absolute;top:0;left:16px;right:16px;bottom:calc(var(--composer-radius) + 24px + 16px);display:none;align-items:center;justify-content:center;pointer-events:none;z-index:1}.chat-panel .content.zero-state-active .zero-state-overlay{display:flex}.chat-panel .content .zero-state-overlay .zero-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;max-width:200px;margin:-45px auto 0;opacity:1;pointer-events:auto;cursor:default}.chat-panel .content .zero-state-overlay .zero-state .illustration svg{color:var(--ui-primary-color);width:24px;height:24px}.chat-panel .content .zero-state-overlay .zero-state .title{font-family:var(--ui-font-family);font-size:15.5px;font-weight:475;margin-top:-6px}.chat-panel .content .zero-state-overlay .zero-state .description{font-family:var(--ui-font-family);font-weight:var(--ui-font-weight);font-size:12.75px;line-height:1.45;color:var(--ui-text-color)}.chat-panel .content .zero-state-overlay .zero-state .features{list-style:none;padding:0;margin:1px 0 0;display:flex;flex-direction:column;gap:9px}.chat-panel .content .zero-state-overlay .zero-state .features li{display:inline-flex;align-items:center;gap:5.5px;font-family:var(--ui-font-family);font-size:12.75px;color:var(--ui-text-color);opacity:.6}.chat-panel .content .zero-state-overlay .zero-state .features li svg{width:16px;height:16px}.chat-panel .content .zero-state-overlay .zero-state .features .kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:1px solid #e5e5e5;border-radius:4px;font-size:11px;line-height:1;background:#fafafa}.chat-panel .content .messages .message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.chat-panel .content .messages .message.user{align-items:flex-end}.chat-panel .content .messages .message.assistant{align-items:flex-start}.chat-panel .content .messages .message.user+.message.assistant,.chat-panel .content .messages .message.assistant+.message.user{margin-top:6px}.chat-panel .content .messages .message .context-bubbles{display:flex;flex-direction:column;gap:6px;width:100%;align-items:flex-start}.chat-panel .content .messages .message.assistant .context-bubbles{align-self:flex-start}.chat-panel .content .messages .message.user .context-bubbles{align-self:flex-end;align-items:flex-end}.chat-panel .content .messages .message .context-bubble{display:inline-flex;align-items:center;gap:8px;padding:7px 9px 7px 7px;border-radius:10px;font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);background:#0000000f;max-width:calc(100% - 16px);box-sizing:border-box}.chat-panel .content .messages .message.user .context-bubble{background:var(--button-tertiary-background-color);justify-content:flex-end;text-align:right;margin-left:auto}.chat-panel .content .messages .message.assistant .context-bubble{background:transparent}.chat-panel .content .messages .message .context-bubble.context-attachment{text-decoration:none;cursor:default;pointer-events:none}.chat-panel .content .messages .message .context-bubble .thumb{width:24px;height:24px;border-radius:6px;overflow:hidden;background-color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.chat-panel .content .messages .message .context-bubble.context-attachment .thumb{background-color:#fff}.chat-panel .content .messages .message .context-bubble .thumb-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-panel .content .messages .message .context-bubble .thumb-visual img{width:100%;height:100%;object-fit:cover;display:block}.chat-panel .content .messages .message .context-bubble .label{flex:0 1 auto;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:left}.chat-panel .content .messages .message.user .context-bubble .label{text-align:right}.chat-panel .content .messages .message .context-bubble svg.file-icon{width:16px;height:16px;color:#781af2}.chat-panel .content .messages .message .context-bubble svg.comment-icon,.chat-panel .content .messages .message .context-bubble .thumb-visual svg.comment-icon{width:16px;height:16px;color:#781af2;display:block;flex-shrink:0}.chat-panel .content .messages .message .context-bubble .thumb-visual>svg{width:100%;height:100%}.chat-panel .content .messages .message .context-bubble.comment-only .thumb{background-color:#fff}.chat-panel .content .messages .message .context-bubble:focus-visible{outline:2px solid var(--ui-primary-color);outline-offset:1px}.chat-panel .content .messages .message .context-bubble.context-attachment{cursor:default;text-decoration:none;pointer-events:none}.chat-panel .content .messages .message .context-bubble.context-error{cursor:default;pointer-events:none}.chat-panel .content .messages .message .context-bubble.context-error .thumb{background-color:#fff}.chat-panel .content .messages .message .context-bubble svg.error-icon{width:16px;height:16px;color:var(--ui-primary-color)}.chat-panel .content .messages .message .bubble{max-width:80%;padding:8px 10px;border-radius:10px;font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);background:#0000000f;min-width:0;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;word-wrap:break-word;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;-webkit-touch-callout:default}.chat-panel .content .messages .message.user .bubble{background:var(--button-tertiary-background-color)}.chat-panel .content .messages .message.assistant .bubble{background:transparent;padding:6px 0 6px 4px;opacity:1!important;max-width:100%;white-space:normal}.chat-panel .content .messages .message.assistant .bubble strong,.chat-panel .content .messages .message.assistant .bubble b{font-weight:var(--ui-font-weight)}.chat-panel .content .messages .message.status+.message.assistant:not(.status) .bubble,.chat-panel .content .messages .message.status+.message.assistant.tool-summary .bubble{padding-top:0}.chat-panel .content .messages .message.assistant+.message.tool-summary .bubble,.chat-panel .content .messages .message.tool-summary+.message.assistant.status:not(.tool-summary) .bubble,.chat-panel .content .messages .message.assistant:not(.status)+.message.status .bubble{padding-top:0}.chat-panel .content .messages .message.assistant.streaming .bubble{opacity:1}.chat-panel .content .messages .message.status{justify-content:flex-start;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.chat-panel .content .messages .message.status .bubble{background:transparent;color:var(--ui-text-color);opacity:.42;position:relative;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;padding:6px 4px}@supports (color: color-mix(in srgb,black 50%,white 50%)){.chat-panel .content .messages .message.status .bubble{color:color-mix(in srgb,var(--ui-text-color) 42%,transparent 58%)}}@supports ((-webkit-background-clip: text) or (background-clip: text)){.chat-panel .content .messages .message.status .bubble{animation:chat-status-text-shimmer 1.5s linear infinite;animation-delay:-1s;background-image:linear-gradient(90deg,#00000061,#0006 30%,#0000009e 45%,#000000b8,#0000009e 55%,#0006 70%,#00000061);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}@supports ((-webkit-background-clip: text) or (background-clip: text)) and (color: color-mix(in srgb,black 50%,white 50%)){.chat-panel .content .messages .message.status .bubble{background-image:linear-gradient(90deg,color-mix(in srgb,var(--ui-text-color) 38%,transparent 62%),color-mix(in srgb,var(--ui-text-color) 40%,transparent 60%) 30%,color-mix(in srgb,var(--ui-text-color) 62%,black 15%) 45%,color-mix(in srgb,var(--ui-text-color) 72%,black 10%),color-mix(in srgb,var(--ui-text-color) 62%,black 15%) 55%,color-mix(in srgb,var(--ui-text-color) 40%,transparent 60%) 70%,color-mix(in srgb,var(--ui-text-color) 38%,transparent 62%))}}.chat-panel .content .messages .message.status.tool-summary .bubble{animation:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--ui-text-color)!important;-webkit-text-fill-color:var(--ui-text-color)!important;opacity:.5!important;padding:6px 4px}.chat-panel .content .messages .message.status.status-error .bubble{animation:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--ui-text-color)!important;-webkit-text-fill-color:var(--ui-text-color)!important;opacity:.5!important}.chat-panel .content .messages .message.card{justify-content:flex-start}.chat-panel .content .messages .message.card .play-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;width:calc(100% - 4px);padding:24px 16px 24px 12px;border-radius:12px;border:var(--composer-border);color:var(--ui-text-color);background-color:var(--ui-background-color);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);cursor:default;pointer-events:auto;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-left:4px;margin-top:-2px;margin-bottom:2px}.chat-panel .content .messages .message.card .play-card:hover{background-color:color-mix(in srgb,var(--ui-background-color) 96.75%,black)}.chat-panel .content .messages .message.card .play-card .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:8px;background-color:color-mix(in srgb,var(--ui-primary-color) 12%,transparent);color:var(--ui-primary-color)}.chat-panel .content .messages .message.card .play-card .icon svg{display:block}.chat-panel .content .messages .message.card .play-card .text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.chat-panel .content .messages .message.card .play-card .text .title{font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .content .messages .message.card .play-card .text .subtitle{font-family:var(--ui-font-family);font-size:11.5px;font-weight:var(--ui-font-weight);color:var(--button-tertiary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .content .composer{position:relative;z-index:2;margin:0 16px 16px;padding:14px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;flex-shrink:0;border-radius:var(--composer-radius);cursor:text}.chat-panel .content .composer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border:var(--composer-border);border-radius:var(--composer-radius);background-color:var(--ui-background-color);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);pointer-events:none}.chat-panel .content .composer:focus-within:before{border-color:#d2d2d2}.chat-panel .content .composer.drag-over:before{border-color:var(--ui-primary-color)}.chat-panel .content .composer>*:not(.composer-banner){position:relative;z-index:1}.chat-panel .content .composer .context-rail{display:none;flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap;position:absolute;top:12px;left:14px;right:14px;pointer-events:auto;cursor:default}.chat-panel .content .composer .context-rail.visible{display:flex}.chat-panel .content .composer .context-rail .mention-chip{padding:6px 10px;border-radius:6px;background-color:transparent;border:var(--composer-border);color:var(--button-tertiary-text-color);font-family:var(--ui-font-family);font-size:11.75px;font-weight:var(--ui-font-weight);letter-spacing:var(--ui-letter-spacing);pointer-events:none}.chat-panel .content .composer .context-rail .attachment-chip,.chat-panel .content .composer .context-rail .element-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border-radius:8px;background-color:transparent;border:var(--composer-border);color:var(--button-tertiary-text-color);font-family:var(--ui-font-family);font-size:12px;font-weight:var(--ui-font-weight);letter-spacing:var(--ui-letter-spacing);pointer-events:auto;max-width:100%;min-width:0;position:relative;cursor:default}.chat-panel .content .composer .context-rail .attachment-chip .thumb,.chat-panel .content .composer .context-rail .element-chip .thumb{width:24px;height:24px;border-radius:6px;overflow:hidden;flex:0 0 24px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;position:relative}.chat-panel .content .composer .context-rail .attachment-chip .thumb .thumb-visual,.chat-panel .content .composer .context-rail .element-chip .thumb .thumb-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-panel .content .composer .context-rail .attachment-chip .thumb .thumb-visual img{width:100%;height:100%;object-fit:cover;display:block}.chat-panel .content .composer .context-rail .element-chip .thumb .thumb-visual img{width:100%;height:100%;object-fit:contain;display:block}.chat-panel .content .composer .context-rail .element-chip.selection-chip .thumb .thumb-visual svg{width:100%;height:100%;display:block}.chat-panel .content .composer .context-rail .attachment-chip .thumb .file-icon{width:16px;height:16px;color:#781af2}.chat-panel .content .composer .context-rail .element-chip .thumb .thumb-icon.comment-icon{width:16px;height:16px;color:#781af2;display:flex;align-items:center;justify-content:center}.chat-panel .content .composer .context-rail .element-chip .thumb .thumb-icon.comment-icon svg{width:16px;height:16px}.chat-panel .content .composer .context-rail .attachment-chip .label,.chat-panel .content .composer .context-rail .element-chip .label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .content .composer .context-rail .attachment-chip .thumb .thumb-action,.chat-panel .content .composer .context-rail .element-chip .thumb .thumb-action{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;border-radius:6px;box-sizing:border-box;min-width:0}.chat-panel .content .composer .context-rail .attachment-chip .thumb .thumb-action svg,.chat-panel .content .composer .context-rail .element-chip .thumb .thumb-action svg{width:16px;height:16px}.chat-panel .content .composer .context-rail .attachment-chip:hover .thumb .thumb-action,.chat-panel .content .composer .context-rail .attachment-chip:focus-within .thumb .thumb-action,.chat-panel .content .composer .context-rail .attachment-chip .thumb .thumb-action:focus,.chat-panel .content .composer .context-rail .element-chip:hover .thumb .thumb-action,.chat-panel .content .composer .context-rail .element-chip:focus-within .thumb .thumb-action,.chat-panel .content .composer .context-rail .element-chip .thumb .thumb-action:focus{opacity:1;pointer-events:auto}.chat-panel .content .composer .context-rail .attachment-chip:hover .thumb .thumb-visual,.chat-panel .content .composer .context-rail .attachment-chip:focus-within .thumb .thumb-visual,.chat-panel .content .composer .context-rail .element-chip:hover .thumb .thumb-visual,.chat-panel .content .composer .context-rail .element-chip:focus-within .thumb .thumb-visual{opacity:0}.chat-panel .content .composer .context-rail .error-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border-radius:8px;background-color:transparent;border:var(--composer-border);color:var(--button-tertiary-text-color);font-family:var(--ui-font-family);font-size:12px;font-weight:var(--ui-font-weight);letter-spacing:var(--ui-letter-spacing);pointer-events:auto;max-width:100%;min-width:0;position:relative;cursor:default}.chat-panel .content .composer .context-rail .error-chip .thumb{width:24px;height:24px;border-radius:6px;overflow:hidden;flex:0 0 24px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;position:relative}.chat-panel .content .composer .context-rail .error-chip .thumb .thumb-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-panel .content .composer .context-rail .error-chip .thumb .error-icon{width:16px;height:16px;color:var(--ui-primary-color)}.chat-panel .content .composer .context-rail .error-chip .label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .content .composer .context-rail .error-chip .thumb .thumb-action{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;border-radius:6px;box-sizing:border-box;min-width:0}.chat-panel .content .composer .context-rail .error-chip .thumb .thumb-action svg{width:16px;height:16px}.chat-panel .content .composer .context-rail .error-chip:hover .thumb .thumb-action,.chat-panel .content .composer .context-rail .error-chip:focus-within .thumb .thumb-action,.chat-panel .content .composer .context-rail .error-chip .thumb .thumb-action:focus{opacity:1;pointer-events:auto}.chat-panel .content .composer .context-rail .error-chip:hover .thumb .thumb-visual,.chat-panel .content .composer .context-rail .error-chip:focus-within .thumb .thumb-visual{opacity:0}.chat-panel .content .composer .prompt-field{border:none;width:100%;height:auto;min-height:18px;resize:vertical;box-sizing:border-box;background-color:transparent;font-family:var(--ui-font-family);color:var(--ui-text-color);font-size:12.75px;font-weight:var(--ui-font-weight);letter-spacing:var(--ui-letter-spacing);outline:none;cursor:text;padding:0;margin:0;line-height:1.4;overflow:hidden;display:block;text-align:left;resize:none}.chat-panel .content .composer .prompt-field::placeholder{color:var(--ui-text-color);opacity:.5}.chat-panel .content .composer .prompt-field::selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.chat-panel .content .composer .prompt-field::-moz-selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.chat-panel .content .messages ::selection,.chat-panel .content .messages .bubble ::selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.chat-panel .content .messages ::-moz-selection,.chat-panel .content .messages .bubble ::-moz-selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.chat-panel .content .composer .controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2px;cursor:default;pointer-events:none}.chat-panel .content .composer .controls .left{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;margin-left:-6px;margin-bottom:-4px;pointer-events:auto}.chat-panel .content .composer .controls .left button{padding:0!important;width:28px!important;height:28px!important;border-radius:6px!important}.chat-panel .content .composer .controls .right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-right:-4px;margin-bottom:-4px;pointer-events:auto}.chat-panel .content .composer .controls .right button{flex:0 0 auto;width:28px!important;height:28px!important}.chat-panel .content .composer .controls .right button.disabled{filter:grayscale(100%) brightness(1.5);opacity:.25}@keyframes chat-status-text-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.chat-panel .content .composer .controls .right button.is-stop{background-color:color-mix(in srgb,#781AF2 12%,transparent)!important;color:#781af2!important}.chat-panel .content .composer .controls .right button.is-stop:hover{background-color:color-mix(in srgb,#781AF2 18%,transparent)!important}.chat-panel .content .composer .controls .right button.is-stop svg{color:#781af2!important}.chat-panel .content .messages .message .bubble *,.chat-panel .content .messages .message .bubble p,.chat-panel .content .messages .message .bubble span,.chat-panel .content .messages .message .bubble div{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;-webkit-touch-callout:default}.chat-panel .content .messages .message .bubble p{margin:0;padding:0}.chat-panel .content .messages .message .bubble p+p{margin-top:.75em}.chat-panel .content .messages .message .bubble h1,.chat-panel .content .messages .message .bubble h2,.chat-panel .content .messages .message .bubble h3,.chat-panel .content .messages .message .bubble h4,.chat-panel .content .messages .message .bubble h5,.chat-panel .content .messages .message .bubble h6{font-weight:600;margin:.75em 0 .4em;line-height:1.3}.chat-panel .content .messages .message .bubble h1:first-child,.chat-panel .content .messages .message .bubble h2:first-child,.chat-panel .content .messages .message .bubble h3:first-child,.chat-panel .content .messages .message .bubble h4:first-child,.chat-panel .content .messages .message .bubble h5:first-child,.chat-panel .content .messages .message .bubble h6:first-child{margin-top:0}.chat-panel .content .messages .message .bubble h1{font-size:1.3em}.chat-panel .content .messages .message .bubble h2{font-size:1.2em}.chat-panel .content .messages .message .bubble h3{font-size:1.1em}.chat-panel .content .messages .message .bubble h4{font-size:1.05em}.chat-panel .content .messages .message .bubble h5{font-size:1em;font-weight:600}.chat-panel .content .messages .message .bubble h6{font-size:1em;font-weight:500}.chat-panel .content .messages .message .bubble code{background-color:#0000000f;padding:1px 4px;border-radius:3px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9em}.chat-panel .content .messages .message .bubble pre{background-color:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:8px 10px;margin:.6em 0;overflow-x:auto}.chat-panel .content .messages .message .bubble pre:first-child{margin-top:0}.chat-panel .content .messages .message .bubble pre:last-child{margin-bottom:0}.chat-panel .content .messages .message .bubble pre code{background-color:transparent;padding:0;font-size:.9em;white-space:pre}.chat-panel .content .messages .message .bubble ul,.chat-panel .content .messages .message .bubble ol{margin:.5em 0;padding-left:1.5em}.chat-panel .content .messages .message .bubble ul:first-child,.chat-panel .content .messages .message .bubble ol:first-child{margin-top:0}.chat-panel .content .messages .message .bubble ul:last-child,.chat-panel .content .messages .message .bubble ol:last-child{margin-bottom:0}.chat-panel .content .messages .message .bubble li{margin:.2em 0}.chat-panel .content .messages .message .bubble li p{margin:0}.chat-panel .content .messages .message .bubble a{color:var(--ui-primary-color);text-decoration:underline;text-decoration-color:#0003;text-underline-offset:2px;cursor:pointer}.chat-panel .content .messages .message .bubble a:hover{text-decoration-color:var(--ui-primary-color)}.chat-panel .content .messages .message .bubble blockquote{border-left:2px solid rgba(0,0,0,.15);margin:.6em 0;padding:0 0 0 .8em;opacity:.8}.chat-panel .content .messages .message .bubble blockquote:first-child{margin-top:0}.chat-panel .content .messages .message .bubble blockquote:last-child{margin-bottom:0}.chat-panel .content .messages .message .bubble hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:.8em 0}.chat-panel .content .messages .message .bubble table{border-collapse:collapse;margin:.6em 0;width:100%;font-size:inherit}.chat-panel .content .messages .message .bubble table:first-child{margin-top:0}.chat-panel .content .messages .message .bubble table:last-child{margin-bottom:0}.chat-panel .content .messages .message .bubble table th,.chat-panel .content .messages .message .bubble table td{border:1px solid rgba(0,0,0,.12);padding:4px 8px;text-align:left}.chat-panel .content .messages .message .bubble table th{background-color:#0000000a;font-weight:600}.chat-panel .content .messages .message .bubble strong{font-weight:600}.chat-panel .content .messages .message .bubble em{font-style:italic}.chat-panel .content .messages .message .bubble img{max-width:100%;height:auto;border-radius:4px;margin:.5em 0;display:block}.chat-panel .content .messages .message .bubble img:first-child{margin-top:0}.chat-panel .content .messages .message .bubble img:last-child{margin-bottom:0}stage{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--page-background-color);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;opacity:1;transition:opacity .325s ease .325s}stage.hidden{opacity:0}#canvas{width:0px!important;height:0px!important;pointer-events:none!important;display:none!important}#loading_screen,canvas#loading_screen,#GM4HTML5_loadingscreen{display:none!important;visibility:hidden!important;opacity:0!important}#renderer-surface{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0)}player{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--player-background-color);display:none;overflow:hidden}player.active{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:84px}player .iframe-container{position:relative;transform-origin:top left;display:none!important;align-items:stretch;padding:0;height:calc(100vh - 84px);background-color:#fff}player.active .iframe-container{display:flex!important}player iframe{flex:1;width:100%;height:100%;border:none;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}player .resize-grip{width:16px;background:var(--page-background-color);cursor:ew-resize;position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:10}player .resize-grip.left{left:-16px}player .resize-grip.right{right:-16px}player .resize-grip:before{content:"";width:4px;height:32px;background:#0000001d;border-radius:2px;transition:all .2s ease}player .iframe-container:hover .resize-grip{opacity:1}player .iframe-container.full-width .resize-grip{opacity:0!important;cursor:default;pointer-events:none;display:none}player .iframe-container.full-width .loader{left:0;right:0}player .resize-grip:hover{opacity:1!important}player .resize-grip:hover:before{background:#00000037}player .resize-grip.dragging{opacity:1!important}player .resize-grip.dragging:before{background:#00000037;transform:scale(.9)}player .toolbar{position:absolute;top:16px;left:0;right:0;margin:0 auto;width:fit-content;height:48px;min-height:48px;border:var(--ui-border);box-sizing:border-box;border-radius:var(--ui-border-radius);background:var(--ui-background-color);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop-filter);backdrop-filter:var(--ui-backdrop-filter);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 8px;gap:4px;transform:translateY(-60px);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.1),opacity .25s ease-out;z-index:100}player .toolbar.visible{transform:translateY(0);opacity:1}player .toolbar .divider{width:3px;height:16px;margin:0 6px;background-color:var(--toolbar-divider-color);border-radius:3px;pointer-events:none}player .toolbar .player-page-selector{display:inline-flex;width:auto;min-width:0;height:32px;align-items:center;margin-left:4px}player .toolbar .player-page-selector .field-title{display:none}player .toolbar .player-page-selector .right{width:100%;height:100%}player .toolbar .player-page-selector .input-row-container{width:100%;height:100%;display:flex}player .toolbar .player-page-selector .dropdown{position:relative;flex:1;height:100%}player .toolbar .player-page-selector .dropdown .dropdown-trigger{width:100%;min-width:50px;box-sizing:border-box;text-align:left;padding:6px 24px 6px 8px;border:1px solid var(--field-background-color);border-radius:6px;background:none;font-family:var(--ui-font-family);font-size:var(--field-font-size);color:var(--ui-text-color);outline:none;cursor:default;display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px}player .toolbar .player-page-selector .dropdown .dropdown-trigger:hover{border-color:#00000016}player .toolbar .player-page-selector .dropdown .dropdown-trigger:focus{border-color:#00000016;outline:none}player .toolbar .player-page-selector .dropdown .dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}player .toolbar .player-page-selector .dropdown .dropdown-arrow{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.5;pointer-events:none;margin-right:-16px}player .toolbar .player-page-selector .dropdown .dropdown-arrow svg{width:12px;height:12px;stroke:currentColor}player .toolbar .player-version-selector{display:inline-flex;width:auto;min-width:0;height:32px;align-items:center;margin-left:4px}player .toolbar .player-version-selector .field-title{display:none}player .toolbar .player-version-selector .right{width:100%;height:100%}player .toolbar .player-version-selector .input-row-container{width:100%;height:100%;display:flex}player .toolbar .player-version-selector .dropdown{position:relative;flex:1;height:100%}player .toolbar .player-version-selector .dropdown .dropdown-trigger{width:100%;min-width:50px;box-sizing:border-box;text-align:left;padding:6px 24px 6px 8px;border:1px solid var(--field-background-color);border-radius:6px;background:none;font-family:var(--ui-font-family);font-size:var(--field-font-size);color:var(--ui-text-color);outline:none;cursor:default;display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px}player .toolbar .player-version-selector .dropdown .dropdown-trigger:hover{border-color:#00000016}player .toolbar .player-version-selector .dropdown .dropdown-trigger:focus{border-color:#00000016;outline:none}player .toolbar .player-version-selector .dropdown .dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}player .toolbar .player-version-selector .dropdown .dropdown-arrow{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.5;pointer-events:none;margin-right:-16px}player .toolbar .player-version-selector .dropdown .dropdown-arrow svg{width:12px;height:12px;stroke:currentColor}player .loader{position:absolute;top:0;left:0;right:0;width:auto;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ececec;z-index:1;opacity:0;pointer-events:none}player .loader.visible{opacity:1;pointer-events:all}player .loader .spinner{width:24px;height:24px;animation:spin .6s linear infinite;color:var(--ui-text-color)}player.loading iframe{opacity:0}:root{--button-primary-background-color: var(--ui-primary-color);--button-primary-hover-background-color: color-mix(in srgb, var(--ui-primary-color) 92%, black);--button-secondary-background-color: transparent;--button-secondary-hover-background-color: rgba(0, 0, 0, .065);--button-tertiary-background-color: rgba(0, 0, 0, .065);--button-tertiary-hover-background-color: rgba(0, 0, 0, .11);--button-press-scale: .945;--button-press-transition: transform .1s ease-out;--button-border-radius: 8px;--button-padding: 0 12px}*[data-press-animation=true]{transform:scale(1);transition:var(--button-press-transition)}*[data-press-animation=true]:active,*[data-press-animation=true].pressed{transform:scale(var(--button-press-scale))!important}button{background:none;border:none;outline:none;transform:scale(1);transition:var(--button-press-transition);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:var(--button-padding);height:32px;border-radius:var(--button-border-radius);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);cursor:default}button svg{width:16px;height:16px;opacity:var(--ui-text-opacity)}button svg,button svg *{shape-rendering:geometricPrecision}button svg *{stroke-linecap:round;stroke-linejoin:round}button span{color:var(--ui-text-color);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);opacity:var(--ui-text-opacity)}button:has(>svg:only-child){width:32px;padding:0}button.primary{background-color:var(--button-primary-background-color);color:#fff}button.primary span{color:#fff;opacity:1}button.primary svg{color:#fff;opacity:1}button.primary:hover{background-color:var(--button-primary-hover-background-color)}button.secondary{background-color:var(--button-secondary-background-color)}button.secondary:hover{background-color:var(--button-secondary-hover-background-color)}button.secondary:hover span{opacity:1}button.secondary:hover svg{opacity:1}button.tertiary{background-color:var(--button-tertiary-background-color)}@media (prefers-color-scheme: dark){button.tertiary{box-shadow:inset 0 1px #ffffff13}}button.tertiary:hover{background-color:var(--button-tertiary-hover-background-color)}button.tertiary:hover span{opacity:1}button.tertiary:hover svg{opacity:1}button:active,button.pressed{transform:scale(var(--button-press-scale))!important}button.active:not(.grouped-button){background-color:#f50!important;color:#fff!important}button.disabled{opacity:.5;cursor:default;pointer-events:none}:root{--menu-divider-color: rgba(0, 0, 0, .065);--menu-border-radius: 10px}.menu{position:relative;z-index:3000;pointer-events:auto;transform-origin:top left;transform-style:preserve-3d;perspective:800px}.menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ui-background-color);border:var(--ui-border);border-radius:var(--menu-border-radius);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);z-index:-1;pointer-events:none}.menu-content{position:relative;padding:5px;min-width:180px;max-height:calc(100vh - 16px);overflow-y:auto;overflow-x:hidden}.menu.animate-open{animation:menuDropIn .235s cubic-bezier(.175,.075,.125,1)}@keyframes menuDropIn{0%{transform:scale(.9) rotateX(-14deg);opacity:0}to{transform:scale(1) rotateX(0);opacity:1}}.menu-item{display:flex;align-items:center;padding:0 11px;height:30px;border-radius:6px;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);gap:8px;position:relative;cursor:default;background-color:transparent}.menu-item svg{color:var(--ui-text-color)}.menu-item span{color:var(--ui-text-color)}.menu-item.hover{background-color:var(--button-primary-background-color)}.menu-item.hover>svg{color:#fff}.menu-item.hover>span{color:#fff}.menu-item.disabled{opacity:.5;cursor:default}.menu-item.checkable{padding-left:28px;position:relative}.menu-item-checkmark{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0}.menu-item.checked .menu-item-checkmark{opacity:1}.menu-item-checkmark svg{width:12px;height:12px;color:var(--ui-text-color)}.menu-item.hover>.menu-item-checkmark svg{color:#fff}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.menu-item-icon svg{width:16px;height:16px}.menu-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submenu-arrow{position:absolute;top:7px;right:3.5px;opacity:.5}.submenu-arrow svg{width:16px;height:16px}.has-submenu.hover .submenu-arrow{opacity:1}.has-submenu.hover .submenu-arrow svg{color:#fff}.menu-divider{height:1px;background:var(--menu-divider-color);margin:5px -5px}.has-submenu{padding-right:24px}.menu-item-shortcut{position:absolute;top:50%;right:7px;transform:translateY(-50%);font-size:12px;opacity:.5;font-family:"Segoe UI Symbol","Segoe UI",var(--ui-font-family)}.menu-item.hover>.menu-item-shortcut{opacity:1}.menu-item:has(>.menu-item-shortcut-icon){padding-right:28px}.menu-item-shortcut-icon{display:flex;align-items:center;justify-content:center}.menu-item-shortcut-icon svg{width:12px;height:12px}.menu-item.hover>.menu-item-shortcut-icon svg{color:#fff}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:2999;pointer-events:auto}.menu.fixed-width .menu-content{padding:5px;min-width:auto}.menu.fixed-width .menu-item{padding:0 6px}.menu.fixed-width .menu-item.checkable{padding-left:28px;padding-right:6px}:root{--tooltip-background-color: var(--ui-text-color);--tooltip-text-color: #ffffff;--tooltip-border-radius: 6px;--tooltip-padding: 6px 8px;--tooltip-font-size: 12px;--tooltip-max-width: 250px;--tooltip-shadow: 0 2px 4px rgba(0, 0, 0, .2);--tooltip-z-index: 10000}.tooltip{position:fixed;display:none;background-color:var(--tooltip-background-color);color:var(--tooltip-text-color);padding:var(--tooltip-padding);border-radius:var(--tooltip-border-radius);font-family:var(--ui-font-family);font-size:var(--tooltip-font-size);font-weight:var(--ui-font-weight);max-width:var(--tooltip-max-width);box-shadow:var(--tooltip-shadow);z-index:var(--tooltip-z-index);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter)}.tooltip-shortcut{font-family:"Segoe UI Symbol","Segoe UI",var(--ui-font-family);color:var(--tooltip-text-color);display:inline-block}.tooltip-shortcut-single{font-family:"Segoe UI Symbol","Segoe UI",var(--ui-font-family),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--tooltip-text-color);font-size:var(--tooltip-font-size);line-height:1;text-transform:none;letter-spacing:normal;font-variant-ligatures:none;font-kerning:normal;-webkit-font-feature-settings:"kern" 1,"liga" 0;font-feature-settings:"kern" 1,"liga" 0}:root{--toast-background-color: var(--ui-background-color);--toast-border: .5px solid #dedede;--toast-border-radius: 16px;--toast-shadow: var(--ui-shadow);--toast-padding: 0 8px 0 18px;--toast-height: 48px;--toast-max-width: 400px;--toast-margin-bottom: 16px;--toast-z-index: 9000}.toast-container{position:fixed;left:0;right:0;bottom:16px;margin:0 auto;display:flex;flex-direction:column-reverse;align-items:center;gap:16px;width:fit-content;max-width:calc(100vw - 32px);z-index:var(--toast-z-index);pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;height:var(--toast-height);padding:var(--toast-padding);max-width:var(--toast-max-width);border:var(--toast-border);box-sizing:border-box;border-radius:var(--toast-border-radius);background-color:var(--toast-background-color);box-shadow:var(--toast-shadow);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);transform-origin:bottom;transform:translateY(16px) scale(.9);opacity:0;pointer-events:all;cursor:default;transition:transform .25s cubic-bezier(.285,.35,.15,1),opacity .25s cubic-bezier(.285,.35,.15,1);width:fit-content;min-width:100px}.toast.no-actions{justify-content:center;padding:0 16px!important}.toast.no-actions .toast-content{justify-content:center}.toast.no-actions .toast-message{text-align:center}.toast.visible{transform:translateY(0) scale(1);opacity:1}.toast.closing{animation:toastExit .3s cubic-bezier(.6,0,.735,.045) forwards;pointer-events:none}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1);max-height:var(--toast-height);margin-top:0;margin-bottom:0}70%{opacity:0;transform:translateY(0) scale(1);max-height:var(--toast-height)}to{opacity:0;transform:translateY(0) scale(1);max-height:0;margin-top:-8px;margin-bottom:-8px}}.toast-content{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.toast-icon{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px}.toast-icon svg{width:18px;height:18px;color:var(--ui-text-color)}.toast-icon .loading-spinner{animation:spinner-rotate 1s linear infinite;transform-origin:50% 50%;transform-box:fill-box}.toast-icon .loading-spinner circle{stroke:var(--ui-primary-color);stroke-dasharray:90 126;stroke-dashoffset:0}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.toast-message{font-family:var(--ui-font-family);font-size:12px;font-weight:450;color:var(--ui-text-color);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-actions{display:flex;align-items:center;gap:8px;margin-left:14px}.toast-action{height:32px;min-width:auto;font-size:12px}:root{--modal-background-color: var(--ui-background-color-opaque);--modal-backdrop-filter: var(--ui-backdrop-filter);--modal-border: 1px solid rgba(0, 0, 0, .065);--modal-border-radius: var(--ui-border-radius);--modal-shadow: var(--ui-shadow);--modal-title-height: 48px;--modal-title-font-size: 14px;--modal-title-font-weight: 500;--modal-padding: 16px;--modal-max-width: 600px;--modal-min-width: 320px;--modal-max-height: calc(100vh - 126px) ;--modal-z-index: 2000;--modal-overlay-background: rgba(0, 0, 0, .2);--modal-overlay-backdrop-filter: blur(2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay-background);backdrop-filter:var(--modal-overlay-backdrop-filter);-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter);z-index:var(--modal-z-index);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s cubic-bezier(.175,.075,.125,1)}.modal-overlay.visible{opacity:1}.modal{position:relative;background:var(--modal-background-color);color:var(--ui-text-color);border:var(--ui-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);backdrop-filter:var(--modal-backdrop-filter);-webkit-backdrop-filter:var(--modal-backdrop-filter);min-width:var(--modal-min-width);max-width:var(--modal-max-width);max-height:var(--modal-max-height);width:100%;margin:var(--modal-padding);display:flex;flex-direction:column;transform-origin:center;transform:scale(1);font-family:var(--ui-font-family)}.modal.animate-open{animation:modalSlideIn .2s cubic-bezier(.175,.075,.125,1)}@keyframes modalSlideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{height:var(--modal-title-height);padding:0 var(--modal-padding);border-bottom:var(--modal-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title h2{margin:0;font-family:var(--ui-font-family);font-size:var(--modal-title-font-size);font-weight:var(--modal-title-font-weight);color:var(--ui-text-color)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--button-border-radius);cursor:default;margin-right:-8px}.modal-close:hover{background-color:var(--button-secondary-hover-background-color)}.modal-close svg{width:16px;height:16px;color:var(--ui-text-color);opacity:var(--ui-text-opacity)}.modal-content{padding:var(--modal-padding);overflow-y:auto;flex:1;position:relative}.modal-overlay:not(:first-of-type){background:var(--modal-overlay-background)}.modal-overlay:not(:first-of-type) .modal{margin-top:calc(var(--modal-padding) * 2)}.modal.no-header .modal-content{border-radius:var(--modal-border-radius)}:root{--popover-z-index: 1500;--popover-width: 240px;--popover-max-height: calc(100vh - 32px) }[data-popover],.popover{position:fixed;z-index:var(--popover-z-index);width:var(--popover-width);min-width:var(--popover-width);max-width:var(--popover-width);max-height:var(--popover-max-height);border:var(--ui-border);box-sizing:border-box;border-radius:var(--ui-border-radius);background:var(--ui-background-color);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);display:flex;flex-direction:column;overflow:hidden;letter-spacing:-.115px;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);opacity:1;pointer-events:auto;transform-origin:center;transition:opacity .15s ease,transform .15s ease}[data-popover].popover-entering,.popover.popover-entering{animation:popoverEnter .2s ease-out}@keyframes popoverEnter{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-popover] .header,.popover .header{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:48px;min-height:48px;padding:0 8px;border-bottom:var(--ui-border);flex-shrink:0;background:transparent}[data-popover] .header .left,.popover .header .left{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:8px}[data-popover] .header .title,[data-popover] .header .name,.popover .header .title,.popover .header .name{font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);letter-spacing:-.075px!important;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}[data-popover] .header .right,.popover .header .right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px}[data-popover] .content,.popover .content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}[data-popover] .content .form,.popover .content .form{padding:0!important}.progress-loader{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .4s ease;transform:translateY(0)}.progress-loader.show{opacity:1;visibility:visible}.progress-loader .progress-bar{height:100%;background-color:var(--ui-primary-color);width:0%;transition:width .3s ease;border-radius:0 2px 2px 0}.progress-loader.complete .progress-bar{width:100%;transition:width .5s ease}.progress-loader.slide-up{transform:translateY(-3px);transition:transform .2s ease}.error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.error-content{display:flex;flex-direction:column;align-items:center}.error-title{display:none}.error-message{font-family:DM Mono,monospace;font-size:14px;font-weight:400;color:#00000080;text-align:center;-webkit-user-select:none;user-select:none}.error-button{display:none}@media (prefers-color-scheme: dark){.error-overlay{background:#1a1a1a}.error-message{color:#ffffff80}}.import-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#000}.import-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;-webkit-user-select:none;user-select:none}.import-ascii{font-family:DM Mono,monospace;font-size:14px;opacity:.5;white-space:pre;line-height:1.2}.import-message{font-family:DM Mono,monospace;font-size:14px;font-weight:400;opacity:.7;text-align:center;max-width:400px}.import-progress{font-family:DM Mono,monospace;font-size:12px;opacity:.4;text-align:center}.disconnect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background:transparent;pointer-events:all;cursor:wait}.mobile-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2100;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(.25,.1,.25,1)}.mobile-overlay-backdrop.visible{opacity:1}.mobile-overlay-panel{position:relative;width:100%;height:90vh;background:var(--ui-background-color-opaque);border-radius:24px 24px 0 0;padding:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.1,.25,1);display:flex;flex-direction:column;overflow:hidden}.mobile-overlay-backdrop.visible .mobile-overlay-panel{transform:translateY(0)}.mobile-overlay-image{width:100%;min-height:200px;flex:1 1 auto;background-image:url(/assets/onboarding.png);background-size:cover;background-position:top center;background-repeat:no-repeat}.mobile-overlay-content{display:flex;flex-direction:column;gap:16px;font-family:var(--ui-font-family);flex:0 0 auto;padding:32px}.mobile-overlay-heading{margin:0;font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.025em;color:var(--ui-text-color)}.mobile-overlay-description{margin:0;font-size:14px;font-weight:450;color:var(--ui-text-secondary);line-height:1.5}.mobile-overlay-buttons{display:flex;flex-direction:row;gap:6px;margin-top:20px}.mobile-overlay-buttons button{flex:1;font-size:14px!important;padding:0 16px!important;height:40px!important}.form .field .input-row-container .font-picker,.form .input-row-container .font-picker,.form .font-picker{position:relative;flex:1}.form .field .input-row-container .font-picker .font-picker-trigger,.form .input-row-container .font-picker .font-picker-trigger,.form .font-picker .font-picker-trigger{width:100%;min-width:50px;box-sizing:border-box;text-align:left;padding:6px 24px 6px 8px;border:1px solid var(--field-background-color);border-radius:6px;background:none;font-family:var(--ui-font-family);font-size:var(--field-font-size);color:var(--ui-text-color);outline:none;cursor:default;display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px}.form .field .input-row-container .font-picker .font-picker-trigger:hover,.form .input-row-container .font-picker .font-picker-trigger:hover,.form .font-picker .font-picker-trigger:hover{border-color:#00000016}.form .field .input-row-container .font-picker .font-picker-trigger:focus,.form .input-row-container .font-picker .font-picker-trigger:focus,.form .font-picker .font-picker-trigger:focus{border-color:#00000016;outline:none}.form .field .input-row-container .font-picker .font-picker-value,.form .input-row-container .font-picker .font-picker-value,.form .font-picker .font-picker-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form .field .input-row-container .font-picker .dropdown-arrow,.form .input-row-container .font-picker .dropdown-arrow,.form .font-picker .dropdown-arrow{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.5;pointer-events:none;margin-right:-16px}.form .field .input-row-container .font-picker .dropdown-arrow svg,.form .input-row-container .font-picker .dropdown-arrow svg,.form .font-picker .dropdown-arrow svg{width:12px;height:12px;stroke:currentColor}.font-picker-popover{z-index:10000;background-color:var(--ui-background-color);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);border:var(--ui-border);border-radius:var(--ui-border-radius);box-shadow:var(--ui-shadow);overflow:hidden;display:flex;flex-direction:column;max-height:320px;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);animation:popoverEnter .2s ease-out}.font-picker-content{display:flex;flex-direction:column;height:100%;position:relative}.font-picker-content .search-container{position:sticky;top:-16px;z-index:10;background-color:#fff;flex-shrink:0;padding:8px 16px;margin:-16px -16px 0;pointer-events:auto}.font-picker-search{padding:8px;border-bottom:var(--ui-border);flex-shrink:0}.font-picker-search-wrapper{position:relative;display:flex;align-items:center}.font-picker-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#00000059;pointer-events:none}.font-picker-search-icon svg{width:16px;height:16px}.font-picker-search-input{width:100%;padding:6px 8px 6px 32px;font-size:var(--field-font-size);font-family:var(--ui-font-family);color:var(--ui-text-color);background:var(--field-background-color);border:1px solid transparent;border-radius:6px;outline:none}.font-picker-search-input::placeholder{color:#00000059}.font-picker-search-input:focus{border-color:var(--ui-primary-color)}.font-picker-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px}.font-list-container{flex:1;overflow:hidden;margin:0 -16px -16px}.font-picker-scroll-container{height:70vh;overflow-y:auto;overflow-x:hidden}.font-picker-items-container{position:relative;width:100%}.font-list-loading,.font-list-error{display:flex;align-items:center;justify-content:center;height:80px;color:#0009;font-size:12px}.font-list-error{color:#e74c3c}.font-list{padding:4px 0}.font-picker-item{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:6px;margin:0 4px;cursor:default;overflow:hidden;min-width:0;box-sizing:border-box}.font-picker-checkmark{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ui-text-color);margin-left:-1px}.font-picker-checkmark svg{width:14px;height:14px}.font-picker-item:hover,.font-picker-item.highlighted{background-color:#0000000a}.font-picker-item.selected{background-color:#0000000f}.font-picker-item.selected.highlighted{background-color:#00000014}.font-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;margin:0 4px;min-height:32px;cursor:default}.font-item:hover{background-color:#0000000a}.font-item .font-checkmark,.font-item .font-checkmark-placeholder{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.font-item .font-checkmark{color:var(--ui-primary-color)}.font-item .font-name{flex:1;font-size:14px;font-weight:400;color:var(--ui-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.font-item .font-category{font-size:11px;color:#00000080;text-transform:capitalize;flex-shrink:0;font-weight:400}.font-item .font-name[style*=font-family]{font-display:swap;font-weight:400!important;font-style:normal!important}.font-item .font-name{font-synthesis:none}.font-picker-preview-img{height:15px;width:auto;max-width:100%;min-width:0;flex-shrink:1;display:block;overflow:hidden}.font-picker-preview-text{flex:1;font-size:14px;font-weight:400;color:var(--ui-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-width:0}.font-picker-category{font-size:11px;color:#00000080;text-transform:capitalize;flex-shrink:0;font-weight:400}.font-picker-empty{display:flex;align-items:center;justify-content:center;height:80px;color:#0009;font-size:12px}.form .field .input-row-container .color-picker,.form .input-row-container .color-picker,.form .color-picker{display:flex;flex-direction:column;gap:6px;width:100%;flex:1}.form .field .input-row-container .color-picker .color-area,.form .input-row-container .color-picker .color-area,.form .color-picker .color-area{width:100%;aspect-ratio:1;min-height:120px;border-radius:6px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,red);cursor:default;position:relative;overflow:visible;touch-action:none;margin-bottom:6px}.form .field .input-row-container .color-picker .color-area-thumb,.form .input-row-container .color-picker .color-area-thumb,.form .color-picker .color-area-thumb{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #ffffff;box-shadow:#0000003d 0 3px 8px;pointer-events:none;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.form .field .input-row-container .color-picker .color-area-thumb:after,.form .input-row-container .color-picker .color-area-thumb:after,.form .color-picker .color-area-thumb:after{content:"";width:100%;height:100%;border-radius:50%;background:var(--thumb-color, currentColor)}.form .field .input-row-container .color-picker .hue-slider,.form .input-row-container .color-picker .hue-slider,.form .color-picker .hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;border-radius:6px;outline:none;cursor:default;margin:0;padding:0;box-sizing:border-box;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.form .field .input-row-container .color-picker .hue-slider::-webkit-slider-thumb,.form .input-row-container .color-picker .hue-slider::-webkit-slider-thumb,.form .color-picker .hue-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;width:14px;border-radius:8px;border:3px solid #ffffff;box-shadow:#0000003d 0 3px 8px;cursor:ew-resize}.form .field .input-row-container .color-picker .hue-slider::-moz-range-thumb,.form .input-row-container .color-picker .hue-slider::-moz-range-thumb,.form .color-picker .hue-slider::-moz-range-thumb{height:30px;width:14px;border-radius:8px;background:#fff;border:3px solid #ffffff;box-shadow:#0000003d 0 3px 8px;cursor:ew-resize}.form .field .input-row-container .color-picker .color-inputs-row,.form .input-row-container .color-picker .color-inputs-row,.form .color-picker .color-inputs-row{display:flex;align-items:center;gap:6px;width:100%}.form .field .input-row-container .color-picker .color-inputs-row .input-container,.form .input-row-container .color-picker .color-inputs-row .input-container,.form .color-picker .color-inputs-row .input-container{flex:1}.form .field .input-row-container .color-picker .color-inputs-row .input-container.opacity,.form .input-row-container .color-picker .color-inputs-row .input-container.opacity,.form .color-picker .color-inputs-row .input-container.opacity{flex:0 0 60px}.form .field .input-row-container .color-picker .color-inputs-row .input-container.opacity .opacity-input,.form .input-row-container .color-picker .color-inputs-row .input-container.opacity .opacity-input,.form .color-picker .color-inputs-row .input-container.opacity .opacity-input{text-align:center}.color-dropper-button{width:32px;height:32px;padding:0;flex-shrink:0}.color-dropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;cursor:crosshair;background:transparent}body[data-dropper-active],body[data-dropper-active] *{cursor:crosshair!important}.color-dropper-preview{position:fixed;pointer-events:none;z-index:10001;width:48px;height:48px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #00000059,0 0 0 1px #0000001a;transform:translate(-50%,-100%) translateY(-16px);transition:opacity .1s ease,background-color .05s ease}.color-dropper-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.form .color-picker .color-swatches-section{margin-top:6px;border-top:1px solid rgba(0,0,0,.08);padding-top:12px}.form .color-picker .color-swatches-grid{display:flex;flex-wrap:wrap;gap:6px}.form .color-picker .color-swatch{width:22px;height:22px;border-radius:6px;border:none;box-shadow:none;cursor:crosshair;padding:0}.form .color-picker .color-swatch[data-color="#FFFFFF"],.form .color-picker .color-swatch[data-color="#ffffff"]{box-shadow:inset 0 0 0 1px #0000001f}.form .color-picker .color-swatch:disabled{opacity:.5;cursor:not-allowed}.form .field .input-row-container .gradient-picker,.form .input-row-container .gradient-picker,.form .gradient-picker{display:flex;flex-direction:column;gap:8px;width:100%;flex:1}.gradient-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.gradient-picker-header-left{flex:1;min-width:0}.gradient-picker-header-left .dropdown{width:100%}.gradient-picker-header-right{display:flex;flex-direction:row;align-items:center;gap:2px}.gradient-picker-action{width:32px;height:32px;padding:0}.form .field .input-row-container .gradient-picker .gradient-header-row,.form .input-row-container .gradient-picker .gradient-header-row,.form .gradient-picker .gradient-header-row{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:12px}.form .field .input-row-container .gradient-picker .gradient-type-dropdown,.form .input-row-container .gradient-picker .gradient-type-dropdown,.form .gradient-picker .gradient-type-dropdown{flex:1}.form .field .input-row-container .gradient-picker .gradient-buttons,.form .input-row-container .gradient-picker .gradient-buttons,.form .gradient-picker .gradient-buttons{display:flex;gap:4px}.form .field .input-row-container .gradient-picker .gradient-area,.form .input-row-container .gradient-picker .gradient-area,.form .gradient-picker .gradient-area{width:100%;position:relative;cursor:crosshair;outline:none;margin-bottom:8px}.form .field .input-row-container .gradient-picker .gradient-preview,.form .input-row-container .gradient-picker .gradient-preview,.form .gradient-picker .gradient-preview{width:100%;border-radius:6px;background:linear-gradient(90deg,#fff,#000);position:relative;overflow:visible}.form .field .input-row-container .gradient-picker .gradient-stops-container,.form .input-row-container .gradient-picker .gradient-stops-container,.form .gradient-picker .gradient-stops-container{position:absolute;top:-8px;left:0;right:0;height:48px;pointer-events:none}.form .field .input-row-container .gradient-picker .gradient-stop,.form .input-row-container .gradient-picker .gradient-stop,.form .gradient-picker .gradient-stop{position:absolute;width:16px;height:16px;transform:translate(-50%);pointer-events:all;cursor:ew-resize;z-index:2}.form .field .input-row-container .gradient-picker .gradient-stop-handle,.form .input-row-container .gradient-picker .gradient-stop-handle,.form .gradient-picker .gradient-stop-handle{width:14px;height:34px;border-radius:8px;border:3px solid #ffffff;box-shadow:#0000003d 0 3px 8px}.form .field .input-row-container .gradient-picker .gradient-stop-handle.active,.form .input-row-container .gradient-picker .gradient-stop-handle.active,.form .gradient-picker .gradient-stop-handle.active{box-shadow:#0000003d 0 3px 8px,0 0 0 2px #d9d9d9}.form .field .input-row-container .gradient-picker .gradient-controls,.form .input-row-container .gradient-picker .gradient-controls,.form .gradient-picker .gradient-controls{width:100%}.form .field .input-row-container .gradient-picker .gradient-controls .input-row-container,.form .input-row-container .gradient-picker .gradient-controls .input-row-container,.form .gradient-picker .gradient-controls .input-row-container{display:flex;align-items:center;gap:6px}.form .field .input-row-container .gradient-picker .gradient-controls .input-container,.form .input-row-container .gradient-picker .gradient-controls .input-container,.form .gradient-picker .gradient-controls .input-container{flex:1}.form .field .input-row-container .gradient-picker .gradient-controls .input-container:first-child,.form .input-row-container .gradient-picker .gradient-controls .input-container:first-child,.form .gradient-picker .gradient-controls .input-container:first-child{flex:0 0 60px}.form .field .input-row-container .gradient-picker .gradient-controls .input-container:last-child,.form .input-row-container .gradient-picker .gradient-controls .input-container:last-child,.form .gradient-picker .gradient-controls .input-container:last-child{flex:0 0 60px}.form .field .input-row-container .gradient-picker .gradient-position,.form .input-row-container .gradient-picker .gradient-position,.form .gradient-picker .gradient-position,.form .field .input-row-container .gradient-picker .gradient-opacity,.form .input-row-container .gradient-picker .gradient-opacity,.form .gradient-picker .gradient-opacity{text-align:center}.gradient-stop-area{position:relative;width:100%;height:32px;border-radius:6px;overflow:visible;box-sizing:border-box;background-color:#0000000a}.gradient-stop-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-size:100% 100%}.gradient-stop-handles{position:absolute;top:0;right:0;bottom:0;left:0}.gradient-stop-handle{position:absolute;width:14px;height:34px;border-radius:8px;border:3px solid #ffffff;box-shadow:#0000003d 0 3px 8px;pointer-events:auto;cursor:ew-resize}.gradient-stop-list{display:flex;flex-direction:column;margin-top:1px}.gradient-stop-container{display:flex;flex-direction:column;gap:4px}.gradient-stop-list-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:5px}.gradient-stop-list-title{font-size:12.5px;font-weight:520;color:var(--ui-text-color);cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.gradient-stop-row{position:relative;margin-left:-16px;margin-right:-16px;padding:6px 16px;width:auto}.gradient-stop-row.active{background-color:#f5f5f5}.gradient-stop-bundle{display:grid;grid-template-columns:minmax(0,1fr) 65px auto;gap:6px;align-items:center}.gradient-stop-cell{display:flex;flex-direction:column;width:100%;min-width:0}.gradient-stop-cell .input-container{width:100%}.gradient-stop-remove{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gradient-stop-add{width:32px;height:32px;padding:0}.form .field .input-row-container .media-picker,.form .input-row-container .media-picker,.form .media-picker{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden;box-sizing:border-box}.media-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.media-picker-header-left{flex:1;min-width:0}.media-picker-header-left .dropdown{width:100%}.media-picker-header-right{display:flex;align-items:center;justify-content:flex-end;gap:2px}.media-picker-action{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.media-picker-action svg{pointer-events:none}.media-picker-preview{width:100%}.media-picker-dropzone{position:relative;min-height:180px;border-radius:6px;border:none;background-image:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#f0f0f0eb;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:default}.media-picker-dropzone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--ui-primary-color);border-radius:inherit;pointer-events:none;opacity:0}.media-picker-dropzone:focus-visible{outline:2px solid rgba(255,85,0,.85);outline-offset:2px}.media-picker-dropzone.disabled{opacity:.6;cursor:default}.media-picker-dropzone.dragover{background-color:inherit}.media-picker-dropzone.dragover:after{opacity:1}.media-picker-dropzone.dragover .media-picker-placeholder{opacity:0;visibility:hidden}.media-picker-dropzone.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;pointer-events:none}.media-picker-media{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scaleX(1);transform-origin:center;opacity:0;transition:opacity .2s ease}.media-picker-media.media-picker-media--fade{animation:media-picker-fade-in .2s ease}@keyframes media-picker-fade-in{0%{opacity:0}to{opacity:1}}.media-picker-dropzone.has-media .media-picker-media{opacity:1}.media-picker-dropzone.has-media:hover .media-picker-media{filter:brightness(.7)}.media-picker-placeholder{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.media-picker-dropzone.has-media .media-picker-placeholder{display:none}.media-picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#00000073;opacity:0;pointer-events:none;z-index:3}.media-picker-dropzone.has-media .media-picker-overlay{display:flex}.media-picker-dropzone.has-media:hover .media-picker-overlay{opacity:1;pointer-events:auto}.media-picker-upload{white-space:nowrap;cursor:default}.form .media-picker .media-preview{position:relative;width:100%;border-radius:6px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.06) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;min-height:140px}.form .media-picker .media-preview .media-image{display:block;max-width:100%;max-height:240px;margin:0 auto;object-fit:contain;background:transparent}.form .media-picker .media-preview .media-upload-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:10px;opacity:0;transition:opacity .15s ease-in-out;background:linear-gradient(to top,rgba(0,0,0,.35),transparent)}.form .media-picker .media-preview.hover .media-upload-overlay,.form .media-picker .media-preview:hover .media-upload-overlay{opacity:1}.form .media-picker .media-upload-button{min-width:120px}.comment-thread{position:fixed;z-index:var(--popover-z-index, 1500);width:280px;max-height:400px;border:var(--ui-border);box-sizing:border-box;border-radius:var(--ui-border-radius);background:var(--ui-background-color);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);display:flex;flex-direction:column;overflow:hidden;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);pointer-events:auto}.comment-thread:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid var(--ui-background-color);filter:drop-shadow(-1px 0 0 rgba(0,0,0,.08))}.comment-thread .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:48px;min-height:48px;padding:0 8px;border-bottom:var(--ui-border);flex-shrink:0}.comment-thread .header .left{flex:1;display:flex;align-items:center;padding-left:8px}.comment-thread .header .title{font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);letter-spacing:var(--ui-letter-spacing);-webkit-user-select:none;user-select:none}.comment-thread .header .right{display:flex;align-items:center;gap:4px}.comment-thread .content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.comment-thread .messages{flex:1;overflow-y:auto;padding:6px 0 8px;display:flex;flex-direction:column;gap:2px;max-height:300px}.comment-thread .empty-state{color:var(--ui-text-secondary-color, #888);font-size:12.75px;text-align:center;padding:24px 0}.comment-thread .message{display:flex;flex-direction:row;gap:12px;padding:6px 12px;margin-top:2px}.comment-thread .message-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;margin-top:2px;display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-family);font-size:11px;font-weight:600}.comment-thread .message-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.comment-thread .message-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.comment-thread .message-meta{display:flex;align-items:center;gap:8px;min-width:0}.comment-thread .message-header .author{font-size:12.75px;font-weight:520;color:var(--ui-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-thread .message-header .time{font-size:12.75px;color:var(--ui-text-secondary-color, #888);white-space:nowrap}.comment-thread .message-menu-button{width:24px;height:24px;min-width:24px;padding:0}.comment-thread .message-content{font-size:12.75px;line-height:1.4;color:var(--ui-text-color);word-break:break-word}.comment-thread .message-content a{color:var(--ui-primary-color);text-decoration:underline;text-decoration-color:#0003;text-underline-offset:2px;cursor:pointer}.comment-thread .message-content a:hover{text-decoration-color:var(--ui-primary-color)}.comment-thread .message-editor{display:flex;flex-direction:column;gap:8px}.comment-thread .message-editor-input{width:100%;padding:8px 12px;border:none;border-radius:8px;background:var(--ui-surface-color, rgba(0, 0, 0, .05));color:var(--ui-text-color);font-family:var(--ui-font-family);font-size:12.75px;line-height:1.4;resize:none;outline:none;box-sizing:border-box}.comment-thread .message-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-bottom:-6px}.comment-thread .input-area{display:flex;align-items:flex-start;gap:10px;padding:12px;border-top:var(--ui-border);flex-shrink:0}.comment-thread .input-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;margin-top:5px;display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-family);font-size:11px;font-weight:600}.comment-thread .input-wrapper{flex:1;display:flex;align-items:flex-end;gap:6px;min-height:36px;padding:4px 4px 4px 10px;border-radius:10px;border:1px solid #e8e8e8;background:var(--ui-background-color);box-sizing:border-box}.comment-thread .comment-input{flex:1;height:28px;min-height:28px;max-height:120px;padding:5px 0;border:none;background:transparent;color:var(--ui-text-color);font-family:var(--ui-font-family);font-size:12.75px;font-weight:var(--ui-font-weight);letter-spacing:var(--ui-letter-spacing);line-height:18px;outline:none;resize:none;overflow-y:hidden;box-sizing:border-box}.comment-thread .comment-input::placeholder{color:var(--ui-text-secondary-color, #888)}.comment-thread .submit-button{width:28px;height:28px;min-width:28px;padding:0}.comment-thread .submit-button.disabled{filter:grayscale(100%) brightness(1.5);opacity:.25}.comment-thread .cancel-button{flex-shrink:0}.comment-thread.loading{visibility:hidden}.chat-panel .content .composer-banner{position:absolute;bottom:100%;left:0;right:0;z-index:-1;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px calc(var(--composer-radius) + 10px) 14px;margin-bottom:calc(var(--composer-radius) * -1);border-radius:var(--composer-radius) var(--composer-radius) 0 0;background-color:#f5f5f5;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);pointer-events:none;cursor:default}.chat-panel .content .composer-banner.hidden{display:none}.chat-panel .content .composer-banner.animating-in{animation:banner-open .35s cubic-bezier(.16,1,.3,1) forwards}.chat-panel .content .composer-banner.animating-out{animation:banner-close .2s cubic-bezier(.7,0,.84,0) forwards}@keyframes banner-open{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.chat-panel .content .composer-banner .banner-inner{display:flex;flex-direction:column;gap:10px}.chat-panel .content .composer-banner .banner-text{flex:1;min-width:0;line-height:1.4;padding:2px 0}.chat-panel .content .composer-banner .banner-text a{color:var(--ui-primary-color);text-decoration:underline;text-underline-offset:2px;cursor:pointer;pointer-events:auto}.chat-panel .content .composer-banner .banner-text a:hover{text-decoration-color:var(--ui-primary-color)}.chat-panel .content .composer-banner .banner-text strong{font-weight:600}.chat-panel .content .composer-banner .banner-actions{display:flex;flex-direction:row;gap:8px;padding-bottom:2px}.chat-panel .content .composer-banner .banner-actions button{pointer-events:auto}.chat-panel .content .composer-banner.typing-indicator{padding-bottom:calc(var(--composer-radius) - 4px)}.empty-canvas-state{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .325s ease .325s,visibility .325s ease .325s}.empty-canvas-state.visible{opacity:1;visibility:visible;pointer-events:auto}.empty-canvas-state.no-transition{transition:none}.empty-canvas-state-inner{display:flex;flex-direction:column;align-items:center;padding:32px 40px;min-width:320px;max-width:350px;background-color:var(--ui-background-color);border:var(--ui-border);border-radius:var(--ui-border-radius);box-shadow:var(--ui-shadow);cursor:default}.empty-canvas-state-title{font-family:var(--ui-font-family);font-size:14px;font-weight:var(--ui-font-weight);color:var(--ui-text-color);opacity:1;margin:0 0 20px;text-align:center}.empty-canvas-state-form{width:100%;display:flex;flex-direction:column}.empty-canvas-state-form .field .field-title{display:none}.empty-canvas-state-form .dropdown .dropdown-trigger{transition:none}.empty-canvas-state-form .dropdown .dropdown-trigger:active{transform:none}.empty-canvas-state-form .dimensions-field .input-row-container{display:flex;gap:6px}.empty-canvas-state-form .dimensions-field .input-container{flex:1}.empty-canvas-state-form .create-frame-btn{width:100%;height:32px;margin-top:6px}.popover[data-popover-title=Fill] .content .form .field:first-child{margin-bottom:16px}.popover[data-popover-title=Fill] .content .form .fill-popover-content{margin-top:0;margin-bottom:-16px}.popover[data-popover-title=Fill] .content .form .fill-popover-content .gradient-picker{margin-bottom:-8px}.popover[data-popover-title=Stroke] .content .form>*:first-child{margin-bottom:16px}.popover[data-popover-title=Stroke] .content .form>*:last-child{margin-bottom:-16px}.popover[data-popover-title=Shadow] .content .form>*:first-child{margin-bottom:16px}.popover[data-popover-title=Shadow] .content .form>*:last-child{margin-bottom:-16px}.popover[data-popover-title="Chat History"] .content{display:flex;flex-direction:column;padding:6px}.popover[data-popover-title="Chat History"] .content .chat-history-thread-list{display:flex;flex-direction:column;gap:2px}.popover[data-popover-title="Chat History"] .thread-row{display:flex;align-items:center;padding:0 10px;height:32px;border-radius:6px;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);position:relative;cursor:default;background-color:transparent}.popover[data-popover-title="Chat History"] .thread-row-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.popover[data-popover-title="Chat History"] .thread-row-time{opacity:.5;flex-shrink:0;margin-left:10px}.popover[data-popover-title="Chat History"] .thread-row:hover{background-color:var(--button-secondary-hover-background-color)}.popover[data-popover-title="Chat History"] .thread-row:hover .thread-row-time{opacity:1}.popover[data-popover-title="Chat History"] .thread-row.active{background-color:var(--button-primary-background-color)}.popover[data-popover-title="Chat History"] .thread-row.active .thread-row-title{color:#fff}.popover[data-popover-title="Chat History"] .thread-row.active .thread-row-time{opacity:1;color:#fff}.share-modal-content{display:flex;flex-direction:column;gap:16px;color:var(--ui-text-color);font-family:var(--ui-font-family)}.share-description{font-size:13px;line-height:1.5;color:var(--ui-text-color);opacity:.7}.share-input-group{margin-top:4px;position:relative}.share-filename-input{width:100%;padding:10px 40px 10px 12px;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:var(--field-background-color);color:var(--ui-text-color);font-family:var(--ui-font-family);font-size:13px;outline:none}.share-input-group button{width:26px!important;height:26px!important;margin-right:2px;border-radius:6px}.share-input-group button svg{width:14px!important;height:14px!important}.share-open-new-tab-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.share-open-new-tab-btn:active,.share-open-new-tab-btn.pressed{transform:translateY(-50%) scale(var(--button-press-scale))!important}.share-filename-input::selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.share-filename-input::-moz-selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.share-warning{display:flex;gap:10px;background:#0000000d;padding:12px;border-radius:6px;font-size:13px;line-height:1.4;color:var(--ui-text-color);opacity:.8;align-items:flex-start}.share-warning svg{flex-shrink:0;margin-top:2px;opacity:.7}.share-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}@media (prefers-color-scheme: dark){.share-filename-input{background:#222;border-color:#333;color:#fff}.share-warning{background:#222;color:#aaa}.copy-link-btn{background:#fff;color:#000}}.report-issue-content{display:flex;flex-direction:column;gap:16px}.report-issue-preview{border-radius:8px;overflow:hidden;background:var(--field-background-color);height:240px;display:flex;align-items:center;justify-content:center}.report-issue-loader{display:flex;align-items:center;justify-content:center;color:var(--ui-text-color);opacity:.5}.report-issue-loader .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.report-issue-preview img{width:100%;height:100%;object-fit:contain;display:block}.report-issue-form{display:flex;flex-direction:column;gap:12px}.report-issue-message{width:100%;min-height:80px;padding:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:var(--field-background-color);color:var(--ui-text-color);font-family:inherit;font-size:14px;resize:vertical;box-sizing:border-box}.report-issue-message:focus{outline:none;border-color:var(--ui-primary-color)}.report-issue-submit{align-self:flex-end}.report-issue-submit:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme: dark){.report-issue-message{background:#222;border-color:#333;color:#fff}.report-issue-preview{background:#222}}.modal-content:has(.welcome-modal-content){padding:0}.welcome-modal-content{display:flex;flex-direction:row;min-height:400px;color:var(--ui-text-color);font-family:var(--ui-font-family);overflow:hidden}.welcome-modal-content .left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:32px;gap:16px}.welcome-modal-content .left h1{margin:0;font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.025em}.welcome-modal-content .left p{margin:0;font-size:14px;font-weight:450;color:var(--ui-text-secondary);line-height:1.5}.welcome-modal-content .left .auth-buttons{display:flex;flex-direction:row;gap:6px;margin-top:20px}.welcome-modal-content .left .auth-buttons button{font-size:14px!important;padding:0 16px!important;height:40px!important}.welcome-modal-content .right{min-width:45%;flex:1;background-image:url(/assets/onboarding.png);background-size:125%;background-position:top left;background-repeat:no-repeat}.error-detected-content{display:flex;flex-direction:column;gap:16px;color:var(--ui-text-color);font-family:var(--ui-font-family)}.error-detected-description{font-size:13px;line-height:1.5;color:var(--ui-text-color);opacity:.7}.error-detected-details{background:#0000000d;padding:12px;border-radius:6px;overflow-x:auto}.error-detected-details code{font-family:var(--ui-code-font-family, "DM Mono", monospace);font-size:12px;line-height:1.5;color:var(--ui-text-color);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}.error-detected-details code::selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.error-detected-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}@media (prefers-color-scheme: dark){.error-detected-details{background:#222}}.about-lab-modal-content{display:flex;flex-direction:column;gap:16px;color:var(--ui-text-color);font-family:var(--ui-font-family)}.about-lab-modal-content .about-lab-stats{display:flex;flex-direction:column;gap:8px;padding:12px;background:#00000008;border-radius:6px;font-family:DM Mono,monospace;font-weight:var(--ui-font-weight);color:var(--ui-text-color);opacity:.6}.about-lab-modal-content .about-lab-stats *{font-family:inherit}.about-lab-stat{display:flex;justify-content:space-between;align-items:center;font-size:13px}.about-lab-actions{display:flex;justify-content:space-between;align-items:center}.about-lab-actions-right{display:flex;gap:6px;align-items:center;margin-left:auto}.delete-lab-modal-content{display:flex;flex-direction:column;gap:12px;color:var(--ui-text-color);font-family:var(--ui-font-family)}.delete-lab-modal-content p{margin:0;font-size:var(--ui-font-size);line-height:1.5}.delete-lab-actions{display:flex;justify-content:flex-end;gap:6px}button.danger{background:var(--ui-destructive-color, #ff3b30);color:#fff}button.danger:hover{background:color-mix(in srgb,var(--ui-destructive-color, #ff3b30),black 10%)}button.secondary.danger{background:#ff3b301a;color:var(--ui-destructive-color, #ff3b30)}button.secondary.danger:hover{background:#ff3b302e}button.tertiary.danger{background:transparent;color:var(--ui-destructive-color, #ff3b30)}button.tertiary.danger:hover{background:#ff3b301a}.logout-modal-content{display:flex;flex-direction:column;gap:12px;color:var(--ui-text-color);font-family:var(--ui-font-family)}.logout-modal-content p{margin:0;font-size:14px;line-height:1.5}.logout-modal-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}@media (prefers-color-scheme: dark){.about-lab-stats{background:#ffffff0d}button.secondary.danger{background:#ff3b3026}button.secondary.danger:hover{background:#ff3b3040}}.modal:has(.sharing-modal-content){max-width:400px}.sharing-modal-content{display:flex;flex-direction:column;gap:12px;color:var(--ui-text-color);font-family:var(--ui-font-family)}.sharing-link-access{display:flex;align-items:center;gap:8px}.sharing-link-role-form{margin-left:auto}.sharing-link-label{font-size:var(--ui-font-size);color:var(--ui-text-color)}.sharing-link-role-form{width:110px}.sharing-link-role-form .field{margin-bottom:0}.sharing-link-role-form .field,.sharing-link-role-form .right,.sharing-link-role-form .input-row-container,.sharing-link-role-form .dropdown,.sharing-link-role-form .dropdown-trigger{width:100%}.sharing-divider{height:1px;background:var(--ui-border-color, rgba(0, 0, 0, .08));margin:4px 0}.sharing-invite-row{display:flex;gap:6px;align-items:flex-start}.sharing-email-input{flex:1;width:100%;padding:7px 10px;font-size:var(--ui-font-size);font-family:var(--ui-font-family);line-height:18px;color:var(--ui-text-color);background:var(--field-background-color);border:1px solid transparent;border-radius:8px;outline:none;resize:none;box-sizing:border-box;overflow:hidden;height:32px}.sharing-email-input:hover{border-color:#00000016}.sharing-email-input:focus{border-color:var(--ui-primary-color)}.sharing-email-input::placeholder{color:var(--ui-text-color);opacity:.4}.sharing-invite-btn{align-self:flex-start}.sharing-invite-btn.disabled{filter:grayscale(100%) brightness(1.5);opacity:.25;color:#000}.sharing-people-list{display:flex;flex-direction:column;gap:2px;margin-top:0;margin-bottom:-4px}.sharing-person{display:flex;align-items:center;gap:8px;padding:6px 0}.sharing-person-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-family);font-size:11px;font-weight:600;flex-shrink:0}.sharing-person-icon{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ui-text-color);opacity:.4}.sharing-person-icon svg{width:18px;height:18px}.sharing-person-name{flex:1;font-size:var(--ui-font-size);color:var(--ui-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharing-pending{opacity:.5;font-weight:400}.sharing-person-role-form{flex-shrink:0;width:110px}.sharing-person-role-form .field{margin-bottom:0}.sharing-person-role-form .field,.sharing-person-role-form .right,.sharing-person-role-form .input-row-container,.sharing-person-role-form .dropdown,.sharing-person-role-form .dropdown-trigger{width:100%}.sharing-person-role-form .dropdown-trigger.disabled{opacity:.5;cursor:default;pointer-events:none}@media (prefers-color-scheme: dark){.sharing-divider{background:#ffffff14}.sharing-email-input{background:#ffffff0d}}.account-preferences-modal-content{display:flex;flex-direction:column;gap:6px;color:var(--ui-text-color);font-family:var(--ui-font-family)}.account-preferences-modal-content .form{margin:0}.account-preferences-delete-section{margin-top:8px}.account-preferences-actions{display:flex;justify-content:space-between;align-items:center}.account-preferences-actions-right{display:flex;gap:6px;align-items:center;margin-left:auto}:root{--page-background-color: #f5f5f5;--player-background-color: var(--page-background-color);--fallback-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--ui-primary-color-design: #FF5500;--ui-primary-color-build: #781AF2;--ui-primary-color: var(--ui-primary-color-design);--ui-background-color: rgba(255, 255, 255, 1);--ui-background-color-opaque: rgba(255, 255, 255, 1);--ui-backdrop-filter: blur(32px);--ui-border: .5px solid #dedede;--ui-border-radius: 16px;--ui-text-color: #222222;--ui-text-opacity: .95;--ui-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08), inset 0 1px 0 0 rgba(255, 255, 255, .2);--ui-font-family: "DM Sans", sans-serif;--ui-font-size: 12px;--ui-font-weight: 450;--field-font-size: 12px;--field-background-color: rgba(0, 0, 0, .05);--field-unset-opacity: .5;--field-unset-text-color: rgba(0, 0, 0, .35)}body[data-mode=build]{--ui-primary-color: var(--ui-primary-color-build);--button-primary-background-color: var(--ui-primary-color);--button-primary-hover-background-color: color-mix(in srgb, var(--ui-primary-color) 92%, black)}html{margin:0;padding:0;overscroll-behavior:none;overflow:hidden}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-display:swap}ui input,ui textarea,ui select,ui [contenteditable],ui .prompt-field{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}body{background-color:var(--page-background-color);margin:0;padding:0;overscroll-behavior:none;overflow:hidden;font-family:var(--fallback-font-family)}*:focus{outline:none}ui{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}ui>*{pointer-events:auto}html.resizing-cursor-ew,html.resizing-cursor-ew *{cursor:ew-resize!important}html.resizing-cursor-ew .sidebar-resize-handle{pointer-events:auto!important}ui.muted,ui.muted *{pointer-events:none!important}stage{z-index:-999999}player{z-index:100}h1{font-family:var(--ui-font-family);font-size:24px;font-weight:650;color:var(--ui-text-color);margin:0}h2{font-family:var(--ui-font-family);font-size:20px;font-weight:500;color:var(--ui-text-color);margin:0}h3{font-family:var(--ui-font-family);font-size:18px;font-weight:500;color:var(--ui-text-color);margin:0}h4{font-family:var(--ui-font-family);font-size:16px;font-weight:450;color:var(--ui-text-color);margin:0}h5{font-family:var(--ui-font-family);font-size:14px;font-weight:500;color:var(--ui-text-color);margin:0}p{font-family:var(--ui-font-family);font-size:14px;font-weight:450;color:var(--ui-text-color);margin:0}span{font-family:var(--ui-font-family);font-size:12px;font-weight:400;color:var(--ui-text-color);margin:0}.form .field{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:6px}.form .field:not(:last-child){margin-bottom:6px}.form .field .field-title{flex:0 0 auto;min-width:65px;font-size:var(--field-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);padding-top:7px;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.form .field .field-title:empty{display:none}.form .field[data-bundle-no-label="1"]{gap:0}.form .field[data-bundle-grow-first="1"] .input-row-container{column-gap:6px;flex-wrap:nowrap}.form .field[data-bundle-grow-first="1"] .input-row-container .input-container:first-child{flex:1 1 auto;min-width:0}.form .field[data-bundle-grow-first="1"] .input-row-container .input-container:last-child{flex:0 0 65px;max-width:65px;min-width:65px}.form .field .right{flex:1;overflow:visible;min-width:0}.form .field .input-row-container,.form .input-row-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:6px;--form-input-row-gap: 6px}.form .field .input-row-container[data-min-fields-per-row],.form .input-row-container[data-min-fields-per-row]{--form-min-field-width: calc((100% - (var(--form-input-row-gap, 6px) * (var(--min-fields-per-row, 1) - 1))) / var(--min-fields-per-row, 1))}.form .field .input-row-container[data-min-fields-per-row] .input-container,.form .input-row-container[data-min-fields-per-row] .input-container{flex:1 1 var(--form-min-field-width);min-width:var(--form-min-field-width);max-width:var(--form-min-field-width)}.form .field .input-row-container+.input-row-container,.form .input-row-container+.input-row-container{margin-top:8px}.form .field .input-row-container .input-container,.form .input-row-container .input-container,.form .input-container{position:relative;flex:1}.form .field .input-row-container .input-container input,.form .input-row-container .input-container input,.form .input-container input{width:100%;min-width:50px;box-sizing:border-box;text-align:left;padding:6px 6px 6px 24px;border:1px solid transparent;border-radius:6px;background:var(--field-background-color);font-family:var(--ui-font-family);font-size:var(--field-font-size);color:var(--ui-text-color);outline:none;cursor:default;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;height:32px}.form .field .input-row-container .input-container:not(:has(.input-label)) input,.form .input-row-container .input-container:not(:has(.input-label)) input,.form .input-container:not(:has(.input-label)) input{padding-left:8px}.form .field .input-row-container .input-container:has(.input-label.trailing) input,.form .input-row-container .input-container:has(.input-label.trailing) input,.form .input-container:has(.input-label.trailing) input{padding-left:8px;padding-right:24px}.form .field .input-row-container .input-container input::-webkit-outer-spin-button,.form .field .input-row-container .input-container input::-webkit-inner-spin-button,.form .input-row-container .input-container input::-webkit-outer-spin-button,.form .input-row-container .input-container input::-webkit-inner-spin-button,.form .input-container input::-webkit-outer-spin-button,.form .input-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form .field .input-row-container .input-container input:hover,.form .input-row-container .input-container input:hover,.form .input-container input:hover{border-color:#00000016}.form .field .input-row-container .input-container:has(.fill-preview:hover) input,.form .input-row-container .input-container:has(.fill-preview:hover) input,.form .input-container:has(.fill-preview:hover) input{border-color:#00000016}.form .field .input-row-container .input-container:has(.fill-preview:hover) input:focus,.form .input-row-container .input-container:has(.fill-preview:hover) input:focus,.form .input-container:has(.fill-preview:hover) input:focus{border-color:var(--ui-primary-color)}.form .field .input-row-container .input-container.color-field:has(.color-preview:hover) .color-input,.form .input-row-container .input-container.color-field:has(.color-preview:hover) .color-input,.form .input-container.color-field:has(.color-preview:hover) .color-input{border-color:#00000016}.form .field .input-row-container .input-container.color-field:has(.color-preview:hover) .color-input:focus,.form .input-row-container .input-container.color-field:has(.color-preview:hover) .color-input:focus,.form .input-container.color-field:has(.color-preview:hover) .color-input:focus{border-color:var(--ui-primary-color)}.form .field .input-row-container .input-container input:focus,.form .input-row-container .input-container input:focus,.form .input-container input:focus{border-color:var(--ui-primary-color);outline:none;cursor:text}.form .field .input-row-container .input-container input.invalid,.form .input-row-container .input-container input.invalid,.form .input-container input.invalid{border-color:#ff4757;background-color:#ff47570d}.form .field .input-row-container .input-container.color-field .color-input.invalid,.form .input-row-container .input-container.color-field .color-input.invalid,.form .input-container.color-field .color-input.invalid{border-color:var(--ui-primary-color);background-color:var(--field-background-color)}.form .field .input-row-container .input-container input:disabled,.form .input-row-container .input-container input:disabled,.form .input-container input:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form .field .input-row-container .input-container input.numeric::-webkit-outer-spin-button,.form .field .input-row-container .input-container input.numeric::-webkit-inner-spin-button,.form .input-row-container .input-container input.numeric::-webkit-outer-spin-button,.form .input-row-container .input-container input.numeric::-webkit-inner-spin-button,.form .input-container input.numeric::-webkit-outer-spin-button,.form .input-container input.numeric::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form .field .input-row-container .input-container .input-label,.form .input-row-container .input-container .input-label,.form .input-container .input-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-family:var(--ui-font-family);font-size:var(--field-font-size);font-weight:var(--ui-font-weight);color:#00000059;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-right:2px;display:flex;align-items:center;gap:2px}.form .field .input-row-container .input-container .input-label.scrubable-label,.form .input-row-container .input-container .input-label.scrubable-label,.form .input-container .input-label.scrubable-label{cursor:ew-resize;padding-left:8px;padding-right:2px;left:0;height:100%;border-radius:6px 0 0 6px}.form .field .input-row-container .input-container:has(.input-label.scrubable-label:hover) input,.form .input-row-container .input-container:has(.input-label.scrubable-label:hover) input,.form .input-container:has(.input-label.scrubable-label:hover) input{border-color:#00000016}.form .field .input-row-container .input-container:has(.input-label.scrubable-label:hover) input:focus,.form .input-row-container .input-container:has(.input-label.scrubable-label:hover) input:focus,.form .input-container:has(.input-label.scrubable-label:hover) input:focus{border-color:var(--ui-primary-color)}.form .field .input-row-container .input-container:has(.input-label:hover) input,.form .input-row-container .input-container:has(.input-label:hover) input,.form .input-container:has(.input-label:hover) input{border-color:#00000016}.form .field .input-row-container .input-container:has(.input-label:hover) input:focus,.form .input-row-container .input-container:has(.input-label:hover) input:focus,.form .input-container:has(.input-label:hover) input:focus{border-color:var(--ui-primary-color)}.form .field .input-row-container .input-container.scrubbing input,.form .input-row-container .input-container.scrubbing input,.form .input-container.scrubbing input{border-color:var(--ui-primary-color)}.form .field .input-row-container .input-container .input-label svg,.form .input-row-container .input-container .input-label svg,.form .input-container .input-label svg{width:13px;height:13px;stroke:#00000059;flex-shrink:0}.form .field .input-row-container .input-container .input-label.trailing,.form .input-row-container .input-container .input-label.trailing,.form .input-container .input-label.trailing{left:auto;right:5px;text-transform:none}.form .field .input-row-container .input-container .input-label.trailing.scrubable-label,.form .input-row-container .input-container .input-label.trailing.scrubable-label,.form .input-container .input-label.trailing.scrubable-label{padding-left:2px;padding-right:7px;right:-2px;border-radius:0 6px 6px 0}.form .field .input-row-container .fill-picker.unset .fill-preview.unset,.form .input-row-container .fill-picker.unset .fill-preview.unset,.form .fill-picker.unset .fill-preview.unset{background:#d9d9d9}.form .input-container{--unset-dash-left: 24px}.form .input-container:not(:has(.input-label)),.form .input-container:has(.input-label.trailing){--unset-dash-left: 8px}.form .input-container:has(input.unset):before{content:"-";position:absolute;left:var(--unset-dash-left, 24px);top:50%;transform:translateY(-50%);color:var(--ui-text-color);opacity:1;font-family:var(--ui-font-family);font-size:var(--field-font-size);line-height:1;pointer-events:none;z-index:2}.form .input-container:has(textarea.unset):before{content:"-";position:absolute;left:var(--unset-dash-left, 8px);top:10px;transform:none;color:var(--ui-text-color);opacity:1;font-family:var(--ui-font-family);font-size:var(--field-font-size);line-height:1;pointer-events:none;z-index:2}.form .input-container:has(input.unset:placeholder-shown:not([placeholder=""])):before,.form .input-container:has(textarea.unset:placeholder-shown:not([placeholder=""])):before{display:none}.form .fill-picker.unset .input-container.fill:before{content:"-";position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--ui-text-color);opacity:1;font-family:var(--ui-font-family);font-size:var(--field-font-size);line-height:1;pointer-events:none;z-index:2}.form .fill-picker.unset .input-container.fill:focus-within:before{display:none}.form .unset-text{color:var(--ui-text-color);opacity:1}.form .field .input-row-container .dropdown,.form .input-row-container .dropdown,.form .dropdown{position:relative;flex:1;min-width:0;overflow:visible}.form .field .input-row-container .dropdown .dropdown-trigger,.form .input-row-container .dropdown .dropdown-trigger,.form .dropdown .dropdown-trigger{width:100%;min-width:0;box-sizing:border-box;text-align:left;padding:6px 24px 6px 8px;border:1px solid var(--field-background-color);border-radius:6px;background:none;font-family:var(--ui-font-family);font-size:var(--field-font-size);color:var(--ui-text-color);outline:none;cursor:default;display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;overflow:hidden}.form .field .input-row-container .dropdown .dropdown-trigger:hover,.form .input-row-container .dropdown .dropdown-trigger:hover,.form .dropdown .dropdown-trigger:hover{border-color:#00000016}.form .field .input-row-container .dropdown .dropdown-trigger:focus,.form .input-row-container .dropdown .dropdown-trigger:focus,.form .dropdown .dropdown-trigger:focus{border-color:#00000016;outline:none}.form .field .input-row-container .dropdown .dropdown-value,.form .input-row-container .dropdown .dropdown-value,.form .dropdown .dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form .field .input-row-container .dropdown .dropdown-arrow,.form .input-row-container .dropdown .dropdown-arrow,.form .dropdown .dropdown-arrow{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.5;pointer-events:none;margin-right:-16px}.form .field .input-row-container .dropdown .dropdown-arrow svg,.form .input-row-container .dropdown .dropdown-arrow svg,.form .dropdown .dropdown-arrow svg{width:12px;height:12px;stroke:currentColor}.form .field .input-row-container .input-container textarea,.form .input-row-container .input-container textarea,.form .input-container textarea{width:100%;min-width:50px;height:60px;box-sizing:border-box;text-align:left;padding:8px;border:1px solid transparent;border-radius:6px;background:var(--field-background-color);font-family:var(--ui-font-family);font-size:var(--field-font-size);color:var(--ui-text-color);outline:none;cursor:default;resize:none;line-height:1.4;overflow:hidden;display:block}.form .field .input-row-container .input-container textarea.prompt,.form .input-row-container .input-container textarea.prompt,.form .input-container textarea.prompt{--placeholder-opacity: .6}.form .field .input-row-container .input-container textarea.prompt::placeholder,.form .input-row-container .input-container textarea.prompt::placeholder,.form .input-container textarea.prompt::placeholder{opacity:var(--placeholder-opacity, .6)}.form .field .input-row-container .input-container textarea.prompt:focus::placeholder,.form .input-row-container .input-container textarea.prompt:focus::placeholder,.form .input-container textarea.prompt:focus::placeholder{opacity:0}.form .field .input-row-container .input-container textarea:hover,.form .input-row-container .input-container textarea:hover,.form .input-container textarea:hover{border-color:#00000016}.form .field .input-row-container .input-container textarea:focus,.form .input-row-container .input-container textarea:focus,.form .input-container textarea:focus{border-color:var(--ui-primary-color);outline:none;cursor:text;min-height:60px;max-height:200px}.form .field .input-row-container .input-container:has(textarea:not(:placeholder-shown)):not(:focus-within):after,.form .input-row-container .input-container:has(textarea:not(:placeholder-shown)):not(:focus-within):after,.form .input-container:has(textarea:not(:placeholder-shown)):not(:focus-within):after{content:"";position:absolute;top:75%;left:1px;right:1px;bottom:1px;pointer-events:none;border-radius:5px;z-index:1;box-sizing:border-box}.form .field .input-row-container .input-container:has(textarea) .input-label,.form .input-row-container .input-container:has(textarea) .input-label,.form .input-container:has(textarea) .input-label{top:16px;transform:none;letter-spacing:0}.form .field .input-row-container .fill-picker,.form .input-row-container .fill-picker,.form .fill-picker{position:relative;display:flex;align-items:center;width:100%}.form .field .input-row-container .fill-picker .fill .fill-preview,.form .input-row-container .fill-picker .fill .fill-preview,.form .fill-picker .fill .fill-preview{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:4px;z-index:1;pointer-events:auto}.form .field .input-row-container .fill-picker .fill .fill-input,.form .input-row-container .fill-picker .fill .fill-input,.form .fill-picker .fill .fill-input{padding-left:28px!important}.form .field .input-row-container .input-container.color-field .color-input,.form .input-row-container .input-container.color-field .color-input,.form .input-container.color-field .color-input{padding-left:8px}.form .field .input-row-container .input-container.color-field.has-preview .color-input,.form .input-row-container .input-container.color-field.has-preview .color-input,.form .input-container.color-field.has-preview .color-input{padding-left:32px}.form .field .input-row-container .input-container.color-field .color-preview,.form .input-row-container .input-container.color-field .color-preview,.form .input-container.color-field .color-preview{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:4px;background-image:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff9;box-sizing:border-box;pointer-events:auto;cursor:default}.form .field .input-row-container .input-container.color-field .color-preview.has-color,.form .input-row-container .input-container.color-field .color-preview.has-color,.form .input-container.color-field .color-preview.has-color{background-image:none;background-color:var(--preview-color, rgba(255, 255, 255, .6))}.form .field .input-row-container .input-container.gradient-field,.form .input-row-container .input-container.gradient-field,.form .input-container.gradient-field{position:relative}.form .gradient-field-button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;height:32px;padding:6px 8px 6px 7px;border-radius:6px;border:1px solid transparent;background:var(--field-background-color);color:var(--ui-text-color);font-family:var(--ui-font-family);font-size:var(--field-font-size);font-weight:var(--ui-font-weight);cursor:default;text-align:left;transition:none;transform:none!important}.form .gradient-field-button:hover:not(:disabled){border-color:#00000016}.form .gradient-field-button:hover:focus{border-color:var(--ui-primary-color)}.form .gradient-field-button:focus{border-color:var(--ui-primary-color);outline:none}.form .gradient-field-button:disabled{opacity:.5;cursor:default}.form .gradient-field-button:active,.form .gradient-field-button.pressed{transform:none!important}.form .gradient-field-button .gradient-field-preview{width:16px;height:16px;border-radius:4px;background-image:var(--gradient-preview, linear-gradient(90deg, #FFFFFF 0%, #000000 100%));background-size:100% 100%;background-position:center;background-repeat:no-repeat;flex:0 0 auto;box-sizing:border-box}.form .gradient-field-button .gradient-field-label{flex:1;opacity:var(--ui-text-opacity)}.form .gradient-field-button .gradient-field-preview.unset{background-image:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff9;background-repeat:repeat}.form .field .input-row-container .input-container.media-field,.form .input-row-container .input-container.media-field,.form .input-container.media-field{position:relative}.form .media-field-button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;height:32px;padding:6px 8px 6px 7px;border-radius:6px;border:1px solid transparent;background:var(--field-background-color);color:var(--ui-text-color);font-family:var(--ui-font-family);font-size:var(--field-font-size);font-weight:var(--ui-font-weight);cursor:default;text-align:left;transition:none;transform:none!important}.form .media-field-button:hover:not(:disabled){border-color:#00000016}.form .media-field-button:hover:focus{border-color:var(--ui-primary-color)}.form .media-field-button:focus{border-color:var(--ui-primary-color);outline:none}.form .media-field-button:disabled{opacity:.5;cursor:default}.form .media-field-button:active,.form .media-field-button.pressed{transform:none!important}.form .media-field-preview{position:relative;width:16px;height:16px;border-radius:4px;flex:0 0 auto;box-sizing:border-box;overflow:hidden}.form .media-field-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#ffffffa6;box-sizing:border-box}.form .media-field-preview-image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--media-image, none);background-size:var(--media-size, cover);background-position:center;background-repeat:no-repeat;transform:var(--media-transform, scaleX(1));transition:opacity .2s ease;opacity:0;transform-origin:center}.form .media-field-preview-image.tile-mode{background-repeat:repeat}.form .media-field-preview.has-media .media-field-preview-image{opacity:1}.form .media-field-label{flex:1;opacity:var(--ui-text-opacity)}.form .field .input-row-container .fill-picker .opacity,.form .input-row-container .fill-picker .opacity,.form .fill-picker .opacity{flex:0 0 60px;margin-left:6px}.form .field .input-row-container .fill-picker .opacity .opacity-input,.form .input-row-container .fill-picker .opacity .opacity-input,.form .fill-picker .opacity .opacity-input{text-align:center}.form .field .input-row-container .grouped-button,.form .input-row-container .grouped-button,.form .grouped-button{display:flex;width:100%;border:1px solid transparent;border-radius:6px;background:var(--field-background-color);overflow:hidden;height:32px;box-sizing:border-box}.form .field .input-row-container .grouped-button .grouped-button,.form .input-row-container .grouped-button .grouped-button,.form .grouped-button .grouped-button{flex:1;padding:5px 8px 7px;border:none;background:transparent;font-family:var(--ui-font-family);font-size:var(--field-font-size);color:var(--ui-text-color);border-radius:0;position:relative;height:32px;box-sizing:border-box}.form .field .input-row-container .grouped-button .grouped-button.active:before,.form .input-row-container .grouped-button .grouped-button.active:before,.form .grouped-button .grouped-button.active:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:4px;background:#fff;border-radius:4px;z-index:-1}.form .field .input-row-container .grouped-button .grouped-button.active,.form .input-row-container .grouped-button .grouped-button.active,.form .grouped-button .grouped-button.active{position:relative}.form .field .input-row-container .grouped-button .grouped-button,.form .input-row-container .grouped-button .grouped-button,.form .grouped-button .grouped-button{transition:none!important;transform:scale(1)!important}.form .field .input-row-container .grouped-button .grouped-button:active,.form .input-row-container .grouped-button .grouped-button:active,.form .grouped-button .grouped-button:active,.form .field .input-row-container .grouped-button .grouped-button.pressed,.form .input-row-container .grouped-button .grouped-button.pressed,.form .grouped-button .grouped-button.pressed{transform:scale(1)!important}.form input::selection,.form textarea::selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.form input::-moz-selection,.form textarea::-moz-selection{background-color:color-mix(in srgb,var(--ui-primary-color) 14%,transparent);color:inherit}.search-input-container{position:relative}.search-input-container .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}.search-input-container .search-icon svg{width:14px;height:14px}.search-input-container .font-search-input{padding-left:32px!important}