.toast{display:flex;align-items:flex-start;gap:var(--spacing-sp-sm);padding:var(--spacing-sp-md) var(--spacing-sp-lg);border-radius:var(--radius-lg);border:1px solid;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;min-width:240px;max-width:420px;pointer-events:auto;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function),transform var(--default-transition-duration) var(--default-transition-timing-function)}.toast--success{background:var(--color-success-banner-bg);border-color:var(--color-success-banner-border);color:var(--color-success-banner-text)}.toast--error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.toast--warning{background:var(--color-star-bg);border-color:var(--color-star-border);color:var(--color-star)}.toast:hover{opacity:.9}.toast__body{display:flex;flex-direction:column;gap:var(--spacing-sp-2xs);flex:1;min-width:0}.toast__message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4}.toast__description{font-size:var(--font-size-xs);opacity:.8;line-height:1.4;word-break:break-word}.toast__close{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:inherit;font-size:var(--font-size-md);line-height:1;cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function)}.toast__close:hover,.toast__close:focus-visible{opacity:1}.toast__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toast:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toast-container{position:fixed;top:var(--spacing-sp-lg);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sp-sm);pointer-events:none}.url-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.url-modal{background:var(--color-surface-modal);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:24px;max-width:520px;width:90%;box-shadow:var(--shadow-modal)}.url-modal-title{font-size:16px;font-weight:600;color:var(--color-fg);margin-bottom:8px}.url-modal-description{font-size:12px;color:var(--color-fg-subtle);margin:0 0 12px}.url-modal-textarea{width:100%;padding:8px 10px;background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-size:12px;font-family:monospace;resize:none;outline:none}.url-modal-textarea:focus{border-color:var(--color-border-focus)}.url-modal-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.url-modal-copy-btn{background:var(--color-control-bg-hover)}.url-modal-close-btn{background:var(--color-control-bg)}.login-guide-dialog{background:var(--color-surface-modal);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--spacing-sp-xl);max-width:420px;width:90%;box-shadow:var(--shadow-modal)}.login-guide-dialog-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-fg);margin:0 0 var(--spacing-sp-sm)}.login-guide-dialog-message{font-size:var(--font-size-sm);color:var(--color-fg-subtle);margin:0 0 var(--spacing-sp-lg);line-height:1.5}.login-guide-dialog-actions{display:flex;flex-direction:column;gap:var(--spacing-sp-sm)}.login-guide-dialog-btn-signup{background:var(--color-accent);color:var(--color-fg-on-accent);border:none;border-radius:var(--radius-md);padding:var(--spacing-sp-sm) var(--spacing-sp-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;width:100%;text-align:center}.login-guide-dialog-btn-signup:hover{opacity:.9}.login-guide-dialog-btn-login{background:var(--color-control-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sp-sm) var(--spacing-sp-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;width:100%;text-align:center}.login-guide-dialog-btn-login:hover{background:var(--color-control-bg-hover)}.login-guide-dialog-btn-cancel{background:transparent;color:var(--color-fg-subtle);border:none;padding:var(--spacing-sp-xs) 0;font-size:var(--font-size-sm);cursor:pointer;width:100%;text-align:center}.login-guide-dialog-btn-cancel:hover{color:var(--color-fg)}.auth-button{position:absolute;z-index:var(--z-canvas-overlay);top:calc(var(--chrome-height) + 12px);right:200px;display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;border:1px solid var(--color-border-faint);color:var(--color-fg-muted);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.auth-button:hover{background:var(--color-surface-glass);color:var(--color-fg)}.auth-button-wrapper{position:absolute;z-index:var(--z-canvas-overlay);top:calc(var(--chrome-height) + 12px);right:200px}.auth-user-btn{position:relative;top:auto;right:auto}.auth-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.auth-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--color-control-bg-hover);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--color-fg-muted)}.auth-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--color-surface-modal);border:1px solid var(--color-border);border-radius:8px;padding:4px 0;box-shadow:var(--shadow-dropdown);animation:popover-fade-in .12s ease-out}.auth-dropdown-item{display:block;width:100%;padding:8px 14px;background:none;border:none;color:var(--color-fg-muted);font-size:13px;text-align:left;cursor:pointer;transition:background .1s,color .1s}.auth-dropdown-item:hover{background:var(--color-control-bg);color:var(--color-fg)}.auth-dropdown-signout:hover{color:var(--color-danger)}.auth-dropdown-divider{height:1px;background:var(--color-border-faint);margin:4px 0}.auth-button-placeholder{position:absolute;z-index:var(--z-canvas-overlay);top:calc(var(--chrome-height) + 12px);right:200px;width:160px;height:38px;visibility:hidden}@media(max-width:640px){.auth-user-name{display:none}.auth-button-placeholder{width:60px}}.app-hamburger-menu{position:relative}.app-hamburger-trigger{display:flex;align-items:center;justify-content:center;width:40px;min-height:var(--global-header-height);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.app-hamburger-trigger:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.app-hamburger-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sp-2xs) 0;box-shadow:var(--shadow-menu)}.app-hamburger-item{display:flex;align-items:center;width:100%;padding:var(--spacing-sp-xs) var(--spacing-sp-md);background:none;border:none;color:var(--color-fg);font:inherit;font-size:var(--font-size-sm);cursor:pointer;text-align:left;text-decoration:none;box-sizing:border-box;transition:background var(--default-transition-duration) var(--default-transition-timing-function)}.app-hamburger-item:hover{background:var(--color-control-bg-hover)}.app-hamburger-divider{height:1px;background:var(--color-border);margin:var(--spacing-sp-2xs) 0}.app-hamburger-item--mobile-nav,.app-hamburger-divider--mobile-nav{display:none}@media(max-width:720px){.app-hamburger-item--mobile-nav{display:flex}.app-hamburger-divider--mobile-nav{display:block}}.app-hamburger-auth{padding:var(--spacing-sp-2xs) 0;position:relative}.app-hamburger-auth .auth-button{position:static;top:auto;right:auto;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--radius-sm);color:var(--color-fg-muted);font:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sp-xs) var(--spacing-sp-md);width:100%;box-sizing:border-box;justify-content:flex-start;z-index:auto;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.app-hamburger-auth .auth-button:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.app-hamburger-auth .auth-button-wrapper{position:relative;top:auto;right:auto}.create-split-button{position:relative;display:flex;align-items:stretch}.create-split-button-main{display:flex;align-items:center;gap:var(--spacing-sp-2xs);padding:var(--spacing-sp-2xs) var(--spacing-sp-sm);border-radius:var(--radius-sm) 0 0 var(--radius-sm);border:1px solid transparent;background:var(--color-accent);color:var(--color-fg-on-accent);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function)}.create-split-button-main:hover{opacity:.85}.create-split-button-main svg{flex-shrink:0}.create-split-button-chevron{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sp-2xs) var(--spacing-sp-2xs);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border:1px solid transparent;border-left:1px solid color-mix(in oklch,var(--color-fg-on-accent) 25%,transparent);background:var(--color-accent);color:var(--color-fg-on-accent);cursor:pointer;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function)}.create-split-button-chevron:hover{opacity:.85}.create-split-button-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sp-2xs) 0;box-shadow:var(--shadow-menu);z-index:var(--z-header)}.create-split-button-item{display:flex;align-items:center;gap:var(--spacing-sp-xs);width:100%;padding:var(--spacing-sp-xs) var(--spacing-sp-md);background:none;border:none;color:var(--color-fg);font:inherit;font-size:var(--font-size-sm);cursor:pointer;text-align:left;box-sizing:border-box;transition:background var(--default-transition-duration) var(--default-transition-timing-function)}.create-split-button-item:hover{background:var(--color-control-bg-hover)}.create-split-button-item svg{flex-shrink:0;color:var(--color-fg-muted)}.create-split-button-item-label{flex:1;min-width:0}.create-split-button-item-kbd{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-fg-faint)}.create-split-button-divider{height:1px;background:var(--color-border);margin:var(--spacing-sp-2xs) 0}.create-split-button-hint{padding:var(--spacing-sp-xs) var(--spacing-sp-md);color:var(--color-fg-faint);font-size:var(--font-size-xs);line-height:1.4}.create-split-button-hint-kbd{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--color-fg-muted)}.global-header-more{display:inline-flex;align-items:center}.global-header-more-trigger{background:none;border:none;cursor:pointer;font:inherit}.global-header-more-trigger svg{display:block}.global-header-more-trigger.is-active{color:var(--color-fg);background:var(--color-control-bg)}.global-header-more-dropdown{position:fixed;display:flex;flex-direction:column;min-width:160px;padding:var(--spacing-sp-2xs) 0;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);z-index:var(--z-popover-portaled)}.global-header-more-item{display:flex;align-items:center;padding:var(--spacing-sp-xs) var(--spacing-sp-md);color:var(--color-fg);font:inherit;font-size:var(--font-size-sm);text-decoration:none;white-space:nowrap;transition:background var(--default-transition-duration) var(--default-transition-timing-function)}.global-header-more-item:hover{background:var(--color-control-bg-hover)}.global-header-more-item.is-active{color:var(--color-fg);background:var(--color-control-bg)}.global-header{height:calc(var(--global-header-height) + env(safe-area-inset-top,0px));min-height:calc(var(--global-header-height) + env(safe-area-inset-top,0px));display:flex;align-items:center;padding:env(safe-area-inset-top,0px) max(var(--spacing-sp-md),env(safe-area-inset-right,0px)) 0 max(var(--spacing-sp-md),env(safe-area-inset-left,0px));gap:var(--spacing-sp-md);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:var(--z-header);position:relative}.global-header-left{display:flex;align-items:center;gap:var(--spacing-sp-sm);flex-shrink:0}.global-header-logo-btn{display:flex;align-items:center;gap:var(--spacing-sp-sm);background:none;border:none;padding:0;cursor:pointer;color:var(--color-fg);font:inherit;transition:color var(--default-transition-duration) var(--default-transition-timing-function)}.global-header-logo-btn:hover{color:var(--color-fg-muted)}.global-header-logo{display:inline-flex;width:22px;height:22px;flex-shrink:0}.global-header-logo>svg{width:100%;height:100%}.global-header-app-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.global-header-nav{flex:1 1 0;display:flex;justify-content:center;min-width:0;position:relative}.global-header-nav-list{display:flex;align-items:center;gap:var(--spacing-sp-2xs);list-style:none;margin:0;padding:0;max-width:100%;overflow:hidden}.global-header-nav-list--measure{position:absolute;top:0;left:0;max-width:none;overflow:visible;visibility:hidden;pointer-events:none;white-space:nowrap}.global-header-nav-item{display:flex}.global-header-nav-link{display:inline-flex;align-items:center;padding:var(--spacing-sp-2xs) var(--spacing-sp-sm);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-fg-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.global-header-nav-link:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.global-header-nav-link.is-active{color:var(--color-fg);background:var(--color-control-bg)}.global-header-right{display:flex;align-items:center;gap:var(--spacing-sp-xs);flex-shrink:0}.global-header-search{display:flex;align-items:center;gap:var(--spacing-sp-2xs);padding:var(--spacing-sp-2xs) var(--spacing-sp-sm);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-control-bg);color:var(--color-fg-muted);transition:border-color var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function)}.global-header-search:focus-within{border-color:var(--color-border-focus);color:var(--color-fg)}.global-header-search-icon{flex-shrink:0}.global-header-search-input{border:none;outline:none;background:transparent;color:var(--color-fg);font:inherit;font-size:var(--font-size-xs);width:14em;min-width:0;padding:0}.global-header-search-input::placeholder{color:var(--color-fg-faint)}.global-header-search-input::-webkit-search-cancel-button,.global-header-search-input::-webkit-search-decoration{display:none}.global-header-create{display:flex;align-items:stretch}.global-header .auth-button{position:static;top:auto;right:auto}.global-header .auth-button-wrapper{position:relative;top:auto;right:auto}.global-header-hamburger{display:flex;align-items:stretch;margin-left:var(--spacing-sp-xs);border-left:1px solid var(--color-border)}.global-header-hamburger .app-hamburger-menu{display:flex;align-items:stretch}.global-header-hamburger .app-hamburger-trigger{width:var(--global-header-height);height:100%;border-radius:0;border:none;background:transparent}.global-header-hamburger .app-hamburger-trigger:hover{background:var(--color-control-bg)}@media(max-width:960px){.global-header-search-input{width:8em}}@media(max-width:720px){.global-header{padding:env(safe-area-inset-top,0px) max(var(--spacing-sp-sm),env(safe-area-inset-right,0px)) 0 max(var(--spacing-sp-sm),env(safe-area-inset-left,0px));gap:var(--spacing-sp-sm)}.global-header-app-name{display:none}.global-header-right{margin-left:auto}.global-header-nav,.global-header-search,.global-header-create,.global-header-right>.auth-button,.global-header-right>.auth-button-wrapper{display:none}.global-header{background:var(--color-surface-glass-solid-strong);-webkit-backdrop-filter:none;backdrop-filter:none}}.tooltip{position:fixed;z-index:var(--z-tooltip);padding:var(--spacing-sp-2xs) var(--spacing-sp-sm);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-fg);pointer-events:none;max-width:280px;white-space:normal;word-break:break-word;opacity:0;transition:opacity .12s ease,transform .12s ease}.tooltip--visible{opacity:1}.tooltip--top{transform:translateY(2px)}.tooltip--top.tooltip--visible{transform:translateY(0)}.tooltip--bottom{transform:translateY(-2px)}.tooltip--bottom.tooltip--visible{transform:translateY(0)}.tooltip--left{transform:translate(2px)}.tooltip--left.tooltip--visible{transform:translate(0)}.tooltip--right{transform:translate(-2px)}.tooltip--right.tooltip--visible{transform:translate(0)}.composition-share-btn{display:inline-flex;align-items:center;gap:var(--spacing-sp-xs);padding:0 var(--spacing-sp-md);height:100%;background:transparent;border:none;color:var(--color-fg);font:inherit;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.composition-share-btn:hover:not(:disabled){background:var(--color-control-bg)}.composition-share-btn--copied{color:var(--color-success)}.composition-share-btn-icon{display:inline-flex;font-size:var(--font-size-base);line-height:1}@media(max-width:640px){.composition-share-btn-label{display:none}}.composition-visibility-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sp-xs);padding:0 var(--spacing-sp-md);height:100%;background:transparent;border:none;color:var(--color-fg-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.composition-visibility-toggle:hover:not(:disabled){background:var(--color-control-bg)}.composition-visibility-toggle:disabled{cursor:not-allowed;opacity:.5}.composition-visibility-toggle--public{color:var(--color-success)}.composition-visibility-toggle--private{color:var(--color-fg-muted)}.composition-visibility-toggle--pending{opacity:.6}.composition-visibility-toggle-icon{display:inline-flex;font-size:var(--font-size-base);line-height:1}@media(max-width:640px){.composition-visibility-toggle-label{display:none}}.share-to-x-btn{display:inline-flex;align-items:center;gap:var(--spacing-sp-xs);padding:0 var(--spacing-sp-md);height:100%;background:transparent;border:none;color:var(--color-fg);font:inherit;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),opacity var(--default-transition-duration) var(--default-transition-timing-function)}.share-to-x-btn:hover:not(:disabled){background:var(--color-control-bg)}.share-to-x-btn--disabled,.share-to-x-btn:disabled{opacity:.45;cursor:not-allowed}.share-to-x-btn-icon{display:inline-flex;font-size:var(--font-size-base);line-height:1;font-style:normal}@media(max-width:640px){.share-to-x-btn-label{display:none}}.save-status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-sp-3xs);padding:var(--spacing-hsp-2xs) var(--spacing-sp-sm);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none}.save-status-indicator__dot{display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.save-status-indicator--local{color:var(--color-fg-muted);background:transparent;border-color:var(--color-border-subtle)}.save-status-indicator--local .save-status-indicator__dot{background:var(--color-fg-faint)}.save-status-indicator--server{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-banner-border)}.save-status-indicator--server .save-status-indicator__dot{background:var(--color-success)}.save-status-indicator--viewing{color:var(--color-info-muted);background:var(--color-info-bg);border-color:var(--color-info-border)}.save-status-indicator--viewing .save-status-indicator__dot{background:var(--color-info-muted)}@media(max-width:640px){.save-status-indicator__label{display:none}.save-status-indicator{padding:var(--spacing-hsp-2xs) var(--spacing-sp-xs)}}.document-bar{height:var(--tab-bar-height);min-height:var(--tab-bar-height);display:flex;align-items:stretch;min-width:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:var(--z-toolbar);position:relative}.document-bar-tabs{flex:1;min-width:0;display:flex;align-items:stretch;overflow:hidden}.document-bar-tabs .tab-bar{flex:1;height:100%;min-height:0;background:transparent;border-bottom:none}.document-bar-save-status{display:flex;align-items:center;flex-shrink:0;padding:0 var(--spacing-sp-sm);border-left:1px solid var(--color-border)}.document-bar-share{display:flex;align-items:stretch;flex-shrink:0;border-left:1px solid var(--color-border)}.tab-overflow-menu{display:inline-flex;align-items:center}.tab-overflow-menu-trigger{display:flex;align-items:center;justify-content:center;width:var(--tab-bar-height);min-width:var(--tab-bar-height);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font:inherit;color:var(--color-fg-subtle);transition:color var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function)}.tab-overflow-menu-trigger svg{display:block}.tab-overflow-menu-trigger:hover{background:var(--color-control-bg);color:var(--color-fg)}.tab-overflow-menu-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.tab-overflow-menu-trigger.is-active{color:var(--color-fg);border-bottom-color:var(--color-fg-muted)}.tab-overflow-menu-dropdown{position:fixed;display:flex;flex-direction:column;min-width:180px;padding:var(--spacing-sp-2xs) 0;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);z-index:var(--z-popover-portaled)}.tab-overflow-menu-item{display:flex;align-items:center;gap:var(--spacing-sp-xs);padding:var(--spacing-sp-xs) var(--spacing-sp-md);color:var(--color-fg-muted);font:inherit;font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function);outline:none}.tab-overflow-menu-item:hover,.tab-overflow-menu-item:focus{background:var(--color-control-bg-hover);color:var(--color-fg)}.tab-overflow-menu-item.is-active{color:var(--color-fg);background:var(--color-control-bg)}.tab-overflow-menu-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tab-overflow-menu-item-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-fg-subtle);font-size:var(--font-size-2xs);cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.tab-overflow-menu-item-close:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.tab-bar{height:var(--tab-bar-height);min-height:var(--tab-bar-height);display:flex;align-items:stretch;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:var(--z-toolbar);position:relative;overflow:hidden;min-width:0}.tab-bar-tabs{flex:1 1 0;min-width:0;display:flex;align-items:stretch;overflow:hidden;position:relative}.tab-bar-tabs-measure{position:absolute;top:0;left:0;display:flex;align-items:stretch;gap:0;list-style:none;margin:0;padding:0;max-width:none;overflow:visible;visibility:hidden;pointer-events:none;white-space:nowrap}.tab-bar-tab{display:flex;align-items:center;gap:var(--spacing-sp-2xs);padding:0 var(--spacing-sp-md);font-size:var(--font-size-xs);color:var(--color-fg-subtle);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;position:relative;max-width:200px;flex-shrink:0;transition:color var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function)}.tab-bar-tab:hover{background:var(--color-control-bg);color:var(--color-fg-muted)}.tab-bar-tab.active{color:var(--color-fg);border-bottom-color:var(--color-fg-muted)}.tab-bar-tab-name{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tab-bar-tab-input{background:var(--color-control-bg);border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);color:var(--color-fg);font-size:var(--font-size-xs);padding:1px var(--spacing-sp-2xs);outline:none;width:100px}.tab-bar-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-fg-subtle);font-size:var(--font-size-2xs);cursor:pointer;opacity:0;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function)}.tab-bar-tab:hover .tab-bar-close,.tab-bar-tab.active .tab-bar-close{opacity:1}.tab-bar-close:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.tab-bar-tab--trigger-sample{max-width:none}.tab-bar-overflow-trigger-sample{padding:0 var(--spacing-sp-sm);font-size:var(--font-size-xs)}.tab-bar-add,.tab-bar-preview{display:flex;align-items:center;justify-content:center;width:var(--tab-bar-height);min-width:var(--tab-bar-height);font-size:var(--font-size-base);color:var(--color-fg-subtle);background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:color var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function)}.tab-bar-add:hover,.tab-bar-preview:hover{background:var(--color-control-bg);color:var(--color-fg)}.tab-bar-add:focus-visible,.tab-bar-preview:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.composition-thumb{position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--color-preview-bg);width:100%;height:100%;isolation:isolate}.composition-thumb-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.composition-thumb-anim-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .12s ease-out;pointer-events:none;z-index:var(--z-local-1)}.composition-thumb-live-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.composition-thumb-live-canvas{display:block;width:100%;height:100%;object-fit:cover}.composition-thumb-placeholder-text{font-size:var(--font-size-xs);color:var(--color-fg-faint);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:var(--spacing-sp-sm)}.composition-thumb--skeleton{background:var(--color-preview-bg)}.composition-thumb-skeleton-pulse{width:100%;height:100%;background:var(--color-control-bg);animation:composition-thumb-skeleton-pulse 1.5s ease-in-out infinite}@keyframes composition-thumb-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.composition-thumb-skeleton-pulse{animation:none;opacity:.6}.composition-thumb-anim-video{opacity:0!important}}.composition-thumb-wip-badge{position:absolute;top:var(--spacing-sp-xs);right:var(--spacing-sp-xs);background:#030303b8;color:#dedede;font-size:var(--font-size-2xs);font-weight:700;letter-spacing:.06em;line-height:1;padding:var(--spacing-vsp-2xs) var(--spacing-hsp-xs);border-radius:var(--radius-sm);pointer-events:none;z-index:var(--z-local-1)}.composition-thumb-enlarge{position:relative;display:inline-flex;align-items:center;justify-content:center}.composition-thumb-enlarge-placeholder{position:relative;display:flex;align-items:center;justify-content:center;min-width:200px;min-height:100px;background:var(--color-preview-bg)}.composition-thumb-wip-badge--enlarge{top:var(--spacing-sp-sm);right:var(--spacing-sp-sm);font-size:var(--font-size-xs);padding:var(--spacing-sp-3xs) var(--spacing-sp-sm)}.context-menu{position:fixed;box-sizing:border-box;min-width:180px;max-width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-sp-2xs) 0;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);z-index:var(--z-popover-portaled);-webkit-user-select:none;user-select:none}.context-menu__sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.context-menu__item,.context-menu__label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sp-sm);width:100%;min-height:28px;padding:var(--spacing-sp-xs) var(--spacing-sp-md);font-size:var(--font-size-sm);text-align:left;-webkit-user-select:none;user-select:none}.context-menu__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-fg);background:transparent;border:0;cursor:pointer}.context-menu__item:hover,.context-menu__item:focus{background:var(--color-control-bg-hover);outline:none}.context-menu__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.context-menu__item:disabled{cursor:default;opacity:.45;pointer-events:none}.context-menu__item--danger{color:var(--color-danger)}.context-menu__leading-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;color:currentColor}.context-menu__item-label,.context-menu__label-text{min-width:0;overflow-wrap:anywhere}.context-menu__shortcut{color:var(--color-fg-subtle);font-size:11px;justify-self:end;margin-left:var(--spacing-sp-lg);white-space:nowrap;-webkit-user-select:none;user-select:none}.context-menu__separator{height:1px;margin:var(--spacing-sp-2xs) 0;background:var(--color-border)}.context-menu__label{color:var(--color-fg-muted);cursor:default}.composition-card{display:flex;flex-direction:column;background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;font:inherit;color:inherit;text-align:left;isolation:isolate;transition:transform var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function),box-shadow var(--default-transition-duration) var(--default-transition-timing-function)}.composition-card:hover,.composition-card:focus-visible{transform:translateY(calc(-1 * var(--spacing-1px) * 2));border-color:var(--color-border-hover);box-shadow:0 var(--spacing-sp-2xs) var(--spacing-sp-md) #0000002e;outline:none}.composition-card:focus-visible{border-color:var(--color-border-focus)}.composition-card-thumb-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--color-preview-bg);overflow:hidden}.composition-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sp-xs);padding:var(--spacing-sp-sm);background:linear-gradient(to bottom,#00000073,#0000 65%);opacity:.85;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function);z-index:var(--z-local-1)}.composition-card:hover .composition-card-overlay,.composition-card:focus-visible .composition-card-overlay{opacity:1}.composition-card-author{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--spacing-sp-xs);background:#0b0b0b99;color:#eee;border:none;border-radius:var(--radius-full);padding:var(--spacing-vsp-2xs) var(--spacing-hsp-sm) var(--spacing-vsp-2xs) var(--spacing-vsp-2xs);font:inherit;font-size:var(--font-size-xs);line-height:1;cursor:pointer;max-width:100%;min-width:0;transition:background var(--default-transition-duration) var(--default-transition-timing-function)}.composition-card-author:hover,.composition-card-author:focus-visible{background:#161616c7;outline:none}.composition-card-author-avatar{width:var(--spacing-sp-lg);height:var(--spacing-sp-lg);border-radius:var(--radius-full);object-fit:cover;display:block;flex-shrink:0;background:var(--color-control-bg)}.composition-card-author-avatar--placeholder{background:#484848}.composition-card-author-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8em}.composition-card-author-handle{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:6em}.composition-card-visibility{pointer-events:none;display:inline-flex;align-items:center;font-size:var(--font-size-2xs);font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;padding:var(--spacing-vsp-2xs) var(--spacing-hsp-sm);border-radius:var(--radius-sm);flex-shrink:0}.composition-card-visibility--public{background:var(--color-success-bg);color:var(--color-success)}.composition-card-visibility--private{background:#0b0b0bb3;color:#eee}.composition-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sp-sm);padding:var(--spacing-sp-sm) var(--spacing-sp-md)}.composition-card-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.composition-card-views{display:inline-flex;align-items:center;gap:var(--spacing-sp-3xs);font-size:var(--font-size-xs);color:var(--color-fg-faint);flex-shrink:0}.composition-card-views-icon{width:var(--spacing-sp-md);height:var(--spacing-sp-md);flex-shrink:0}.composition-card-views-value{font-variant-numeric:tabular-nums;line-height:1}@media(prefers-reduced-motion:reduce){.composition-card,.composition-card-overlay,.composition-card-author{transition:none}.composition-card:hover,.composition-card:focus-visible{transform:none}}.launcher-feed-strip{margin-bottom:var(--spacing-sp-2xl)}.launcher-feed-strip-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-md)}.launcher-feed-strip-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-fg)}.launcher-feed-strip-more{font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);background:none;border:none;padding:0;cursor:pointer;transition:color var(--default-transition-duration) var(--default-transition-timing-function)}.launcher-feed-strip-more:hover{color:var(--color-fg)}.launcher-feed-strip-more:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm);color:var(--color-fg)}.launcher-feed-strip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sp-lg)}@media(prefers-reduced-motion:reduce){.launcher-feed-strip-more{transition:none}}.launcher-page{height:100%;min-height:0;overflow-y:auto}.launcher-page-inner{max-width:1080px;margin:0 auto;padding:var(--spacing-vsp-2xl) var(--spacing-hsp-xl)}.launcher-page-hero{margin-bottom:var(--spacing-vsp-2xl)}.launcher-page-hero-title{margin:0 0 var(--spacing-vsp-2xs);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.15;color:var(--color-fg)}.launcher-page-hero-sub{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.launcher-start-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sp-md);margin-bottom:var(--spacing-vsp-2xl)}.launcher-start-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-vsp-sm);padding:var(--spacing-vsp-md) var(--spacing-hsp-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:inherit;color:var(--color-fg);text-align:left;cursor:pointer;transition:border-color var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function),transform var(--default-transition-duration) var(--default-transition-timing-function)}.launcher-start-card:hover{border-color:var(--color-border-hover);background:var(--color-control-bg-hover);transform:translateY(-2px)}.launcher-start-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.launcher-start-card-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:5 / 3;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-control-bg)}.launcher-start-card-thumb--blank{background:var(--color-preview-bg)}.launcher-start-card-plus{font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);line-height:1;color:var(--color-fg-faint)}.launcher-start-card-thumb--pattern{background:radial-gradient(var(--color-border-hover) 1.5px,transparent 1.6px) 0 0 / 14px 14px,var(--color-control-bg)}.launcher-start-card-thumb--template{background:linear-gradient(var(--color-fg-faint),var(--color-fg-faint)) no-repeat 16% 28% / 34% 16%,linear-gradient(var(--color-border-hover),var(--color-border-hover)) no-repeat 16% 56% / 68% 9%,linear-gradient(var(--color-border-hover),var(--color-border-hover)) no-repeat 16% 74% / 48% 9%,var(--color-control-bg)}.launcher-start-card-thumb--random{background:repeating-radial-gradient(circle at 50% 50%,var(--color-accent) 0 1px,transparent 1px 9px),var(--color-control-bg)}.launcher-start-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg)}.launcher-start-card-desc{font-size:var(--font-size-xs);color:var(--color-fg-faint)}.launcher-start-card-badge{position:absolute;top:var(--spacing-vsp-sm);right:var(--spacing-hsp-sm);padding:var(--spacing-vsp-2xs) var(--spacing-hsp-xs);border:1px solid var(--color-info-border);border-radius:var(--radius-full);background:var(--color-info-bg);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--color-info-text)}@media(max-width:900px){.launcher-start-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.launcher-start-strip{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.launcher-start-card{transition:none}.launcher-start-card:hover{transform:none}}.shortcut-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.shortcut-panel{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sp-xl);max-width:400px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal)}.shortcut-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sp-lg)}.shortcut-panel-title{font-size:var(--font-size-lg);font-weight:600;margin:0}.shortcut-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--color-fg-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.shortcut-panel-close:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.shortcut-panel-search{margin-bottom:var(--spacing-sp-md)}.shortcut-panel-search-input{width:100%;box-sizing:border-box;background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-fg);font-size:var(--font-size-sm);font-family:inherit;padding:var(--spacing-sp-xs) var(--spacing-sp-sm);outline:none;transition:border-color var(--default-transition-duration) var(--default-transition-timing-function)}.shortcut-panel-search-input::placeholder{color:var(--color-fg-faint)}.shortcut-panel-search-input:focus{border-color:var(--color-accent, var(--color-border-focus, var(--color-fg-muted)))}.shortcut-panel-body{overflow-y:auto;flex:1;min-height:0}.shortcut-panel-empty{font-size:var(--font-size-sm);color:var(--color-fg-faint);margin:0;padding:var(--spacing-sp-sm) 0}.shortcut-panel-section{margin-bottom:var(--spacing-sp-md)}.shortcut-panel-section:last-child{margin-bottom:0}.shortcut-panel-section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-faint);margin:0 0 var(--spacing-sp-sm)}.shortcut-panel-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sp-2xs) 0}.shortcut-panel-action{font-size:var(--font-size-sm);color:var(--color-fg)}.shortcut-panel-key{font-size:var(--font-size-xs);font-family:inherit;padding:var(--spacing-sp-2xs) var(--spacing-sp-sm);background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-fg-muted);min-width:28px;text-align:center}.account-setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-onboarding)}.account-setup-card{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sp-2xl);max-width:480px;width:90%;box-shadow:var(--shadow-modal)}.account-setup-header{margin-bottom:var(--spacing-sp-xl)}.account-setup-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg);margin:0 0 var(--spacing-sp-sm)}.account-setup-subtitle{font-size:var(--font-size-sm);color:var(--color-fg-subtle);margin:0;line-height:1.5}.account-setup-form{display:flex;flex-direction:column;gap:var(--spacing-sp-lg)}.account-setup-field{display:flex;flex-direction:column;gap:var(--spacing-sp-2xs)}.account-setup-label{font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle)}.account-setup-required{color:var(--color-danger)}.account-setup-optional{color:var(--color-fg-faint);font-weight:400;text-transform:none;letter-spacing:0;font-size:var(--font-size-xs)}.account-setup-input-wrapper{position:relative}.account-setup-input{width:100%;padding:var(--spacing-sp-sm) var(--spacing-sp-md);padding-right:36px;background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--font-size-base);outline:none;transition:border-color var(--default-transition-duration) var(--default-transition-timing-function);box-sizing:border-box}.account-setup-input:focus{border-color:var(--color-border-focus)}.account-setup-input--error{border-color:var(--color-danger)}.account-setup-input--valid{border-color:var(--color-success)}.account-setup-status-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:18px;height:18px}.account-setup-spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-fg-subtle);border-radius:50%;animation:account-setup-spin .6s linear infinite}@keyframes account-setup-spin{to{transform:rotate(360deg)}}.account-setup-icon{width:16px;height:16px}.account-setup-icon--success{color:var(--color-success)}.account-setup-icon--error{color:var(--color-danger)}.account-setup-hint{font-size:var(--font-size-xs);color:var(--color-fg-faint);margin:0;line-height:1.4}.account-setup-validation-msg{min-height:16px;font-size:var(--font-size-xs)}.account-setup-error{color:var(--color-danger)}.account-setup-success{color:var(--color-success)}.account-setup-textarea{width:100%;padding:var(--spacing-sp-sm) var(--spacing-sp-md);background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--font-size-base);outline:none;resize:vertical;font-family:inherit;line-height:1.5;transition:border-color var(--default-transition-duration) var(--default-transition-timing-function);box-sizing:border-box}.account-setup-textarea:focus{border-color:var(--color-border-focus)}.account-setup-submit-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.account-setup-submit{width:100%;padding:var(--spacing-sp-sm) var(--spacing-sp-lg);background:var(--color-control-bg-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),opacity var(--default-transition-duration) var(--default-transition-timing-function)}.account-setup-submit:not(:disabled):hover{background:var(--color-border-focus)}.account-setup-submit:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.account-setup-submit:disabled{opacity:.4;cursor:not-allowed}.tpd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.tpd-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-backdrop);z-index:var(--z-local-1)}.tpd-panel{position:absolute;inset:var(--spacing-sp-lg);z-index:var(--z-local-2);display:flex;flex-direction:column;background:var(--color-surface-modal);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal-lg);overflow:hidden;outline:none}.tpd-title-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tpd-close-btn{position:absolute;top:var(--spacing-sp-md);right:var(--spacing-sp-md);z-index:var(--z-local-1);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);color:var(--color-fg-muted);font-size:var(--font-size-base);cursor:pointer;transition:background .1s,color .1s}.tpd-close-btn:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.tpd-close-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tpd-body{flex:1 1 auto;display:flex;flex-direction:column;padding:var(--spacing-sp-lg);min-height:0;overflow:hidden}.tab-preview-grid{flex:1 1 auto;display:grid;gap:var(--spacing-sp-md);min-height:0}.tab-preview-grid--two{grid-template-columns:1fr 1fr;grid-template-rows:1fr}@media(orientation:portrait){.tab-preview-grid--two{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.tab-preview-grid--quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.tab-preview-grid--many{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(180px,1fr);overflow-y:auto;align-content:start;max-height:100%}.tab-preview-tile{display:flex;flex-direction:column;gap:var(--spacing-sp-xs);padding:var(--spacing-sp-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;outline:none;transition:border-color .1s,box-shadow .1s,background .1s;min-height:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font:inherit;text-align:left;width:100%}.tab-preview-tile:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-canvas)}.tab-preview-tile:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.tab-preview-tile--active{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.tab-preview-tile__thumb{flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden;min-height:0}.tab-preview-tile__thumb img{width:100%;height:100%;object-fit:contain}.tab-preview-tile__thumb-placeholder{font-size:var(--font-size-sm);color:var(--color-fg-muted);padding:var(--spacing-sp-sm);text-align:center;word-break:break-word}.tab-preview-tile__caption{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sp-xs);flex:0 0 auto}.tab-preview-tile__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-fg)}.tab-preview-tile__badge{flex:0 0 auto;font-size:var(--font-size-2xs);color:var(--color-fg-on-accent);background:var(--color-border-focus);padding:var(--spacing-vsp-2xs) var(--spacing-hsp-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.tpd-tiles{display:flex;flex-wrap:wrap;gap:var(--spacing-sp-md);align-items:stretch;justify-content:center;width:100%}.tpd-tile{display:flex;flex-direction:column;gap:var(--spacing-sp-xs);padding:var(--spacing-sp-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);cursor:pointer;font:inherit;text-align:left}.tpd-tile:hover{background:var(--color-control-bg-hover)}.tpd-tile:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tpd-tile-thumb{display:block;width:100%;height:auto;background:var(--color-surface-muted, var(--color-surface));border-radius:var(--radius-sm)}.tpd-tile-label{font-size:var(--font-size-sm);color:var(--color-fg-muted)}.confirm-dialog{background:var(--color-surface-modal);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:24px;max-width:480px;width:90%;box-shadow:var(--shadow-modal)}.confirm-dialog-title{font-size:16px;font-weight:600;color:var(--color-fg);margin-bottom:8px}.confirm-dialog-message{font-size:13px;color:var(--color-fg-subtle);margin:0 0 16px;line-height:1.5}.confirm-dialog-content{margin-bottom:16px}.confirm-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.confirm-dialog-cancel{background:var(--color-control-bg)}.confirm-dialog-primary{background:var(--color-control-bg-hover)}.confirm-dialog-danger{background:var(--color-danger);color:var(--color-fg-on-accent)}.confirm-dialog-danger:hover{background:var(--color-danger-hover)}.confirm-dialog-preview{border-radius:8px;overflow:hidden;background:var(--color-preview-bg);max-height:300px;display:flex;align-items:center;justify-content:center}.confirm-dialog-preview-img{width:100%;max-height:300px;object-fit:contain}.color-schemes-import-prompt{max-width:520px}.color-schemes-import-actions{justify-content:space-between;gap:8px;flex-wrap:wrap}.post-login-resume-banner{position:fixed;top:var(--spacing-sp-md);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:inline-flex;align-items:center;gap:var(--spacing-sp-sm);max-width:calc(100% - 2 * var(--spacing-sp-md));padding:var(--spacing-sp-xs) var(--spacing-sp-md);border-radius:var(--radius-lg);border:1px solid var(--color-success-banner-border);background:var(--color-success-banner-bg);color:var(--color-success-banner-text);box-shadow:var(--shadow-dropdown);font-size:var(--font-size-sm);font-weight:500}.post-login-resume-banner__dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0}.post-login-resume-banner__text{white-space:normal}.post-login-resume-banner__actions{display:inline-flex;align-items:center;gap:var(--spacing-sp-xs);flex-shrink:0}.post-login-resume-banner__save-as{padding:var(--spacing-hsp-xs) var(--spacing-sp-sm);border-radius:var(--radius-md);border:1px solid var(--color-success-banner-btn-border);background:var(--color-success-banner-btn-bg);color:var(--color-success-banner-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.post-login-resume-banner__save-as:hover{background:var(--color-success-banner-btn-hover-bg);border-color:var(--color-success-banner-btn-hover-border)}.post-login-resume-banner__dismiss{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-success-banner-text);font-size:var(--font-size-lg);line-height:1;cursor:pointer;opacity:.7}.post-login-resume-banner__dismiss:hover{opacity:1}.color-bar-action-buttons{display:flex;align-items:center;gap:var(--spacing-hsp-xs);flex:0 0 auto}.color-bar-action-buttons__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--color-bar-btn-size, 38px);height:var(--color-bar-btn-size, 38px);padding:0;margin:0;background:var(--color-control-bg);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);color:var(--color-fg-icon);cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function),opacity var(--default-transition-duration) var(--default-transition-timing-function)}.color-bar-action-buttons__btn:hover:not(:disabled){background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border)}.color-bar-action-buttons__btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.color-bar-action-buttons__btn.is-active,.color-bar-action-buttons__btn[aria-pressed=true]{background:color-mix(in oklch,var(--color-accent) 28%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 60%,var(--color-border));color:var(--color-accent-fg, var(--color-fg))}.color-bar-action-buttons__btn:disabled{cursor:not-allowed;opacity:.35}.color-bar-action-buttons__icon{width:15px;height:15px;display:block}.login-required-overlay{position:relative;display:inline-block;cursor:pointer;outline:none}.login-required-overlay:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-md)}.login-required-overlay-inner{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(30%);transition:opacity var(--default-transition-duration) var(--default-transition-timing-function)}.login-required-overlay:hover .login-required-overlay-inner{opacity:.3}.login-required-overlay[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--spacing-sp-xs) var(--spacing-sp-sm);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-modal);color:var(--color-fg);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;z-index:var(--z-overlay-root);opacity:0;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function)}.login-required-overlay[data-tooltip]:hover:after,.login-required-overlay[data-tooltip]:focus-visible:after{opacity:1}.color-picker-oklch{position:fixed;z-index:var(--z-color-picker);width:320px;padding:var(--spacing-sp-md);background:var(--color-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);display:flex;flex-direction:column;gap:var(--spacing-sp-sm)}.color-picker-oklch[data-mode-shell=expanded]{width:520px;padding:var(--spacing-sp-lg);gap:var(--spacing-sp-md)}.color-picker-oklch-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sp-sm)}.color-picker-oklch-drag-handle{cursor:grab;color:var(--color-fg-subtle);font-size:var(--font-size-sm);line-height:1;padding:var(--spacing-sp-3xs);border-radius:var(--radius-xs);-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0}.color-picker-oklch-drag-handle:hover{color:var(--color-fg)}.color-picker-oklch-drag-handle:active{cursor:grabbing}.color-picker-oklch-label{font-size:var(--font-size-xs);color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.06em}.color-picker-oklch-mode-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px;background:var(--color-control-bg)}.color-picker-oklch-mode-btn{font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-sp-3xs) var(--spacing-sp-sm);border:0;background:transparent;color:var(--color-fg-subtle);border-radius:var(--radius-full);cursor:pointer;min-width:44px}.color-picker-oklch-mode-btn[aria-pressed=true]{background:var(--color-control-bg-hover);color:var(--color-fg)}.color-picker-oklch-mode-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.color-picker-oklch-header-actions{display:inline-flex;align-items:center;gap:var(--spacing-sp-2xs);flex-shrink:0}.color-picker-oklch-expand-btn,.color-picker-oklch-close-btn{border:1px solid var(--color-border);background:var(--color-control-bg);color:var(--color-fg-subtle);border-radius:var(--radius-sm);min-width:32px;height:32px;padding:0 var(--spacing-sp-xs);font-size:var(--font-size-xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.color-picker-oklch-close-btn{font-size:var(--font-size-base)}.color-picker-oklch-expand-btn:hover,.color-picker-oklch-close-btn:hover{border-color:var(--color-border-hover);color:var(--color-fg)}.color-picker-oklch-expand-btn:focus-visible,.color-picker-oklch-close-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.color-picker-oklch-top-row{display:flex;align-items:center;gap:var(--spacing-sp-sm)}.color-picker-oklch-preview{position:relative;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border-hover);overflow:hidden;flex-shrink:0}.color-picker-oklch[data-mode-shell=expanded] .color-picker-oklch-preview{width:50px;height:50px}.color-picker-oklch-preview-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-conic-gradient(gray,gray 25%,silver 0%,silver 50%);background-size:10px 10px}.color-picker-oklch-preview-color{position:absolute;top:0;right:0;bottom:0;left:0}.color-picker-oklch-hex-input{font-family:monospace;font-size:var(--font-size-base);flex:1;min-width:0;padding:var(--spacing-sp-2xs) var(--spacing-sp-xs);background:var(--color-control-bg);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);color:var(--color-fg);outline:none}.color-picker-oklch-hex-input:focus{border-color:var(--color-border-focus)}.color-picker-oklch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-sp-3xs)}.color-picker-oklch[data-mode-shell=expanded] .color-picker-oklch-grid{grid-template-columns:repeat(12,1fr)}.color-picker-oklch-grid-cell{position:relative;aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-xs);cursor:pointer;padding:0;outline:none}.color-picker-oklch-grid-cell:hover{border-color:var(--color-border-hover)}.color-picker-oklch-grid-cell:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.color-picker-oklch-grid-cell[aria-selected=true]{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.color-picker-oklch-grid-cell[data-oog=true]:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:1px dashed oklch(98% 0 0 / .4);border-radius:var(--radius-xs);pointer-events:none}.color-picker-oklch-sliders{display:flex;flex-direction:column;gap:var(--spacing-sp-xs)}.color-picker-oklch-slider-row{display:flex;align-items:center;gap:var(--spacing-sp-sm)}.color-picker-oklch-slider-label{font-size:var(--font-size-xs);color:var(--color-fg-subtle);width:1.5rem;flex-shrink:0;text-align:center;font-weight:600}.color-picker-oklch-slider{flex:1;position:relative;height:18px;background:var(--color-control-bg);border-radius:var(--radius-full);cursor:pointer;outline:none}.color-picker-oklch-slider:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring)}.color-picker-oklch-slider-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);pointer-events:none}.color-picker-oklch-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-fg);border:2px solid var(--color-bg);box-shadow:var(--shadow-dropdown);pointer-events:none}.color-picker-oklch-slider-value{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--color-fg);width:3rem;flex-shrink:0;text-align:right}.color-picker-oklch-readout{font-size:var(--font-size-xs);color:var(--color-fg-subtle);font-family:monospace;padding:var(--spacing-sp-2xs) var(--spacing-sp-xs);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);background:var(--color-control-bg)}.composer-hsla-picker{position:fixed;z-index:var(--z-color-picker);width:320px;padding:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown)}.composer-hsla-top-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.composer-hsla-preview{position:relative;width:48px;height:48px;border-radius:6px;border:1px solid var(--color-border-hover);overflow:hidden;flex-shrink:0}.composer-hsla-preview-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-conic-gradient(gray,gray 25%,silver 0%,silver 50%);background-size:12px 12px}.composer-hsla-preview-color{position:absolute;top:0;right:0;bottom:0;left:0}.composer-hsla-hex-input{font-family:monospace;font-size:1rem;width:8rem;padding:4px 6px;background:var(--color-control-bg);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);color:var(--color-fg);outline:none}.composer-hsla-hex-input:focus{border-color:var(--color-border-focus)}.composer-hsla-slider-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.composer-hsla-slider-label{font-size:.875rem;color:var(--color-fg-subtle);width:1rem;flex-shrink:0;text-align:center}.composer-hsla-slider-row input[type=range]{flex:1;height:1.5rem;accent-color:var(--color-focus-ring)}.composer-hsla-slider-value{font-size:.875rem;color:var(--color-fg);width:2.5rem;flex-shrink:0;text-align:right}.composer-hsla-swatch-btn{position:relative;display:block;border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;padding:0;background:none}.composer-hsla-swatch-btn:hover{border-color:var(--color-border-focus)}.composer-hsla-swatch-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.composer-hsla-swatch-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-conic-gradient(gray,gray 25%,silver 0%,silver 50%);background-size:10px 10px}.composer-hsla-swatch-color{position:absolute;top:0;right:0;bottom:0;left:0}.composer-hsla-palette{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.composer-hsla-palette-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.composer-hsla-palette-label{font-size:.75rem;color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.05em}.composer-hsla-palette-add{width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;font-size:1rem;line-height:1;color:var(--color-fg-subtle);background:var(--color-control-bg);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);cursor:pointer}.composer-hsla-palette-add:hover{color:var(--color-fg);border-color:var(--color-border-focus)}.composer-hsla-palette-swatches{display:flex;flex-wrap:wrap;gap:4px}.composer-hsla-palette-swatch-wrap{position:relative}.composer-hsla-palette-swatch{width:20px;height:20px;border:1px solid var(--color-border-hover);border-radius:50%;cursor:pointer;padding:0}.composer-hsla-palette-swatch:hover{border-color:var(--color-fg-muted);transform:scale(1.1)}.composer-hsla-palette-remove{display:none;position:absolute;top:-4px;right:-4px;width:14px;height:14px;padding:0;font-size:.625rem;line-height:1;color:var(--color-fg);background:var(--color-control-bg-hover);border:1px solid var(--color-border-hover);border-radius:50%;cursor:pointer;align-items:center;justify-content:center}.composer-hsla-palette-swatch-wrap:hover .composer-hsla-palette-remove{display:flex}.composer-hsla-palette-remove:hover{background:var(--color-danger-active);border-color:var(--color-danger-active-border)}.fg-bg-well{display:flex;flex-direction:column;gap:var(--spacing-vsp-2xs);flex:0 0 auto;height:56px}.fg-bg-well__row{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;gap:var(--spacing-hsp-xs);flex:1 1 0;min-width:64px;padding:0 var(--spacing-hsp-sm) 0 var(--spacing-hsp-2xs);background:var(--color-control-bg);border:1px solid var(--color-border-faint);border-radius:var(--radius-md);color:var(--color-fg-muted);font:inherit;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);line-height:var(--leading-none);text-transform:uppercase;cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.fg-bg-well__row:hover{background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border)}.fg-bg-well__row:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;z-index:var(--z-focus-ring)}.fg-bg-well__row.is-armed{background:color-mix(in oklch,var(--color-accent) 28%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 60%,var(--color-border-faint));color:var(--color-accent-fg, var(--color-fg))}.fg-bg-well__dot{flex:0 0 auto;width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--color-border);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-fg) 12%,transparent)}.fg-bg-well__label{flex:0 0 auto}.fg-bg-well__sync{position:absolute;top:var(--spacing-vsp-2xs);right:var(--spacing-hsp-2xs);width:6px;height:6px;border-radius:50%;background:var(--color-focus-ring);box-shadow:0 0 0 1px var(--color-bg)}.bottom-palette-strip{display:flex;align-items:center;gap:var(--spacing-hsp-md);width:100%;min-width:0;max-width:100%;min-height:80px;flex:0 0 auto;position:relative;z-index:var(--z-rail);padding:var(--spacing-vsp-sm) var(--spacing-hsp-lg) max(var(--spacing-vsp-sm),env(safe-area-inset-bottom,0px));background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-faint);color:var(--color-fg);font-size:var(--font-size-sm);box-sizing:border-box;--color-bar-btn-size: 38px}.bottom-palette-strip__tools-band{display:contents}.bottom-palette-strip__tools-toggle{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;padding:0;margin:0;background:var(--color-control-bg);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);color:var(--color-fg-icon);cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.bottom-palette-strip__tools-toggle:hover{background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border)}.bottom-palette-strip__tools-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom-palette-strip__tools-toggle[aria-expanded=true]{background:color-mix(in oklch,var(--color-accent) 22%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 55%,var(--color-border));color:var(--color-fg)}.bottom-palette-strip__tools-toggle-icon{width:14px;height:14px;display:block;transition:transform var(--default-transition-duration) var(--default-transition-timing-function)}.bottom-palette-strip__tools-toggle[aria-expanded=true] .bottom-palette-strip__tools-toggle-icon{transform:rotate(180deg)}.bottom-palette-strip__tools-toggle-label{display:none;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:1;color:inherit;white-space:nowrap}.bottom-palette-strip__palette-group{display:contents;align-items:center;gap:var(--spacing-hsp-2xs)}.bottom-palette-strip__limit-group{display:inline-flex;align-items:center;gap:var(--spacing-hsp-2xs);flex:0 0 auto}.bottom-palette-strip__actions{position:relative;display:flex;align-items:center;gap:var(--spacing-hsp-2xs);flex:0 0 auto}.bottom-palette-strip__picker-trigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;background:var(--color-control-bg);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);color:var(--color-fg-icon);cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.bottom-palette-strip__picker-trigger:hover{background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border)}.bottom-palette-strip__picker-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom-palette-strip__picker-trigger[aria-expanded=true]{background:var(--color-control-bg-hover);border-color:var(--color-border);color:var(--color-fg)}.bottom-palette-strip__picker-icon{width:16px;height:16px;display:block}.bottom-palette-strip__lock,.bottom-palette-strip__save,.bottom-palette-strip__adjust,.bottom-palette-strip__prism,.bottom-palette-strip__palette-limit,.bottom-palette-strip__gear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--color-bar-btn-size);height:var(--color-bar-btn-size);padding:0;margin:0;border-radius:var(--radius-sm);border:1px solid var(--color-border-faint);background:var(--color-control-bg);color:var(--color-fg-icon);cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function),opacity var(--default-transition-duration) var(--default-transition-timing-function)}.bottom-palette-strip__lock:hover,.bottom-palette-strip__save:hover:not(:disabled),.bottom-palette-strip__adjust:hover,.bottom-palette-strip__prism:hover,.bottom-palette-strip__palette-limit:hover,.bottom-palette-strip__gear:hover{background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border)}.bottom-palette-strip__lock:focus-visible,.bottom-palette-strip__save:focus-visible,.bottom-palette-strip__adjust:focus-visible,.bottom-palette-strip__prism:focus-visible,.bottom-palette-strip__palette-limit:focus-visible,.bottom-palette-strip__gear:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom-palette-strip__lock.is-locked,.bottom-palette-strip__lock[aria-pressed=true],.bottom-palette-strip__adjust.is-active,.bottom-palette-strip__adjust[aria-pressed=true],.bottom-palette-strip__prism[aria-pressed=true],.bottom-palette-strip__palette-limit.is-active,.bottom-palette-strip__palette-limit[aria-pressed=true],.bottom-palette-strip__gear[aria-pressed=true]{background:color-mix(in oklch,var(--color-accent) 28%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 60%,var(--color-border));color:var(--color-accent-fg, var(--color-fg))}.bottom-palette-strip__lock-icon{width:16px;height:16px;display:block}.bottom-palette-strip__divider-macro{width:2px;align-self:stretch;background:color-mix(in oklch,var(--color-fg) 34%,transparent);flex:0 0 auto;margin-inline:var(--spacing-hsp-2xs)}.bottom-palette-strip__divider-light{width:1px;align-self:stretch;background:color-mix(in oklch,var(--color-fg) 20%,transparent);flex:0 0 auto;margin-inline:var(--spacing-hsp-3xs, var(--spacing-hsp-2xs))}.bottom-palette-strip__swap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border-faint);background:var(--color-control-bg);color:var(--color-fg-icon);font-size:18px;line-height:1;cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.bottom-palette-strip__swap:hover{background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border)}.bottom-palette-strip__swap:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom-palette-strip__swatches{display:flex;align-items:stretch;gap:var(--spacing-hsp-xs);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}.bottom-palette-strip__swatch{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1 1 0;min-width:56px;height:56px;aspect-ratio:1 / 1;padding:var(--spacing-vsp-2xs) var(--spacing-hsp-2xs);border-radius:var(--radius-sm);border:1px solid var(--color-border-faint);box-sizing:border-box}.bottom-palette-strip__swatch--button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;min-height:40px;transition:transform var(--default-transition-duration) var(--default-transition-timing-function),box-shadow var(--default-transition-duration) var(--default-transition-timing-function)}.bottom-palette-strip__swatch--button:hover{transform:translateY(-1px);box-shadow:var(--shadow-strip-hover)}.bottom-palette-strip__swatch--button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom-palette-strip__swatch--button.is-fg{box-shadow:inset 0 0 0 2px var(--color-accent)}.bottom-palette-strip__swatch--button.is-bg{box-shadow:inset 0 0 0 2px var(--color-fg)}.bottom-palette-strip__swatch--button.is-fg.is-bg{box-shadow:inset 0 0 0 2px var(--color-accent),inset 0 0 0 4px var(--color-fg)}.bottom-palette-strip__swatch--button.is-editing{box-shadow:inset 0 0 0 2px var(--color-info)}.bottom-palette-strip__swatch--button.is-editing.is-fg{box-shadow:inset 0 0 0 2px var(--color-info),inset 0 0 0 4px var(--color-accent)}.bottom-palette-strip__swatch--button.is-editing.is-bg{box-shadow:inset 0 0 0 2px var(--color-info),inset 0 0 0 4px var(--color-fg)}.bottom-palette-strip__swatch--button.is-editing.is-fg.is-bg{box-shadow:inset 0 0 0 2px var(--color-info),inset 0 0 0 4px var(--color-accent),inset 0 0 0 6px var(--color-fg)}.bottom-palette-strip__swatch--button.is-deleting{box-shadow:inset 0 0 0 2px var(--color-danger)}.bottom-palette-strip__swatch--button.is-deleting.is-checked{box-shadow:inset 0 0 0 3px var(--color-danger)}.bottom-palette-strip__swatch--button.is-deleting.is-fg{box-shadow:inset 0 0 0 2px var(--color-danger),inset 0 0 0 4px var(--color-accent)}.bottom-palette-strip__swatch--button.is-deleting.is-bg{box-shadow:inset 0 0 0 2px var(--color-danger),inset 0 0 0 4px var(--color-fg)}.bottom-palette-strip__swatch--button.is-deleting.is-fg.is-bg{box-shadow:inset 0 0 0 2px var(--color-danger),inset 0 0 0 4px var(--color-accent),inset 0 0 0 6px var(--color-fg)}.bottom-palette-strip__swatch--button.is-palette-limiting{box-shadow:inset 0 0 0 2px color-mix(in oklch,var(--color-accent) 55%,transparent)}.bottom-palette-strip__swatch--button.is-palette-limit-selected{box-shadow:inset 0 0 0 3px var(--color-accent)}.bottom-palette-strip__swatch--button.is-palette-limit-deselected{box-shadow:inset 0 0 0 2px color-mix(in oklch,var(--color-fg) 48%,transparent);filter:saturate(.45) brightness(.78)}.bottom-palette-strip__palette-limit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-45deg,color-mix(in oklch,var(--color-bg) 42%,transparent) 0,color-mix(in oklch,var(--color-bg) 42%,transparent) 5px,color-mix(in oklch,var(--color-fg) 20%,transparent) 5px,color-mix(in oklch,var(--color-fg) 20%,transparent) 10px),color-mix(in oklch,var(--color-bg) 42%,transparent)}.bottom-palette-strip__palette-limit-overlay.is-selected{top:50%;left:50%;right:auto;bottom:auto;width:22px;height:22px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:var(--color-accent);color:var(--color-accent-fg, var(--color-bg));box-shadow:0 0 0 1px color-mix(in oklch,var(--color-bg) 70%,transparent)}.bottom-palette-strip__swatch-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:var(--radius-xs);border:2px solid rgba(255,255,255,.75);background:#00000040;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.bottom-palette-strip__swatch-checkbox.is-checked{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.bottom-palette-strip__checkbox-icon{width:11px;height:11px;display:block}.bottom-palette-strip__indicators{position:absolute;top:var(--spacing-vsp-2xs);right:var(--spacing-hsp-2xs);display:inline-flex;gap:2px;pointer-events:none}.bottom-palette-strip__indicator{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:1px 4px;border-radius:var(--radius-xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);line-height:var(--leading-none)}.bottom-palette-strip__indicator--on-dark{background:#fffffff0;color:#16161a}.bottom-palette-strip__indicator--on-light{background:#121216e6;color:#f5f5f7}.bottom-palette-strip__indicator--armed{box-shadow:0 0 0 1.5px var(--color-accent)}.bottom-palette-strip__indicator--sync-active{box-shadow:0 0 0 2px var(--color-focus-ring)}.bottom-palette-strip__indicator--armed.bottom-palette-strip__indicator--sync-active{box-shadow:0 0 0 2px var(--color-focus-ring),0 0 0 3.5px var(--color-accent)}.bottom-palette-strip__swatch-index{position:absolute;top:var(--spacing-vsp-2xs);left:var(--spacing-hsp-2xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);opacity:.7;line-height:var(--leading-none)}.bottom-palette-strip__swatch-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%}.bottom-palette-strip__role{display:inline-flex;align-items:center;padding:1px var(--spacing-hsp-xs);border-radius:var(--radius-xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:lowercase;line-height:var(--leading-none);white-space:nowrap}.bottom-palette-strip__swatches.is-moving{cursor:move}.bottom-palette-strip__swatch--button.is-movable{cursor:move;box-shadow:inset 0 0 0 2px color-mix(in oklch,var(--color-warning) 55%,transparent)}.bottom-palette-strip__swatch--button.is-drag-source{opacity:.5;transform:translateY(-2px)}.bottom-palette-strip__swatch--button.is-drop-target:hover{box-shadow:inset 0 0 0 3px var(--color-warning)}.bottom-palette-strip__swatch--button.is-locking{box-shadow:inset 0 0 0 2px color-mix(in oklch,var(--color-warning) 80%,transparent)}.bottom-palette-strip__swatch--button.is-locked-slot{box-shadow:inset 0 0 0 2px var(--color-warning)}.bottom-palette-strip__swatch-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;pointer-events:none;background:color-mix(in oklch,currentColor 12%,transparent);color:var(--color-fg);opacity:.85}.bottom-palette-strip__swatch-lock-overlay.is-locked{background:color-mix(in oklch,var(--color-warning) 25%,transparent);color:var(--color-warning);opacity:1}.bottom-palette-strip__swatch-lock-overlay .bottom-palette-strip__lock-icon{width:20px;height:20px}.bottom-palette-strip__save:disabled{opacity:.5;cursor:not-allowed}.bottom-palette-strip__save-icon{width:16px;height:16px;display:block}.bottom-palette-strip__edit-launcher{z-index:var(--z-palette-bar)}.bottom-palette-strip__colors-icon,.bottom-palette-strip__snowflake-icon,.bottom-palette-strip__adjust-icon,.bottom-palette-strip__prism-icon,.bottom-palette-strip__palette-limit-icon{width:16px;height:16px;display:block}.bottom-palette-strip[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none;min-height:0;height:0;padding-block:0;border:none;overflow:hidden}@media(max-width:1023px){.bottom-palette-strip{flex-wrap:wrap;row-gap:var(--spacing-vsp-xs);min-height:0;align-self:end}.bottom-palette-strip__tools-toggle{order:1;display:inline-flex;width:auto;height:40px;padding-inline:var(--spacing-hsp-sm);gap:var(--spacing-hsp-xs)}.bottom-palette-strip__tools-toggle-label{display:inline}.bottom-palette-strip__swatches{order:1;flex-basis:0}.bottom-palette-strip .fg-bg-well{order:1}.bottom-palette-strip__tools-band{order:2;flex:1 1 100%;display:none;align-items:center;flex-wrap:wrap;gap:var(--spacing-hsp-sm);row-gap:var(--spacing-vsp-2xs);padding-block:var(--spacing-vsp-2xs)}.bottom-palette-strip--tools-open .bottom-palette-strip__tools-band{display:flex}.bottom-palette-strip__tools-band .bottom-palette-strip__divider-macro,.bottom-palette-strip__tools-band .bottom-palette-strip__divider-light{display:none}.bottom-palette-strip__tools-band .color-bar-action-buttons{flex:0 0 auto;gap:0;border:1px solid var(--color-border-faint);border-radius:var(--radius-md);padding:3px 6px}.bottom-palette-strip__tools-band .bottom-palette-strip__palette-group{display:flex;flex:0 0 auto;border:1px solid var(--color-border-faint);border-radius:var(--radius-md);padding:3px 6px}.bottom-palette-strip__tools-band .bottom-palette-strip__limit-group{flex:0 0 auto;border:1px solid var(--color-border-faint);border-radius:var(--radius-md);padding:3px 6px}.bottom-palette-strip__tools-band .login-required-overlay{flex:0 0 auto}.bottom-palette-strip__tools-band .color-bar-action-buttons__btn,.bottom-palette-strip__lock,.bottom-palette-strip__save,.bottom-palette-strip__gear,.bottom-palette-strip__adjust,.bottom-palette-strip__prism,.bottom-palette-strip__palette-limit{flex:0 0 auto;width:32px;height:32px}}@media(max-width:720px){.bottom-palette-strip{background:var(--color-surface-glass-solid-strong);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:640px){.bottom-palette-strip{padding:var(--spacing-vsp-xs) var(--spacing-hsp-sm) max(var(--spacing-vsp-xs),env(safe-area-inset-bottom,0px))}.bottom-palette-strip__picker-trigger,.bottom-palette-strip__lock,.bottom-palette-strip__gear,.bottom-palette-strip__prism,.bottom-palette-strip__palette-limit,.bottom-palette-strip__save{width:26px;height:26px}.bottom-palette-strip .color-bar-action-buttons__btn{width:24px;height:24px}.bottom-palette-strip .fg-bg-well__row{min-width:52px}.bottom-palette-strip .fg-bg-well__dot{width:16px;height:16px}.bottom-palette-strip__swap,.bottom-palette-strip__adjust{width:26px;height:26px}.bottom-palette-strip__swatches{overflow-x:auto}.bottom-palette-strip__swatch{min-width:40px;height:40px}.bottom-palette-strip__swatch--button{min-height:40px}}.mode-action-panel{display:flex;flex-direction:column;gap:var(--spacing-sp-md);padding:var(--spacing-sp-md) var(--spacing-sp-lg);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);width:280px;max-width:100%;color:var(--color-fg)}.mode-action-panel__body{display:flex;flex-direction:column;gap:var(--spacing-sp-2xs);font-size:var(--font-size-xs);color:var(--color-fg);line-height:1.4}.mode-action-panel__hint{font-weight:var(--font-weight-semibold);color:var(--color-fg);margin:0}.mode-action-panel__detail{color:var(--color-fg-muted);margin:0}.mode-action-panel__actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--spacing-hsp-sm);padding-top:var(--spacing-sp-sm);border-top:1px solid var(--color-border-faint)}.mode-action-panel__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:30px;padding:0 var(--spacing-hsp-md);margin:0;background:var(--color-control-bg);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);color:var(--color-fg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.mode-action-panel__btn:hover:not(:disabled){background:var(--color-control-bg-hover);border-color:var(--color-border)}.mode-action-panel__btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.mode-action-panel__btn:disabled,.mode-action-panel__btn.is-disabled{cursor:not-allowed;opacity:.45}.mode-action-panel__btn--primary{background:color-mix(in oklch,var(--color-accent) 20%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 55%,var(--color-border));color:var(--color-accent-fg, var(--color-fg))}.mode-action-panel__btn--primary:hover:not(:disabled){background:color-mix(in oklch,var(--color-accent) 38%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 75%,var(--color-border))}.mode-action-panel__btn--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.mode-action-panel__btn--danger:hover:not(:disabled){background:var(--color-danger-bg-hover);border-color:var(--color-danger-border-hover, var(--color-danger-border));color:var(--color-danger-hover)}.slider-reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sp-2xs);border:none;background:none;border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;flex-shrink:0}.slider-reset-btn:hover:not(:disabled){background:var(--color-control-bg-hover)}.slider-reset-btn:disabled{opacity:.35;cursor:default}.rp-card{--rp-thumb-size-dual: 14px;--rp-thumb-size-hue: 16px;--rp-track-h-dual: 4px;--rp-track-h-hue: 8px;--rp-row-h: 20px;--rp-thumb-margin-dual: -5px;--rp-thumb-margin-hue: -4px;--rp-fill-h-dual: 4px;--rp-fill-h-hue: 8px;--rp-fill-h-dual-hover: 8px;--rp-fill-h-hue-hover: 12px;display:flex;flex-direction:column;gap:var(--spacing-sp-md);padding:var(--spacing-sp-md) var(--spacing-sp-lg);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);width:360px;max-width:100%;color:var(--color-fg);transition:width var(--default-transition-duration)}.rp-card[data-enabled=false]{width:fit-content}.rp-card[data-enlarged=true]{--rp-thumb-size-dual: 22px;--rp-thumb-size-hue: 26px;--rp-track-h-dual: 8px;--rp-track-h-hue: 12px;--rp-row-h: 32px;--rp-thumb-margin-dual: -7px;--rp-thumb-margin-hue: -7px;--rp-fill-h-dual: 8px;--rp-fill-h-hue: 12px;--rp-fill-h-dual-hover: 14px;--rp-fill-h-hue-hover: 18px;width:720px}.rp-toggle-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sp-sm)}.rp-enlarge-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-fg-subtle);cursor:pointer;transition:color var(--default-transition-duration),background var(--default-transition-duration),border-color var(--default-transition-duration);flex-shrink:0}.rp-enlarge-btn:hover{color:var(--color-fg);background:var(--color-control-bg);border-color:var(--color-border)}.rp-enlarge-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.rp-body{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-sp-md)}.rp-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sp-md)}.rp-right{flex:0 0 auto;width:110px;transition:width var(--default-transition-duration)}.rp-card[data-enlarged=true] .rp-right{width:220px}.rp-hue-slider-section{display:flex;flex-direction:column;gap:var(--spacing-sp-2xs)}.rp-hue-ring-wrapper{position:relative;width:100%;aspect-ratio:1}.rp-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--spacing-hsp-sm);padding-top:var(--spacing-sp-sm);border-top:1px solid var(--color-border-faint)}.rp-action-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:30px;padding:0 var(--spacing-hsp-md);margin:0;background:var(--color-control-bg);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);color:var(--color-fg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.rp-action-btn:hover:not(:disabled){background:var(--color-control-bg-hover);border-color:var(--color-border)}.rp-action-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.rp-action-btn--apply{background:color-mix(in oklch,var(--color-accent) 20%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 55%,var(--color-border));color:var(--color-accent-fg, var(--color-fg))}.rp-action-btn--apply:hover:not(:disabled){background:color-mix(in oklch,var(--color-accent) 38%,var(--color-control-bg));border-color:color-mix(in oklch,var(--color-accent) 75%,var(--color-border))}.etp-body{display:flex;flex-direction:column;gap:var(--spacing-sp-md)}.etp-slider-row{display:flex;flex-direction:column;gap:var(--spacing-sp-2xs)}.etp-slider-header{display:flex;align-items:center;justify-content:space-between}.etp-slider-header-right{display:flex;align-items:center;gap:var(--spacing-sp-2xs)}.etp-slider-label{font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle)}.etp-slider-value{font-size:var(--font-size-xs);color:var(--color-fg-faint);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.etp-slider-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--rp-row-h, 20px);background:transparent;padding:0;margin:0;outline:none;cursor:pointer}.etp-slider-track::-webkit-slider-runnable-track{height:var(--rp-track-h-dual, 4px);background:var(--color-control-bg);border-radius:2px}.etp-slider-track::-moz-range-track{height:var(--rp-track-h-dual, 4px);background:var(--color-control-bg);border-radius:2px}.etp-slider-track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--rp-thumb-size-dual, 14px);height:var(--rp-thumb-size-dual, 14px);border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 1px 2px #00000059;margin-top:var(--rp-thumb-margin-dual, -5px);transition:box-shadow var(--default-transition-duration) var(--default-transition-timing-function)}.etp-slider-track::-moz-range-thumb{width:var(--rp-thumb-size-dual, 14px);height:var(--rp-thumb-size-dual, 14px);border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 1px 2px #00000059;transition:box-shadow var(--default-transition-duration) var(--default-transition-timing-function)}.etp-slider-track:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--color-focus-ring)}.etp-slider-track:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--color-focus-ring)}.etp-checkbox-row{display:flex;align-items:center;gap:var(--spacing-sp-sm)}.etp-checkbox-label{font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle);cursor:pointer;-webkit-user-select:none;user-select:none}.etp-checkbox{accent-color:var(--color-accent);width:14px;height:14px;cursor:pointer;flex-shrink:0}.palette-mode-panel-host{position:fixed;z-index:var(--z-palette-bar);bottom:calc(var(--bottom-bar-height) + var(--spacing-sp-sm));right:calc(env(safe-area-inset-right,0px) + var(--spacing-sp-md));pointer-events:none}.palette-mode-panel-host>*{pointer-events:auto}.segmented-toggle{display:inline-flex;flex-shrink:0;gap:var(--spacing-sp-3xs);padding:var(--spacing-sp-3xs);background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.segmented-toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sp-3xs) var(--spacing-sp-xs);font-size:var(--font-size-2xs);font-weight:500;color:var(--color-fg-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function)}.segmented-toggle-btn:hover{color:var(--color-fg);background:var(--color-control-bg-hover)}.segmented-toggle-btn--active{color:var(--color-fg-on-accent);background:var(--color-accent)}.segmented-toggle-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}:root{--colors-dialog-width-mini: 320px;--colors-dialog-width-half: 480px;--colors-dialog-width-full: 640px}.colors-dialog{position:fixed;top:var(--spacing-sp-md);right:var(--spacing-sp-md);bottom:calc(var(--bottom-bar-height) + var(--spacing-sp-md));display:flex;flex-direction:column;width:min(calc(var(--colors-dialog-width) * var(--display-scale, 1)),calc(100vw - (var(--spacing-sp-md) * 2)));z-index:var(--z-modal);background:color-mix(in oklch,var(--color-surface-modal) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal-lg);overflow:hidden;animation:colors-dialog-slide-in var(--default-transition-duration) var(--default-transition-timing-function)}.colors-dialog--mini{--colors-dialog-width: var(--colors-dialog-width-mini)}.colors-dialog--half{--colors-dialog-width: var(--colors-dialog-width-half)}.colors-dialog--full{--colors-dialog-width: var(--colors-dialog-width-full)}.colors-dialog--collapsed{bottom:auto}@keyframes colors-dialog-slide-in{0%{transform:translate(calc(100% + var(--spacing-sp-md)))}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.colors-dialog{animation:none}}.colors-dialog-header{display:flex;align-items:center;gap:var(--spacing-sp-sm);padding:var(--spacing-sp-sm) var(--spacing-sp-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.colors-dialog-title{flex:1;min-width:0;margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colors-dialog-icon-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--spacing-sp-2xl);height:var(--spacing-sp-2xl);border:none;background:transparent;color:var(--color-fg-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}.colors-dialog-icon-btn:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.colors-dialog-icon-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.colors-dialog-collapse-chevron{transition:transform var(--default-transition-duration) var(--default-transition-timing-function)}.colors-dialog--collapsed .colors-dialog-collapse-chevron{transform:rotate(180deg)}.colors-dialog-tabs{display:flex;gap:var(--spacing-sp-2xs);padding:var(--spacing-sp-2xs) var(--spacing-sp-md) 0;border-bottom:1px solid var(--color-border);flex-shrink:0}.colors-dialog-tab{position:relative;padding:var(--spacing-sp-xs) var(--spacing-sp-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-fg-muted);background:transparent;border:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;white-space:nowrap;transition:color var(--default-transition-duration) var(--default-transition-timing-function),background var(--default-transition-duration) var(--default-transition-timing-function)}.colors-dialog-tab:hover{color:var(--color-fg);background:var(--color-control-bg-hover)}.colors-dialog-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.colors-dialog-tab--active{color:var(--color-fg)}.colors-dialog-tab--active:after{content:"";position:absolute;left:var(--spacing-sp-sm);right:var(--spacing-sp-sm);bottom:0;height:2px;background:var(--color-accent);border-radius:var(--radius-full)}.colors-dialog-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sp-lg)}.colors-dialog-tab-placeholder{padding:var(--spacing-sp-lg);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-fg-muted);font-size:var(--font-size-sm);line-height:1.5}@media(max-width:560px){.colors-dialog{top:env(safe-area-inset-top,0px);left:0;right:0;bottom:var(--bottom-bar-height);width:100%;border:none;border-bottom:1px solid var(--color-border);border-radius:0;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);animation:colors-dialog-slide-down var(--default-transition-duration) var(--default-transition-timing-function)}.colors-dialog-size-toggle{display:none}.colors-dialog--collapsed{bottom:auto}@media(prefers-reduced-motion:reduce){.colors-dialog{animation:none}}}@keyframes colors-dialog-slide-down{0%{transform:translateY(calc(-100% - env(safe-area-inset-top,0px)))}to{transform:translateY(0)}}.palette-stripe{display:flex;height:56px}.colors-dialog--full .palette-stripe{height:62px}.palette-stripe__slot{flex:1 1 0}.palette-stripe__slot--locked{background:repeating-linear-gradient(45deg,var(--color-border),var(--color-border) 3px,transparent 3px,transparent 8px)}.prompt-dialog{max-width:420px}.prompt-dialog-input{width:100%;box-sizing:border-box;margin-bottom:12px;padding:8px 10px;background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font:inherit;font-size:14px}.prompt-dialog-input:focus{outline:none;border-color:var(--color-border-focus)}.prompt-dialog-input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-border-focus)}.prompt-dialog-input[aria-invalid=true]{border-color:var(--color-danger)}.prompt-dialog-error{margin:-4px 0 12px;font-size:12px;color:var(--color-danger)}.scheme-picker{display:flex;flex-direction:column;gap:var(--spacing-sp-md);width:100%}.scheme-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sp-sm)}.scheme-picker-filter{display:flex;gap:var(--spacing-sp-2xs);flex-wrap:wrap}.scheme-picker-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border-faint);background:var(--color-control-bg);color:var(--color-fg-muted);font-size:var(--font-size-sm);padding:var(--spacing-sp-2xs) var(--spacing-sp-md);border-radius:var(--radius-full);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.scheme-picker-pill:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.scheme-picker-pill-active{background:var(--theme-accent);color:var(--color-fg-on-accent);border-color:var(--theme-accent)}.scheme-picker-pill-active:hover{background:color-mix(in oklch,var(--theme-accent) 90%,white);color:var(--color-fg-on-accent);border-color:color-mix(in oklch,var(--theme-accent) 90%,white)}.scheme-picker-pill:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.scheme-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sp-sm)}.scheme-picker-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;gap:var(--spacing-sp-xs);padding:var(--spacing-sp-sm);background:var(--color-control-bg);border:1px solid var(--color-border-faint);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--color-fg);font-family:inherit;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.scheme-picker-card:hover{background:var(--color-control-bg-hover);border-color:var(--color-border-hover)}.scheme-picker-card-active{border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}.scheme-picker-card-active:hover{border-color:color-mix(in oklch,var(--theme-accent) 90%,white);box-shadow:0 0 0 1px color-mix(in oklch,var(--theme-accent) 90%,white)}.scheme-picker-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.scheme-picker-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sp-2xs);min-height:var(--spacing-sp-lg)}.scheme-picker-card-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.scheme-picker-card-actions{display:inline-flex;gap:var(--spacing-sp-3xs);flex:0 0 auto}.scheme-picker-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;font-family:inherit;font-size:var(--font-size-2xs);color:var(--color-fg-subtle);background:transparent;padding:var(--spacing-sp-3xs) var(--spacing-sp-2xs);border-radius:var(--radius-sm);border:1px solid var(--color-border-faint);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease,border-color .12s ease}.scheme-picker-action:hover{background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border-hover)}.scheme-picker-action-danger:hover{background:var(--color-danger);color:var(--color-fg-on-accent);border-color:var(--color-danger)}.scheme-picker-action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.scheme-picker-empty{padding:var(--spacing-sp-lg);text-align:center;color:var(--color-fg-subtle);font-size:var(--font-size-sm);background:var(--color-control-bg);border:1px dashed var(--color-border-faint);border-radius:var(--radius-md)}.scheme-picker-list{display:flex;flex-direction:column;gap:var(--spacing-sp-xs)}.scheme-picker-card--list{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-sp-sm)}.scheme-picker-row-main{display:flex;align-items:center;gap:var(--spacing-sp-xs);flex:1 1 auto;min-width:0}.scheme-picker-row-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.scheme-picker-row-stripe{flex:0 0 40%;max-width:180px;overflow:hidden;border-radius:var(--radius-sm)}.scheme-picker-row-stripe .palette-stripe{height:28px}.scheme-picker-error{font-size:var(--font-size-xs);color:var(--color-fg-on-accent);background:var(--color-danger);padding:var(--spacing-sp-xs) var(--spacing-sp-sm);border-radius:var(--radius-sm)}.presets-tab{display:flex;flex-direction:column;gap:var(--spacing-sp-md);width:100%}.presets-tab-signin{display:flex;flex-direction:column;align-items:stretch}.app-shell{width:100%;height:100vh;height:100dvh;display:grid;grid-template-rows:var(--chrome-height) 1fr var(--bottom-bar-height)}@media(max-width:640px){.app-shell{grid-template-rows:var(--chrome-height) 1fr auto}}.app-shell:not(.is-editor):not(.is-patterns){grid-template-rows:var(--chrome-height) 1fr 0px}.app-shell.is-editor{--chrome-height: calc(var(--global-header-height) + var(--tab-bar-height));--chrome-height-safe: calc(var(--chrome-height) + env(safe-area-inset-top, 0px))}.app-shell-chrome{display:flex;flex-direction:column;min-width:0}.app-shell-content{position:relative;overflow:hidden;min-height:0}.tab-content-wrapper,.app-shell-page-loading{width:100%;height:100%}.app-shell-composition-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sp-md);height:100%;color:var(--color-fg-muted);font-size:var(--font-size-base)}.app-shell-composition-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sp-lg);height:100%;text-align:center;padding:var(--spacing-sp-2xl)}.app-shell-composition-not-found-message{color:var(--color-fg-muted);font-size:var(--font-size-base);max-width:360px}.drop-anywhere-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;pointer-events:none;background:color-mix(in oklch,var(--palette-bg) 65%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drop-anywhere-overlay-inner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sp-xl) var(--spacing-sp-2xl);border:2px dashed var(--color-accent);border-radius:var(--radius-xl);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drop-anywhere-overlay-label{color:var(--color-fg);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);letter-spacing:.01em}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.row-1{grid-row:1}.row-2{grid-row:2}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-row{flex-direction:row}.border{border-style:var(--tw-border-style);border-width:1px}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[fps-change-restarts-anim\:post\]{fps-change-restarts-anim:post}.\[fps-change-restarts-anim\:pre\]{fps-change-restarts-anim:pre}:root{color-scheme:dark;--palette-bg:oklch(14% 0 0);--palette-fg:oklch(90% 0 0);--palette-cursor:oklch(90% 0 0);--palette-selection:oklch(100% 0 0/.2);--palette-0:oklch(20% 0 0);--palette-1:oklch(55% .2 25);--palette-2:oklch(60% .15 145);--palette-3:oklch(75% .15 85);--palette-4:oklch(55% .15 260);--palette-5:oklch(60% .2 320);--palette-6:oklch(65% .12 200);--palette-7:oklch(80% 0 0);--palette-8:oklch(45% 0 0);--palette-9:oklch(65% .2 25);--palette-10:oklch(70% .15 145);--palette-11:oklch(85% .15 85);--palette-12:oklch(65% .15 260);--palette-13:oklch(70% .2 320);--palette-14:oklch(75% .12 200);--palette-15:oklch(95% 0 0);--palette-shadow-base:var(--palette-0);--palette-canvas-handle-base:var(--palette-15);--palette-canvas-dashed-base:var(--palette-canvas-handle-base);--z-canvas-chrome:1;--z-focus-ring:1;--z-ruler:3;--z-tooltip:10000;--z-canvas-overlay:10;--z-side-panel-placeholder:13;--z-rail:14;--z-side-panel:15;--z-banner:20;--z-crop-overlay:20;--z-menu-bar:30;--z-menu-dropdown:31;--z-ctx-menu-backdrop:40;--z-ctx-menu:50;--z-popover-low:60;--z-selection:100;--z-fab:150;--z-working-panel:180;--z-overlay-root:200;--z-palette-bar:250;--z-toolbar:299;--z-header:300;--z-flyout-card:350;--z-modal:500;--z-toast:600;--z-preview:700;--z-onboarding:1000;--z-popover-portaled:2000;--z-drawer:2500;--z-color-picker:9999;--z-local-1:1;--z-local-2:2;--z-local-3:3;--theme-bg:var(--palette-bg);--theme-fg:var(--palette-fg);--theme-fg-muted:var(--palette-7);--theme-fg-subtle:var(--palette-6);--theme-fg-faint:var(--palette-4);--theme-fg-icon:var(--palette-6);--theme-accent:var(--palette-5);--theme-move-accent:oklch(72% .18 60);--theme-surface-glass:var(--palette-bg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-surface-glass:color-mix(in oklch, var(--palette-bg) 75%, transparent)}}:root{--theme-surface-glass-solid:var(--palette-bg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-surface-glass-solid:color-mix(in oklch, var(--palette-bg) 92%, transparent)}}:root{--theme-surface-glass-solid-strong:var(--palette-bg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-surface-glass-solid-strong:color-mix(in oklch, var(--palette-bg) 96%, transparent)}}:root{--theme-control-bg:var(--palette-fg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-control-bg:color-mix(in oklch, var(--palette-fg) 8%, transparent)}}:root{--theme-control-bg-hover:var(--palette-fg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-control-bg-hover:color-mix(in oklch, var(--palette-fg) 15%, transparent)}}:root{--theme-border:var(--palette-fg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-border:color-mix(in oklch, var(--palette-fg) 12%, transparent)}}:root{--theme-border-hover:var(--palette-fg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-border-hover:color-mix(in oklch, var(--palette-fg) 15%, transparent)}}:root{--theme-border-focus:var(--palette-fg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-border-focus:color-mix(in oklch, var(--palette-fg) 30%, transparent)}}:root{--theme-border-subtle:var(--palette-fg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-border-subtle:color-mix(in oklch, var(--palette-fg) 8%, transparent)}}:root{--theme-border-faint:var(--palette-fg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-border-faint:color-mix(in oklch, var(--palette-fg) 10%, transparent)}}:root{--theme-focus-ring:var(--palette-14);--theme-fg-on-accent:var(--palette-9);--theme-danger:var(--palette-10);--theme-danger-hover:var(--palette-10)}@supports (color:color-mix(in lab,red,red)){:root{--theme-danger-hover:color-mix(in oklch, var(--palette-10) 85%, white)}}:root{--theme-danger-bg:var(--palette-10)}@supports (color:color-mix(in lab,red,red)){:root{--theme-danger-bg:color-mix(in oklch, var(--palette-10) 10%, transparent)}}:root{--theme-danger-border:var(--palette-10)}@supports (color:color-mix(in lab,red,red)){:root{--theme-danger-border:color-mix(in oklch, var(--palette-10) 30%, transparent)}}:root{--theme-danger-bg-hover:var(--palette-10)}@supports (color:color-mix(in lab,red,red)){:root{--theme-danger-bg-hover:color-mix(in oklch, var(--palette-10) 20%, transparent)}}:root{--theme-danger-active:var(--palette-10)}@supports (color:color-mix(in lab,red,red)){:root{--theme-danger-active:color-mix(in oklch, var(--palette-10) 70%, var(--palette-bg))}}:root{--theme-danger-active-border:var(--palette-10)}@supports (color:color-mix(in lab,red,red)){:root{--theme-danger-active-border:color-mix(in oklch, var(--palette-10) 85%, var(--palette-bg))}}:root{--theme-danger-border-hover:var(--palette-10)}@supports (color:color-mix(in lab,red,red)){:root{--theme-danger-border-hover:color-mix(in oklch, var(--palette-10) 40%, transparent)}}:root{--theme-success:var(--palette-11);--theme-success-hover:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-hover:color-mix(in oklch, var(--palette-11) 85%, white)}}:root{--theme-success-bg:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-bg:color-mix(in oklch, var(--palette-11) 20%, transparent)}}:root{--theme-success-active:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-active:color-mix(in oklch, var(--palette-11) 70%, var(--palette-bg))}}:root{--theme-star:var(--palette-13);--theme-star-hover:var(--palette-13)}@supports (color:color-mix(in lab,red,red)){:root{--theme-star-hover:color-mix(in oklch, var(--palette-13) 85%, white)}}:root{--theme-star-bg:var(--palette-13)}@supports (color:color-mix(in lab,red,red)){:root{--theme-star-bg:color-mix(in oklch, var(--palette-13) 12%, transparent)}}:root{--theme-star-border:var(--palette-13)}@supports (color:color-mix(in lab,red,red)){:root{--theme-star-border:color-mix(in oklch, var(--palette-13) 35%, transparent)}}:root{--theme-info:var(--palette-12);--theme-info-muted:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-muted:color-mix(in oklch, var(--palette-12) 50%, var(--palette-bg))}}:root{--theme-info-bg:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-bg:color-mix(in oklch, var(--palette-12) 15%, transparent)}}:root{--theme-info-border:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-border:color-mix(in oklch, var(--palette-12) 40%, transparent)}}:root{--theme-info-bg-hover:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-bg-hover:color-mix(in oklch, var(--palette-12) 25%, transparent)}}:root{--theme-info-text:var(--palette-7);--theme-info-text-hover:var(--palette-9);--theme-mod-noise:var(--palette-14);--theme-info-banner-bg:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-banner-bg:color-mix(in oklch, var(--palette-12) 10%, transparent)}}:root{--theme-info-banner-border:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-banner-border:color-mix(in oklch, var(--palette-12) 30%, transparent)}}:root{--theme-info-banner-btn-bg:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-banner-btn-bg:color-mix(in oklch, var(--palette-12) 20%, transparent)}}:root{--theme-info-banner-btn-hover-bg:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-banner-btn-hover-bg:color-mix(in oklch, var(--palette-12) 30%, transparent)}}:root{--theme-info-banner-btn-hover-border:var(--palette-12)}@supports (color:color-mix(in lab,red,red)){:root{--theme-info-banner-btn-hover-border:color-mix(in oklch, var(--palette-12) 50%, transparent)}}:root{--theme-success-banner-bg:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-banner-bg:color-mix(in oklch, var(--palette-11) 12%, transparent)}}:root{--theme-success-banner-border:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-banner-border:color-mix(in oklch, var(--palette-11) 40%, transparent)}}:root{--theme-success-banner-text:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-banner-text:color-mix(in oklch, var(--palette-11) 80%, transparent)}}:root{--theme-success-banner-btn-bg:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-banner-btn-bg:color-mix(in oklch, var(--palette-11) 25%, transparent)}}:root{--theme-success-banner-btn-border:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-banner-btn-border:color-mix(in oklch, var(--palette-11) 50%, transparent)}}:root{--theme-success-banner-btn-hover-bg:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-banner-btn-hover-bg:color-mix(in oklch, var(--palette-11) 35%, transparent)}}:root{--theme-success-banner-btn-hover-border:var(--palette-11)}@supports (color:color-mix(in lab,red,red)){:root{--theme-success-banner-btn-hover-border:color-mix(in oklch, var(--palette-11) 65%, transparent)}}:root{--theme-surface:var(--palette-2)}@supports (color:color-mix(in lab,red,red)){:root{--theme-surface:color-mix(in oklch, var(--palette-2) 80%, var(--palette-bg))}}:root{--theme-surface-modal:var(--palette-2);--theme-surface-sidebar:var(--palette-1);--theme-overlay-backdrop:var(--palette-bg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-overlay-backdrop:color-mix(in oklch, var(--palette-bg) 60%, transparent)}}:root{--theme-overlay-modal:var(--palette-bg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-overlay-modal:color-mix(in oklch, var(--palette-bg) 70%, transparent)}}:root{--theme-preview-bg:var(--palette-bg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-preview-bg:color-mix(in oklch, var(--palette-bg) 30%, transparent)}}:root{--theme-tooltip-bg:var(--palette-3);--theme-tooltip-fg:var(--palette-9);--theme-canvas-handle:var(--palette-canvas-handle-base);--theme-canvas-handle-border:var(--palette-bg)}@supports (color:color-mix(in lab,red,red)){:root{--theme-canvas-handle-border:color-mix(in oklch, var(--palette-bg) 50%, transparent)}}:root{--theme-canvas-handle-glow:var(--palette-canvas-dashed-base)}@supports (color:color-mix(in lab,red,red)){:root{--theme-canvas-handle-glow:color-mix(in oklch, var(--palette-canvas-dashed-base) 50%, transparent)}}:root{--theme-canvas-dashed:var(--palette-canvas-dashed-base)}@supports (color:color-mix(in lab,red,red)){:root{--theme-canvas-dashed:color-mix(in oklch, var(--palette-canvas-dashed-base) 70%, transparent)}}:root{--theme-canvas-guide:oklch(72% .15 220);--theme-canvas-guide-active:oklch(70% .18 350);--theme-syntax-keyword:var(--palette-4);--theme-syntax-string:var(--palette-3);--theme-syntax-number:var(--palette-2);--theme-syntax-function:var(--palette-11);--theme-syntax-definition:var(--palette-14);--theme-syntax-property:var(--palette-6);--theme-syntax-type:var(--palette-5)}:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-bg:var(--theme-bg);--color-fg:var(--theme-fg);--color-fg-muted:var(--theme-fg-muted);--color-fg-subtle:var(--theme-fg-subtle);--color-fg-faint:var(--theme-fg-faint);--color-fg-icon:var(--theme-fg-icon);--color-accent:var(--theme-accent);--color-move-accent:var(--theme-move-accent);--color-surface:var(--theme-surface);--color-surface-glass:var(--theme-surface-glass);--color-surface-glass-solid:var(--theme-surface-glass-solid);--color-surface-glass-solid-strong:var(--theme-surface-glass-solid-strong);--color-control-bg:var(--theme-control-bg);--color-control-bg-hover:var(--theme-control-bg-hover);--color-border:var(--theme-border);--color-border-hover:var(--theme-border-hover);--color-border-focus:var(--theme-border-focus);--color-border-subtle:var(--theme-border-subtle);--color-border-faint:var(--theme-border-faint);--color-focus-ring:var(--theme-focus-ring);--color-danger:var(--theme-danger);--color-danger-hover:var(--theme-danger-hover);--color-danger-bg:var(--theme-danger-bg);--color-danger-border:var(--theme-danger-border);--color-danger-bg-hover:var(--theme-danger-bg-hover);--color-danger-active:var(--theme-danger-active);--color-danger-active-border:var(--theme-danger-active-border);--color-success:var(--theme-success);--color-success-hover:var(--theme-success-hover);--color-success-bg:var(--theme-success-bg);--color-success-active:var(--theme-success-active);--color-star:var(--theme-star);--color-star-hover:var(--theme-star-hover);--color-star-bg:var(--theme-star-bg);--color-star-border:var(--theme-star-border);--color-fg-on-accent:var(--theme-fg-on-accent);--color-info:var(--theme-info);--color-info-muted:var(--theme-info-muted);--color-info-bg:var(--theme-info-bg);--color-info-border:var(--theme-info-border);--color-info-bg-hover:var(--theme-info-bg-hover);--color-info-text:var(--theme-info-text);--color-info-text-hover:var(--theme-info-text-hover);--color-mod-noise:var(--theme-mod-noise);--color-info-banner-bg:var(--theme-info-banner-bg);--color-info-banner-border:var(--theme-info-banner-border);--color-success-banner-bg:var(--theme-success-banner-bg);--color-success-banner-border:var(--theme-success-banner-border);--color-success-banner-text:var(--theme-success-banner-text);--color-success-banner-btn-bg:var(--theme-success-banner-btn-bg);--color-success-banner-btn-border:var(--theme-success-banner-btn-border);--color-success-banner-btn-hover-bg:var(--theme-success-banner-btn-hover-bg);--color-success-banner-btn-hover-border:var(--theme-success-banner-btn-hover-border);--color-danger-border-hover:var(--theme-danger-border-hover);--color-surface-modal:var(--theme-surface-modal);--color-surface-sidebar:var(--theme-surface-sidebar);--color-overlay-backdrop:var(--theme-overlay-backdrop);--color-overlay-modal:var(--theme-overlay-modal);--color-preview-bg:var(--theme-preview-bg);--color-tooltip-bg:var(--theme-tooltip-bg);--color-tooltip-fg:var(--theme-tooltip-fg);--color-canvas-handle:var(--theme-canvas-handle);--color-canvas-handle-border:var(--theme-canvas-handle-border);--color-canvas-handle-glow:var(--theme-canvas-handle-glow);--color-canvas-dashed:var(--theme-canvas-dashed);--color-canvas-guide:var(--theme-canvas-guide);--color-canvas-guide-active:var(--theme-canvas-guide-active);--shadow-dropdown:0 4px 12px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-dropdown:0 4px 12px color-mix(in oklch, var(--palette-shadow-base) 30%, transparent)}}:root,:host{--shadow-modal:0 16px 48px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-modal:0 16px 48px color-mix(in oklch, var(--palette-shadow-base) 40%, transparent)}}:root,:host{--shadow-modal-lg:0 24px 64px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-modal-lg:0 24px 64px color-mix(in oklch, var(--palette-shadow-base) 60%, transparent)}}:root,:host{--shadow-menu:0 8px 24px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-menu:0 8px 24px color-mix(in oklch, var(--palette-shadow-base) 50%, transparent)}}:root,:host{--shadow-canvas:0 4px 24px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-canvas:0 4px 24px color-mix(in oklch, var(--palette-shadow-base) 40%, transparent)}}:root,:host{--shadow-sidebar-mobile:-8px 0 24px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-sidebar-mobile:-8px 0 24px color-mix(in oklch, var(--palette-shadow-base) 35%, transparent)}}:root,:host{--shadow-strip-hover:0 2px 6px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-strip-hover:0 2px 6px color-mix(in oklch, var(--palette-shadow-base) 18%, transparent)}}:root,:host{--shadow-seekbar-thumb:0 1px 4px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-seekbar-thumb:0 1px 4px color-mix(in oklch, var(--palette-shadow-base) 50%, transparent)}}:root,:host{--color-syntax-keyword:var(--theme-syntax-keyword);--color-syntax-string:var(--theme-syntax-string);--color-syntax-number:var(--theme-syntax-number);--color-syntax-function:var(--theme-syntax-function);--color-syntax-definition:var(--theme-syntax-definition);--color-syntax-property:var(--theme-syntax-property);--color-syntax-type:var(--theme-syntax-type);--spacing-0:0;--spacing-1px:1px;--spacing-sp-3xs:3px;--spacing-sp-2xs:4px;--spacing-sp-xs:6px;--spacing-sp-sm:8px;--spacing-sp-md:12px;--spacing-sp-lg:16px;--spacing-sp-xl:20px;--spacing-sp-2xl:28px;--spacing-hsp-2xs:2px;--spacing-hsp-xs:4px;--spacing-hsp-sm:8px;--spacing-hsp-md:12px;--spacing-hsp-lg:16px;--spacing-hsp-xl:24px;--spacing-vsp-2xs:2px;--spacing-vsp-xs:4px;--spacing-vsp-sm:8px;--spacing-vsp-md:12px;--spacing-vsp-lg:16px;--spacing-vsp-xl:24px;--spacing-vsp-2xl:32px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-none:1;--leading-relaxed:1.625;--tracking-tight:-.02em;--tracking-wide:.02em;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Fira Code", monospace;--global-header-height:40px;--tab-bar-height:32px;--chrome-height:var(--global-header-height);--bottom-bar-height:80px}:root{--chrome-height-safe:calc(var(--chrome-height) + env(safe-area-inset-top,0px));--display-scale:1;--spacing-sp-3xs:calc(3px * var(--display-scale));--spacing-sp-2xs:calc(4px * var(--display-scale));--spacing-sp-xs:calc(6px * var(--display-scale));--spacing-sp-sm:calc(8px * var(--display-scale));--spacing-sp-md:calc(12px * var(--display-scale));--spacing-sp-lg:calc(16px * var(--display-scale));--spacing-sp-xl:calc(20px * var(--display-scale));--spacing-sp-2xl:calc(28px * var(--display-scale));--font-size-2xs:calc(10px * var(--display-scale));--font-size-xs:calc(11px * var(--display-scale));--font-size-sm:calc(12px * var(--display-scale));--font-size-base:calc(13px * var(--display-scale));--font-size-lg:calc(18px * var(--display-scale));--font-size-xl:calc(22px * var(--display-scale));--font-size-2xl:calc(28px * var(--display-scale));--global-header-height:calc(40px * var(--display-scale));--tab-bar-height:calc(32px * var(--display-scale))}body{background:var(--color-bg);color:var(--color-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{width:100%;height:100%;position:relative}.canvas-layer{justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-layer canvas{object-fit:contain;width:100%;height:100%}.canvas-layer.canvas-layer-no-fit{overflow:hidden}.canvas-layer.canvas-layer-no-fit canvas{object-fit:unset;width:auto;max-width:none;height:auto;max-height:none}.canvas-layer .viewer-anim-controls-stack{flex:auto;min-width:0;max-width:none}.canvas-layer>.viewer-bottom-dock{align-items:center;gap:var(--spacing-sp-sm);left:var(--spacing-sp-md);right:var(--spacing-sp-md);bottom:var(--spacing-sp-sm);z-index:var(--z-canvas-overlay);pointer-events:none;display:flex;position:absolute}.canvas-layer>.viewer-bottom-dock>*{pointer-events:auto}.floating-link{z-index:var(--z-canvas-overlay);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);color:var(--color-fg-muted);letter-spacing:.02em;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex;position:absolute}.floating-link:hover{background:var(--color-control-bg-hover);color:var(--color-fg)}.site-link{top:calc(var(--chrome-height) + 12px);right:max(16px,env(safe-area-inset-right,0px))}.site-logo{width:26px;height:26px}.doc-link{bottom:max(16px,env(safe-area-inset-bottom,0px));right:max(16px,env(safe-area-inset-right,0px));gap:6px}.doc-link svg{flex-shrink:0}.control-group{margin-bottom:var(--spacing-sp-md)}.control-group label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle);margin-bottom:var(--spacing-sp-2xs);font-weight:500;display:block}.slug-row{gap:var(--spacing-sp-xs);display:flex}.slug-row input{flex:1;min-width:0}.pattern-type-select-row{gap:var(--spacing-sp-xs);display:flex}.pattern-type-select-row select{flex:1;min-width:0}.btn-expand-patterns{padding:var(--spacing-sp-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pattern-panel-save-load-row{gap:var(--spacing-sp-xs);display:flex}.pattern-panel-save-btn,.pattern-panel-load-btn{font-size:var(--font-size-xs);flex:1}input[type=text],select{width:100%;padding:var(--spacing-sp-xs) var(--spacing-sp-sm);background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--font-size-base);outline:none}input[type=text]:focus,select:focus{border-color:var(--color-border-focus)}.btn{padding:var(--spacing-sp-xs) var(--spacing-sp-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-fg);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.btn:hover{background:var(--color-control-bg-hover)}.btn-accent-outline{background:var(--color-control-bg);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-fg);cursor:pointer;white-space:nowrap;transition:background var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function)}.btn-accent-outline:hover{background:var(--color-control-bg-hover)}.btn-accent-outline:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.collapsible-section{border-top:1px solid var(--color-border-faint);margin-top:var(--spacing-sp-sm)}.collapsible-section:first-of-type{border-top:none;margin-top:0}.collapsible-section-header{width:100%;padding:var(--spacing-sp-sm) 0;color:var(--color-fg-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;transition:color .15s;display:flex}.collapsible-section-header:hover{color:var(--color-fg)}.collapsible-section-title{font-weight:500}.collapsible-section-chevron{font-size:var(--font-size-2xs);opacity:.6}.collapsible-section-content{padding-bottom:var(--spacing-sp-sm)}.slider-with-input-label-row{align-items:center;gap:var(--spacing-sp-2xs);margin-bottom:var(--spacing-sp-2xs);display:flex}.slider-with-input-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle);margin-bottom:0;font-weight:500;display:block}.slider-range-settings-btn{padding:var(--spacing-sp-2xs);border-radius:var(--radius-sm);color:var(--color-fg-subtle);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.slider-range-settings-btn:hover{background:var(--color-control-bg-hover);opacity:1}.range-row{align-items:center;gap:var(--spacing-sp-sm);display:flex}.range-row input[type=range]{accent-color:var(--color-accent);flex:1}.range-value{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;text-align:right;min-width:28px;color:var(--color-fg-muted)}.range-value-editable{text-align:right;min-width:40px;max-width:60px;color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;padding:1px 4px}.range-value-editable:focus{background:var(--color-control-bg);border-color:var(--color-border-hover)}.composer-label-value-editable{width:4ch;min-width:unset;max-width:unset;font-size:inherit;padding:0 2px;display:inline}.param-section{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-md)}.hsl-section{margin-bottom:var(--spacing-sp-md)}.param-section .section-label,.hsl-section .section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-faint);margin-bottom:var(--spacing-sp-sm);font-weight:600;display:block}.param-control{margin-bottom:var(--spacing-sp-sm)}.param-label-row{justify-content:space-between;align-items:center;display:flex}.param-control label{font-size:var(--font-size-2xs)}label.fix-toggle{align-items:center;gap:var(--spacing-sp-xs);white-space:nowrap;font-size:var(--font-size-2xs);opacity:.6;cursor:pointer;line-height:1;display:inline-flex}label.fix-toggle:has(input:checked){opacity:1}label.fix-toggle input[type=checkbox]{vertical-align:middle;accent-color:var(--color-accent);margin:0}.param-control .range-value{min-width:36px;font-size:var(--font-size-xs)}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-row input[type=checkbox]{accent-color:var(--color-accent);width:14px;height:14px}.hsl-slider-row{align-items:center;gap:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-xs);display:flex}.hsl-slider-row input[type=range]{accent-color:var(--color-accent);flex:1}.hsl-label{font-size:var(--font-size-xs);color:var(--color-fg-subtle);flex-shrink:0;width:1rem;font-weight:500}.hsl-value{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-align:right;min-width:2.5rem;color:var(--color-fg-muted);flex-shrink:0}.hsl-toggle-row{align-items:center;gap:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-xs);display:flex}.hsl-toggle-row input[type=checkbox]{accent-color:var(--color-accent)}.btn-hsl-reset{padding:var(--spacing-sp-2xs) var(--spacing-sp-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-fg);font-size:var(--font-size-xs);cursor:pointer;margin-top:var(--spacing-sp-2xs)}.btn-hsl-reset:hover{background:var(--color-control-bg-hover)}.view-transform-section{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-md)}.view-transform-section .section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-faint);margin-bottom:var(--spacing-sp-sm);font-weight:600;display:block}.view-transform-slider-row{align-items:center;gap:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-xs);grid-template-columns:2.25rem 1fr 2.5rem auto;display:grid}.view-transform-checkbox-row{align-items:center;gap:var(--spacing-sp-xs);font-size:var(--font-size-xs);color:var(--color-fg);margin-bottom:var(--spacing-sp-xs);display:flex}.view-transform-checkbox-row>label{align-items:center;gap:var(--spacing-sp-xs);cursor:pointer;display:flex}.view-transform-checkbox-row input[type=checkbox]{accent-color:var(--color-accent)}.view-transform-slider-row input[type=range]{width:100%;min-width:0;accent-color:var(--color-accent)}.view-transform-slider-row input[type=range]:disabled{opacity:.4;cursor:not-allowed}.view-transform-label{font-size:var(--font-size-xs);color:var(--color-fg-subtle);white-space:nowrap;flex-shrink:0;font-weight:500}.view-transform-value{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-align:right;min-width:2.5rem;color:var(--color-fg-muted);flex-shrink:0}.view-transform-zoom-track{flex:1;position:relative}.view-transform-zoom-track input[type=range]{width:100%;accent-color:var(--color-accent)}.view-transform-zoom-tick{background:var(--color-fg-faint);pointer-events:none;width:1px;height:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.btn-view-transform-reset{padding:var(--spacing-sp-2xs) var(--spacing-sp-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-fg);font-size:var(--font-size-xs);cursor:pointer;margin-top:var(--spacing-sp-2xs)}.btn-view-transform-reset:hover{background:var(--color-control-bg-hover)}.button-row{margin-top:var(--spacing-sp-md);gap:var(--spacing-sp-sm);display:flex}.action-buttons{gap:var(--spacing-sp-sm);flex-direction:column;display:flex}.btn-download{flex:1}.selection-btn-edit{background:var(--color-control-bg)}.selection-btn-edit:hover{background:var(--color-control-bg-hover)}.image-overlay-section{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-md)}.image-overlay-section .section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-faint);margin-bottom:var(--spacing-sp-sm);font-weight:600;display:block}.image-import-area{justify-content:center;align-items:center;gap:var(--spacing-sp-2xs);padding:var(--spacing-sp-lg) var(--spacing-sp-md);border:1px dashed var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-fg-muted);font-size:var(--font-size-sm);cursor:pointer;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.image-import-area:hover,.image-import-area.dragging{border-color:var(--color-border-focus);background:var(--color-control-bg-hover)}.image-import-hint{font-size:var(--font-size-2xs);color:var(--color-fg-faint)}.processing-indicator{align-items:center;gap:var(--spacing-sp-xs);padding:var(--spacing-sp-md);font-size:var(--font-size-sm);color:var(--color-fg-muted);flex-direction:column;display:flex}@keyframes processing-spin{to{transform:rotate(360deg)}}.processing-spinner{border:2px solid var(--color-border);border-top-color:var(--color-fg-muted);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite processing-spin;display:inline-block}.processing-progress-bar{background:var(--color-control-bg);border-radius:2px;width:100%;height:4px;overflow:hidden}.processing-progress-fill{background:var(--color-fg-muted);border-radius:2px;height:100%;transition:width .3s}.canvas-regen-loader{bottom:var(--spacing-sp-lg);left:var(--spacing-sp-lg);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:80px;height:80px;z-index:var(--z-canvas-overlay);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}@keyframes regen-spin{to{transform:rotate(360deg)}}.canvas-regen-loader__spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite regen-spin}.deleted-pattern-overlay{pointer-events:none;z-index:var(--z-canvas-overlay);justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.deleted-pattern-message{padding:var(--spacing-sp-md) var(--spacing-sp-lg);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg-muted);font-size:var(--font-size-sm);margin:0}.image-overlay-clear-btn{width:100%;margin-bottom:var(--spacing-sp-sm)}.image-overlay-controls{gap:var(--spacing-sp-sm);flex-direction:column;display:flex}.image-overlay-slider-row{gap:var(--spacing-sp-2xs);flex-direction:column;display:flex}.image-overlay-label{font-size:var(--font-size-2xs);color:var(--color-fg-subtle)}.image-overlay-reset-btn{padding:var(--spacing-sp-2xs) var(--spacing-sp-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-fg);font-size:var(--font-size-2xs);cursor:pointer;align-self:flex-start}.image-overlay-reset-btn:hover{background:var(--color-control-bg-hover)}.image-overlay-bg-actions{gap:var(--spacing-sp-2xs);flex-wrap:wrap;display:flex}.image-overlay-detail-btn{padding:var(--spacing-sp-2xs) var(--spacing-sp-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-fg);font-size:var(--font-size-2xs);cursor:pointer}.image-overlay-detail-btn:hover{background:var(--color-control-bg-hover)}.image-overlay-colorkey-busy{align-items:center;gap:var(--spacing-sp-xs);margin-top:var(--spacing-sp-xs);font-size:var(--font-size-2xs);color:var(--color-fg-muted);display:flex}.image-overlay-colorkey-busy .processing-spinner{border-width:1.5px;width:12px;height:12px}.image-overlay-aspect-row{gap:var(--spacing-sp-2xs);margin-bottom:var(--spacing-sp-sm);flex-direction:column;display:flex}.image-overlay-aspect-btns{gap:var(--spacing-sp-2xs);display:flex}.image-overlay-aspect-btn{font-size:var(--font-size-2xs);padding:var(--spacing-sp-2xs) var(--spacing-sp-sm);flex:1}.image-overlay-aspect-btn.active{background:var(--color-control-bg-hover);border-color:var(--color-border-focus)}.image-overlay-error{margin-top:var(--spacing-sp-xs);padding:var(--spacing-sp-xs) var(--spacing-sp-sm);font-size:var(--font-size-2xs);color:var(--color-danger)}.image-layer-panel{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-sp-sm);margin-bottom:var(--spacing-sp-md)}.image-layer-panel .section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-faint);margin-bottom:var(--spacing-sp-sm);font-weight:600;display:block}.image-layer-add{margin-bottom:var(--spacing-sp-sm);padding:var(--spacing-sp-sm) var(--spacing-sp-md)}.image-layer-list{max-height:240px;margin-bottom:var(--spacing-sp-sm);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.image-layer-item{align-items:center;gap:var(--spacing-sp-xs);padding:var(--spacing-sp-2xs) var(--spacing-sp-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control-bg);cursor:pointer;font-size:var(--font-size-2xs);-webkit-user-select:none;user-select:none;transition:background .1s,border-color .1s;display:flex}.image-layer-item:hover{background:var(--color-control-bg-hover)}.image-layer-item.selected{border-color:var(--color-border-focus);background:var(--color-control-bg-hover)}.image-layer-item.dragging{opacity:.4}.image-layer-drag-handle{cursor:grab;color:var(--color-fg-faint);font-size:var(--font-size-xs);padding:0 2px;line-height:1}.image-layer-thumbnail{border-radius:var(--radius-sm);object-fit:contain;background:var(--color-control-bg);flex-shrink:0;width:40px;height:40px}.image-layer-thumbnail-empty{border-radius:var(--radius-sm);background:var(--color-control-bg);flex-shrink:0;width:40px;height:40px;display:inline-block}.image-layer-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-fg);flex:1;overflow:hidden}.image-layer-spinner{border-width:1.5px;flex-shrink:0;width:12px;height:12px}.image-layer-bg-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control-bg);color:var(--color-fg-faint);cursor:pointer;flex-shrink:0;padding:2px 6px;font-size:9px;transition:background .1s,color .1s}.image-layer-bg-toggle.active{background:var(--color-control-bg-hover);color:var(--color-fg);border-color:var(--color-border-focus)}.image-layer-bg-toggle:hover{background:var(--color-control-bg-hover)}.image-layer-duplicate{color:var(--color-fg-faint);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;line-height:1}.image-layer-duplicate:hover{color:var(--color-fg)}.image-layer-delete{color:var(--color-fg-faint);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;line-height:1}.image-layer-delete:hover{color:var(--color-danger)}.image-layer-controls{gap:var(--spacing-sp-sm);flex-direction:column;display:flex}.info-popover-wrapper{display:inline-flex;position:relative}.info-trigger{color:var(--color-fg-faint);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1;transition:opacity .15s}.info-trigger:hover{opacity:1}.info-popover{background:var(--color-surface-modal);color:var(--color-fg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sp-sm) var(--spacing-sp-md);font-size:var(--font-size-sm);max-width:250px;z-index:var(--z-selection);line-height:1.4;animation:.15s ease-out popover-fade-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.info-popover-arrow{background:var(--color-surface-modal);clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:5px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.save-pattern-field{margin-bottom:12px}.save-pattern-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.save-pattern-label-optional{text-transform:none;color:var(--color-fg-muted);font-weight:400}.save-pattern-textarea{resize:vertical;width:100%;min-height:60px;font-family:inherit;font-size:13px}.save-pattern-preview{border-radius:6px;max-height:120px;margin-bottom:12px;overflow:hidden}.save-pattern-preview img{object-fit:cover;width:100%;height:120px}.save-pattern-error{color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);margin-bottom:8px;padding:8px 12px;font-size:12px}.save-pattern-slug-section{margin-bottom:12px}.save-pattern-slug-preview{align-items:center;gap:6px;font-size:11px;display:flex}.save-pattern-slug-label{color:var(--color-fg-subtle)}.save-pattern-slug-value{color:var(--color-fg-muted);background:var(--color-control-bg);border-radius:var(--radius-xs);border:1px solid var(--color-border-subtle);text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:1px 5px;font-family:monospace;font-size:11px;overflow:hidden}.save-pattern-slug-customize{font:inherit;color:var(--color-accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;flex-shrink:0;padding:0;font-size:11px;text-decoration:underline}.save-pattern-slug-customize:hover{opacity:.8}.save-pattern-slug-hint{color:var(--color-fg-subtle);margin-top:4px;font-size:10px;display:block}.image-upload-btn{width:100%;font-size:var(--font-size-2xs);margin-top:var(--spacing-sp-xs)}.media-browser-modal{max-width:600px}.media-browser-filter{margin-bottom:12px}.media-browser-filter input{background:var(--color-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-fg);outline:none;padding:6px 10px;font-size:12px}.media-browser-filter input:focus{border-color:var(--color-border-focus)}.image-layer-browse{color:var(--color-fg-faint);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;line-height:1}.image-layer-browse:hover{color:var(--color-fg)}[data-theme=light]{color-scheme:light;--palette-shadow-base:oklch(0% 0 0);--theme-move-accent:oklch(58% .2 50);--palette-canvas-handle-base:oklch(100% 0 0);--palette-canvas-dashed-base:var(--palette-fg);--shadow-dropdown:0 4px 12px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--shadow-dropdown:0 4px 12px color-mix(in oklch, var(--palette-shadow-base) 12%, transparent)}}[data-theme=light]{--shadow-modal:0 16px 48px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--shadow-modal:0 16px 48px color-mix(in oklch, var(--palette-shadow-base) 15%, transparent)}}[data-theme=light]{--shadow-modal-lg:0 24px 64px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--shadow-modal-lg:0 24px 64px color-mix(in oklch, var(--palette-shadow-base) 20%, transparent)}}[data-theme=light]{--shadow-menu:0 8px 24px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--shadow-menu:0 8px 24px color-mix(in oklch, var(--palette-shadow-base) 15%, transparent)}}[data-theme=light]{--shadow-canvas:0 4px 24px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--shadow-canvas:0 4px 24px color-mix(in oklch, var(--palette-shadow-base) 12%, transparent)}}[data-theme=light]{--shadow-strip-hover:0 2px 6px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--shadow-strip-hover:0 2px 6px color-mix(in oklch, var(--palette-shadow-base) 8%, transparent)}}[data-theme=light]{--shadow-seekbar-thumb:0 1px 4px var(--palette-shadow-base)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--shadow-seekbar-thumb:0 1px 4px color-mix(in oklch, var(--palette-shadow-base) 20%, transparent)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:640px){.site-link,.doc-link{display:none}input[type=text],input[type=number],input[type=email],input[type=search],input[type=password],input[type=url],select,textarea{font-size:16px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}