:root{--sem-accent-on: #ffffff;--sem-accent-primary: #8f8f8f;--sem-border-default: #4a4a4a;--sem-border-strong: #5e5e5e;--sem-border-subtle: #313131;--sem-focus-ring: #8f8f8f;--sem-state-danger: #ef4444;--sem-state-success: #22c55e;--sem-state-warning: #f59e0b;--sem-surface-backdrop: #1e1e1e;--sem-surface-base: #282829;--sem-surface-raised: #313131;--sem-text-muted: #8f8f8f;--sem-text-primary: #e4e4e4;--sem-text-secondary: #b8b8b8;--sem-typography-brand-h1: 41px;--sem-typography-brand-h2: 35px;--sem-typography-brand-h3: 29px;--sem-typography-brand-h4: 23px;--sem-typography-brand-p1: 21px;--sem-typography-brand-p2: 19px;--sem-typography-brand-p3: 17px;--sem-typography-brand-p4: 15px;--sem-typography-ui-body-lg: 15px;--sem-typography-ui-body-md: 14px;--sem-typography-ui-body-sm: 13px;--sem-typography-ui-caption-xs: 11px;--sem-typography-ui-caption2xs: 10px;--sem-typography-ui-display-lg: 35px;--sem-typography-ui-display-sm: 31px;--sem-typography-ui-label-sm: 12px;--sem-typography-ui-title-lg: 21px;--sem-typography-ui-title-md: 19px;--sem-typography-ui-title-sm: 17px;--sem-typography-ui-title-xl: 23px;--sem-typography-ui-title2xl: 25px;--cmp-canvas-glass-border: rgba(255, 255, 255, .14);--cmp-canvas-glass-highlight: rgba(255, 255, 255, .12);--cmp-canvas-glass-shadow-color: rgba(0, 0, 0, .45);--cmp-canvas-glass-surface: rgba(30, 30, 30, .72);--cmp-canvas-glass-surface-strong: rgba(40, 40, 40, .82);--cmp-canvas-ui-active-surface: rgba(255, 255, 255, .16);--cmp-canvas-ui-hover-surface: rgba(255, 255, 255, .1);--cmp-inspector-accent: #8f8f8f;--cmp-inspector-border: rgba(255, 255, 255, .12);--cmp-inspector-divider: rgba(255, 255, 255, .08);--cmp-inspector-muted: #b8b8b8;--cmp-inspector-surface: rgba(30, 30, 30, .9);--cmp-inspector-surface-elevated: rgba(49, 49, 49, .96);--cmp-inspector-surface-soft: rgba(40, 40, 40, .92);--cmp-inspector-text: #e4e4e4;--cmp-typography-pixi-guide-axis-label: 12px;--cmp-typography-pixi-guide-dimension-label: 13px;--cmp-typography-pixi-ruler-label-default: 11px;--cmp-typography-pixi-ruler-label-highlighted: 12px}:root{font-family:Inter,system-ui,-apple-system,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;--ec-density: .8;--ec-space-1: calc(4px * var(--ec-density));--ec-space-2: calc(6px * var(--ec-density));--ec-space-3: calc(8px * var(--ec-density));--ec-space-4: calc(10px * var(--ec-density));--ec-space-5: calc(12px * var(--ec-density));--ec-space-6: calc(14px * var(--ec-density));--ec-font-2xs: calc(var(--sem-typography-ui-label-sm) * var(--ec-density));--ec-font-xs: calc(var(--sem-typography-ui-body-sm) * var(--ec-density));--ec-font-sm: calc(var(--sem-typography-ui-body-md) * var(--ec-density));--ec-font-md: calc(var(--sem-typography-ui-body-lg) * var(--ec-density));--ec-label-font-size: calc(var(--sem-typography-ui-body-sm) * var(--ec-density));--ec-bg-deep: var(--sem-surface-backdrop);--ec-bg-base: var(--sem-surface-base);--ec-surface-raised-canvas: var(--sem-surface-raised);--ec-bg-raised: var(--ec-surface-raised-canvas);--ec-ui-surface-1: color-mix(in srgb, var(--sem-surface-backdrop) 62%, transparent);--ec-ui-surface-2: color-mix(in srgb, var(--sem-surface-backdrop) 76%, transparent);--ec-ui-content-1: var(--sem-text-primary);--ec-ui-content-2: var(--sem-text-secondary);--ec-text-primary: var(--ec-ui-content-1);--ec-text-secondary: var(--ec-ui-content-2);--ec-text-muted: var(--ec-ui-content-2);--ec-text-strong: var(--ec-ui-content-1);--ec-border-strong: var(--sem-border-strong);--ec-brand-violet: var(--sem-accent-primary);--ec-brand-cyan: var(--sem-accent-primary);--ec-accent-info: var(--sem-accent-primary);--ec-accent-subtle-border: transparent;--ec-accent-subtle-surface: var(--ec-ui-surface-2);--ec-accent-subtle-surface-strong: var(--ec-ui-surface-2);--ec-success: var(--sem-state-success);--ec-warning: var(--sem-state-warning);--ec-danger: var(--sem-state-danger);--ec-control-surface: var(--ec-ui-surface-1);--ec-control-surface-hover: var(--ec-ui-surface-2);--ec-control-surface-active: var(--ec-ui-surface-2);--ec-control-focus-ring: color-mix(in srgb, var(--sem-focus-ring) 58%, transparent);--ec-control-bg: var(--ec-control-surface);--ec-control-bg-hover: var(--ec-control-surface-hover);--ec-control-bg-active: var(--ec-control-surface-active);--ec-control-border: transparent;--ec-control-text: var(--ec-ui-content-1);--ec-control-placeholder: var(--ec-ui-content-2);--ec-control-radius: calc(8px * var(--ec-density));--ec-control-height: calc(30px * var(--ec-density));--ec-control-height-dense: var(--ec-control-height);--ec-checkbox-size: calc(14px * var(--ec-density));--ec-checkbox-radius: calc(4px * var(--ec-density));--ec-slider-track-height: calc(4px * var(--ec-density));--ec-slider-thumb-size: calc(14px * var(--ec-density));--ec-slider-track-bg: color-mix(in srgb, var(--ec-overlay-surface-strong) 72%, var(--ec-bg-base));--ec-slider-track-border: color-mix(in srgb, var(--sem-border-default) 52%, transparent);--ec-slider-thumb-bg: var(--sem-accent-primary);--ec-slider-thumb-border: color-mix(in srgb, var(--sem-accent-on) 82%, transparent);--ec-slider-thumb-shadow: 0 2px 6px color-mix(in srgb, var(--sem-surface-backdrop) 44%, transparent);--ec-tree-action-size: calc(20px * var(--ec-density));--ec-inspector-surface: var(--ec-ui-surface-1);--ec-inspector-surface-soft: var(--ec-ui-surface-2);--ec-inspector-surface-elevated: var(--ec-ui-surface-2);--ec-inspector-border: transparent;--ec-inspector-border-active: color-mix( in srgb, var(--cmp-inspector-accent) 58%, var(--cmp-inspector-border) );--ec-inspector-text: var(--ec-ui-content-1);--ec-inspector-muted: var(--ec-ui-content-2);--ec-inspector-accent: var(--cmp-inspector-accent);--ec-inspector-section-border: transparent;--ec-inspector-panel-radius: 10px;--ec-inspector-control-radius: 8px;--ec-inspector-control-height: var(--ec-control-height);--ec-inspector-control-height-dense: var(--ec-control-height);--ec-inspector-section-padding-y: var(--ec-space-2);--ec-inspector-section-gap: var(--ec-space-1);--ec-right-sidebar-shell-padding-x: var(--ec-space-2);--ec-right-sidebar-shell-padding-y: var(--ec-space-2);--ec-right-sidebar-stack-gap: var(--ec-space-2);--ec-right-sidebar-stack-padding-bottom: var(--ec-space-4);--ec-canvas-glass-border: var(--cmp-canvas-glass-border);--ec-overlay-border-soft: transparent;--ec-overlay-border-base: transparent;--ec-overlay-border-strong: transparent;--ec-overlay-surface-soft: var(--ec-ui-surface-1);--ec-overlay-surface-base: var(--ec-ui-surface-2);--ec-overlay-surface-strong: var(--ec-ui-surface-2);--ec-inspector-legacy-surface: var(--ec-overlay-surface-base);--ec-inspector-legacy-surface-soft: var(--ec-overlay-surface-soft);--ec-inspector-legacy-surface-raised: var(--ec-overlay-surface-strong);--ec-inspector-legacy-text: var(--sem-text-primary);--ec-inspector-legacy-text-muted: var(--sem-text-muted);--ec-inspector-legacy-text-soft: var(--sem-text-secondary);--ec-tab-editor-canvas-surface: var(--ec-surface-raised-canvas);--ec-tab-editor-drop-line: var(--ec-accent-info);--ec-tab-editor-drop-target: var(--ec-success);--ec-tab-assets-library-row: var(--ec-ui-surface-1);--ec-tab-assets-library-row-selected: var(--ec-ui-surface-2);--ec-tab-assets-tree-global-surface: var(--ec-ui-surface-2);--ec-tab-assets-tree-global-text: var(--ec-ui-content-2);--ec-tab-brand-content-surface: var(--ec-surface-raised-canvas);--ec-tab-brand-nav-surface: var(--ec-overlay-surface-soft);--ec-tab-brand-nav-active-surface: var(--ec-accent-subtle-surface);--ec-tab-ai-nav-active-surface: color-mix(in srgb, var(--sem-accent-primary) 35%, transparent);--ec-tab-media-pane-surface: var(--ec-surface-raised-canvas);--ec-tab-media-sidebar-header-bg: color-mix( in srgb, var(--ec-tab-brand-nav-surface) 90%, var(--ec-bg-base) );--ec-tab-media-sidebar-header-text: var(--ec-text-secondary);--ec-tab-media-folder-row: color-mix( in srgb, var(--ec-tab-brand-nav-surface) 90%, var(--ec-bg-base) );--ec-tab-media-folder-row-hover: color-mix( in srgb, var(--ec-overlay-surface-base) 88%, var(--ec-bg-raised) );--ec-tab-media-folder-row-active: color-mix( in srgb, var(--ec-tab-brand-nav-active-surface) 84%, var(--ec-bg-raised) );--ec-tab-media-folder-icon: var(--ec-text-secondary);--ec-tab-media-asset-card: var(--ec-overlay-surface-base);--ec-tab-media-asset-border: var(--ec-border-strong);--ec-tab-media-asset-selected-border: var(--ec-accent-subtle-border);--ec-tab-media-asset-selected-surface: var(--ec-accent-subtle-surface);--ec-tab-media-accent-info: var(--ec-accent-info);--ec-tab-media-accent-info-soft: var(--ec-text-secondary);--ec-tab-media-button-surface: var(--ec-overlay-surface-base);--ec-tab-media-button-text: var(--ec-text-secondary);--ec-tab-media-danger-text: var(--ec-danger);color:var(--ec-text-primary);background:var(--ec-bg-deep);--canvas-glass-fill-opacity: 60%;--canvas-glass-surface: color-mix( in srgb, var(--ec-ui-surface-1) var(--canvas-glass-fill-opacity), transparent );--canvas-glass-surface-strong: color-mix( in srgb, var(--ec-ui-surface-2) var(--canvas-glass-fill-opacity), transparent );--canvas-glass-border: var(--ec-canvas-glass-border);--glass-surface: var(--canvas-glass-surface);--glass-border-color: var(--canvas-glass-border);--glass-shadow: var(--canvas-glass-shadow);--canvas-ui-radius: calc(12px * var(--ec-density));--canvas-ui-radius-sm: calc(9px * var(--ec-density));--canvas-ruler-thickness: 16px;--header-ui-height: 56px;--header-ui-radius: 8px;--header-ui-radius-sm: 7px;--canvas-ui-active-surface: var(--ec-ui-surface-2);--canvas-ui-hover-surface: var(--ec-ui-surface-2);--app-shell-edge-gap: var(--ec-space-6);--canvas-glass-shadow: 0 12px 40px var(--cmp-canvas-glass-shadow-color);--canvas-glass-border-subtle: color-mix(in srgb, var(--canvas-glass-border) 35%, transparent)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.app-frame{display:grid;grid-template-rows:var(--header-ui-height) minmax(0,1fr);height:100%;background:transparent;position:relative;isolation:isolate;overflow:hidden}.app-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--ec-bg-base);background-attachment:fixed}.app-frame>*{position:relative;z-index:1}.top-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo tabs actions";align-items:center;gap:var(--ec-space-3);padding:var(--ec-space-2) var(--ec-space-6);background:transparent;z-index:90}.top-nav-side{display:flex;align-items:center;gap:var(--ec-space-3);min-width:0}.top-nav-logo-icon-wrap{grid-area:logo;justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:32px}.top-nav-logo-button{border:0;background:transparent;padding:0;cursor:pointer;border-radius:var(--header-ui-radius-sm)}.top-nav-logo-button:focus-visible{outline:2px solid var(--sem-accent-primary);outline-offset:2px}.top-nav-side-right{grid-area:actions;justify-self:end;position:relative;gap:var(--ec-space-3);min-width:0}.top-nav-circle-button{border:0;border-radius:var(--header-ui-radius);color:var(--ec-ui-content-2);background:var(--ec-ui-surface-1);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.top-nav-circle-button:hover{background:var(--ec-ui-surface-2)}.top-nav-profile-circle{padding:0}.top-nav-inbox-badge{min-width:14px;height:14px;border-radius:var(--header-ui-radius-sm);background:var(--sem-state-danger);color:var(--sem-accent-on);font-size:var(--sem-typography-ui-caption2xs);display:inline-flex;align-items:center;justify-content:center;padding:0 3px;position:absolute;top:-5px;right:-5px;border:0}.top-nav-inbox-popover{position:absolute;right:0;top:38px;width:320px;max-height:360px;overflow:auto;border:0;border-radius:var(--canvas-ui-radius);background:var(--ec-ui-surface-2);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);z-index:140;padding:10px}.top-nav-inbox-title{font-size:var(--sem-typography-ui-body-md);font-weight:600;color:var(--ec-text-primary);margin-bottom:8px}.top-nav-inbox-mark-read{width:100%;margin-bottom:8px;border:0;border-radius:var(--canvas-ui-radius-sm);background:var(--ec-ui-surface-1);color:var(--ec-ui-content-2);padding:6px 8px;cursor:pointer;font-size:var(--sem-typography-ui-body-sm);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}.top-nav-inbox-empty{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-muted)}.top-nav-inbox-list{display:flex;flex-direction:column;gap:7px}.top-nav-inbox-item{border:0;border-radius:var(--canvas-ui-radius-sm);padding:8px;background:var(--ec-ui-surface-1);width:100%;text-align:left;cursor:pointer;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}.top-nav-inbox-item.unread{background:var(--ec-ui-surface-2)}.top-nav-inbox-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted);margin-bottom:4px}.top-nav-inbox-item-author{display:inline-flex;align-items:center;gap:6px}.top-nav-inbox-item-author-avatar{width:16px;height:16px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--ec-text-strong);font-size:var(--sem-typography-ui-caption2xs);font-weight:700}.top-nav-inbox-item-text{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-secondary);white-space:pre-wrap}.top-nav-profile-avatar{width:100%;height:100%;border-radius:var(--header-ui-radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--ec-text-strong);font-size:var(--sem-typography-ui-body-sm);font-weight:700}.top-nav-profile-avatar-image{width:100%;height:100%;border-radius:var(--header-ui-radius-sm);object-fit:cover}.top-nav-logo-image{width:32px;height:32px;border-radius:var(--header-ui-radius-sm)}.top-nav-tabs{grid-area:tabs;min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;gap:var(--ec-space-1);padding:var(--ec-space-1);border:0;border-radius:var(--header-ui-radius);background:var(--ec-ui-surface-1);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:none;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.top-nav-tabs::-webkit-scrollbar{display:none}.top-nav-tab-group{display:flex;align-items:center;gap:var(--ec-space-1);min-width:max-content;flex-wrap:nowrap}.top-nav-tab-divider{color:var(--ec-ui-content-2);font-size:var(--sem-typography-ui-body-sm);-webkit-user-select:none;user-select:none;flex:0 0 auto}.top-nav-tab{border:0;border-radius:var(--header-ui-radius-sm);color:var(--ec-ui-content-2);background:transparent;padding:4px 11px;cursor:pointer;font-size:var(--sem-typography-ui-body-sm);line-height:1.25;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);white-space:nowrap;flex:0 0 auto}.top-nav-tab:hover:not(.active){background:var(--ec-ui-surface-2);color:var(--ec-ui-content-1)}.top-nav-tab.active{background:var(--ec-ui-surface-2);color:var(--ec-ui-content-1);font-weight:600}.top-nav-profile-image{width:36px;height:36px;border-radius:var(--header-ui-radius);border:0}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ec-bg-deep) 86%,transparent);z-index:120;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-modal{width:min(760px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;border:1px solid color-mix(in srgb,var(--ec-border-strong) 56%,transparent);border-radius:22px;background:color-mix(in srgb,var(--ec-bg-raised) 70%,var(--ec-bg-base));box-shadow:0 26px 60px color-mix(in srgb,var(--cmp-canvas-glass-shadow-color) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column}.app-modal--sm{width:min(560px,calc(100vw - 36px))}.app-modal--md{width:min(760px,calc(100vw - 36px))}.app-modal--lg{width:min(980px,calc(100vw - 36px))}.app-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 0}.app-modal-title{margin:0;font-size:var(--sem-typography-ui-titlexl);color:var(--ec-text-strong);letter-spacing:.01em;line-height:1.15}.app-modal-title-spacer{min-height:24px}.app-modal-header-actions{display:inline-flex;align-items:center;gap:8px}.app-modal-close{border:0;margin:0;padding:0 10px;min-width:44px;min-height:44px;border-radius:10px;background:transparent;color:var(--ec-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--sem-typography-ui-title-xl);line-height:1;font-weight:400}.app-modal-close:hover{color:var(--ec-text-primary);background:color-mix(in srgb,var(--ec-bg-raised) 55%,transparent)}.app-modal-close:focus{outline:0}.app-modal-close:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--ec-brand-violet) 18%,transparent)}.app-modal-close:disabled{opacity:.55;cursor:not-allowed}.app-modal-body{padding:16px 22px 20px}.app-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 20px}.app-modal-form{display:flex;flex-direction:column;gap:10px}.app-modal-description{margin:0;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-caption-xs);line-height:1.45}.app-modal-input-field{width:100%;display:flex;flex-direction:column;gap:6px}.app-modal-input-label{color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-caption-xs)}.app-modal-input-control{width:100%;min-height:42px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ec-border-strong) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ec-bg-base) 88%,black 12%);color:var(--ec-text-primary);font-size:var(--sem-typography-ui-caption-xs);line-height:1.2;padding:11px 14px}.app-modal-input-control:focus{outline:0;border-color:color-mix(in srgb,var(--ec-brand-violet) 58%,var(--ec-border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--ec-brand-violet) 18%,transparent)}.app-modal-secondary-button,.app-modal-primary-button{min-height:42px;border-radius:12px;border:0;padding:0 16px;font-size:var(--sem-typography-ui-caption-xs);font-weight:600;cursor:pointer}.app-modal-secondary-button{background:color-mix(in srgb,var(--ec-bg-base) 82%,black 18%);color:var(--ec-text-secondary);border:1px solid color-mix(in srgb,var(--ec-border-strong) 40%,transparent)}.app-modal-primary-button{background:color-mix(in srgb,var(--ec-brand-violet) 28%,var(--ec-bg-raised));color:var(--ec-text-strong);border:1px solid color-mix(in srgb,var(--ec-brand-violet) 48%,var(--ec-border-strong))}.app-modal-primary-button--danger{background:color-mix(in srgb,var(--ec-danger) 25%,var(--ec-bg-raised));border-color:color-mix(in srgb,var(--ec-danger) 52%,var(--ec-border-strong))}.app-modal-secondary-button:disabled,.app-modal-primary-button:disabled{opacity:.55;cursor:not-allowed}.app-modal-feedback{border-radius:10px;padding:10px 12px;font-size:var(--sem-typography-ui-caption-xs)}.app-modal-feedback--error{background:color-mix(in srgb,var(--ec-danger) 20%,transparent);color:color-mix(in srgb,var(--ec-danger) 78%,white 22%);border:1px solid color-mix(in srgb,var(--ec-danger) 40%,transparent)}.account-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0}.account-modal{width:min(860px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:0}.account-modal--sm{width:min(620px,calc(100vw - 36px))}.account-modal--md{width:min(860px,calc(100vw - 36px))}.auth-screen{--auth-control-height: 42px;--auth-control-height-mobile: 40px;--auth-control-radius: 12px;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--ec-brand-violet) 18%,transparent) 0%,transparent 52%),radial-gradient(circle at 10% 100%,color-mix(in srgb,var(--ec-brand-cyan) 14%,transparent) 0%,transparent 40%),var(--ec-bg-base)}.auth-screen-shell{width:min(520px,calc(100vw - 40px));display:flex;flex-direction:column;align-items:center;gap:14px}.auth-card{width:100%;border-radius:22px;border:1px solid color-mix(in srgb,var(--ec-border-strong) 56%,transparent);background:color-mix(in srgb,var(--ec-bg-raised) 70%,var(--ec-bg-base));box-shadow:0 26px 60px color-mix(in srgb,var(--cmp-canvas-glass-shadow-color) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px 22px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.auth-card--loading{min-height:260px;justify-content:center}.auth-screen-logo{width:76px;height:76px;border-radius:19px;filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--ec-brand-violet) 24%,transparent))}.auth-screen-title{margin:0;font-size:var(--sem-typography-ui-titlexl);color:var(--ec-text-strong);letter-spacing:.01em;line-height:1.15}.auth-screen-mode-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ec-border-strong) 45%,transparent);background:color-mix(in srgb,var(--ec-bg-base) 84%,black 16%)}.auth-screen-mode-button{min-height:var(--auth-control-height);height:var(--auth-control-height);box-sizing:border-box;border:0;border-radius:var(--auth-control-radius);background:transparent;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-caption-xs);font-weight:600;cursor:pointer}.auth-screen-mode-button.is-active{color:var(--ec-text-strong);background:color-mix(in srgb,var(--ec-brand-violet) 24%,var(--ec-bg-raised))}.auth-screen-form{width:100%;display:flex;flex-direction:column;gap:8px}.auth-input-field{width:100%;position:relative}.auth-screen input.auth-input-control{width:100%;min-height:var(--auth-control-height);height:var(--auth-control-height);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ec-border-strong) 45%,transparent);border-radius:var(--auth-control-radius);background:color-mix(in srgb,var(--ec-bg-base) 88%,black 12%);color:var(--ec-text-primary);font-size:var(--sem-typography-ui-caption-xs);line-height:1.2;padding:16px 14px 5px}.auth-screen input.auth-input-control::placeholder{color:transparent}.auth-screen input.auth-input-control:focus{outline:0;border-color:color-mix(in srgb,var(--ec-brand-violet) 58%,var(--ec-border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--ec-brand-violet) 18%,transparent)}.auth-input-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ec-text-muted);font-size:var(--sem-typography-ui-caption-xs);pointer-events:none;transition:top .14s ease,transform .14s ease,font-size .14s ease,color .14s ease}.auth-input-field:focus-within .auth-input-label,.auth-input-field[data-has-value=true] .auth-input-label,.auth-screen input.auth-input-control:-webkit-autofill+.auth-input-label,.auth-screen input.auth-input-control:not(:placeholder-shown)+.auth-input-label{top:5px;transform:translateY(0);font-size:var(--sem-typography-ui-caption2xs);color:color-mix(in srgb,var(--ec-brand-violet) 72%,var(--ec-text-secondary))}.auth-screen-form-grid{display:grid;grid-template-columns:1fr;gap:8px}.auth-screen-submit{margin-top:2px;width:100%;min-height:var(--auth-control-height);height:var(--auth-control-height);box-sizing:border-box;padding:0 14px;border:0;border-radius:var(--auth-control-radius);font-size:var(--sem-typography-ui-caption-xs);font-weight:700;background:linear-gradient(135deg,color-mix(in srgb,var(--ec-brand-violet) 72%,white 8%),color-mix(in srgb,var(--ec-brand-cyan) 68%,white 6%));color:var(--ec-text-strong);cursor:pointer}.auth-screen-submit:disabled,.auth-screen-link:disabled{opacity:.65;cursor:not-allowed}.auth-screen-actions{width:100%;display:flex;justify-content:center}.auth-screen-actions--split{justify-content:space-between;gap:12px}.auth-screen-link{border:0;background:transparent;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm);font-weight:500;cursor:pointer}.auth-screen-hint{margin:2px 2px 0;color:var(--ec-text-muted);font-size:var(--sem-typography-ui-body-sm);line-height:1.4}.auth-screen-reset-row{width:100%;display:flex;justify-content:flex-end}.auth-screen-reset-link{color:var(--ec-text-muted)}.auth-screen-message,.auth-screen-error{width:100%;text-align:center;font-size:var(--sem-typography-ui-body-sm)}.auth-screen-message{color:var(--ec-success)}.auth-screen-error{color:var(--ec-danger)}.auth-screen-loading-text{margin:0;font-size:var(--sem-typography-ui-body-md);color:var(--ec-text-secondary)}.auth-screen-spinner{width:26px;height:26px;border-radius:999px;border:2px solid color-mix(in srgb,var(--ec-border-strong) 55%,transparent);border-top-color:var(--ec-brand-violet);animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width: 680px){.auth-screen-shell{width:min(100%,calc(100vw - 28px));gap:10px}.auth-screen-logo{width:64px;height:64px}.auth-card{padding:20px 18px 16px;border-radius:18px;gap:10px}.auth-screen-title{font-size:var(--sem-typography-ui-title-xl)}.auth-screen-mode-button,.auth-screen input.auth-input-control,.auth-screen-submit{min-height:var(--auth-control-height-mobile);height:var(--auth-control-height-mobile);font-size:var(--sem-typography-ui-caption-xs)}.auth-screen input.auth-input-control{padding-top:15px}}.account-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--ec-border-strong) 20%,transparent)}.account-modal-header h2{margin:0;font-size:var(--sem-typography-ui-display-sm);line-height:1.05;font-weight:700;color:var(--ec-text-strong);letter-spacing:.01em}.account-modal-header-actions{display:inline-flex;align-items:center;gap:10px}.account-modal-size-switch{display:inline-flex;border:1px solid color-mix(in srgb,var(--ec-border-strong) 22%,transparent);border-radius:10px;overflow:hidden;background:transparent}.account-modal-size-switch button{border:0;background:transparent;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);min-height:var(--ec-control-height);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.account-modal-size-switch button:hover{color:var(--ec-text-primary);background:color-mix(in srgb,var(--ec-bg-raised) 45%,transparent)}.account-modal-size-switch button.active{background:color-mix(in srgb,var(--ec-bg-raised) 65%,transparent);color:var(--ec-text-primary)}.account-modal-close{border:0;margin:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:transparent}.account-modal-close:focus{outline:0}.account-modal-close:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--ec-brand-violet) 18%,transparent)}.account-modal-close--text{color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-title-xl);line-height:1;min-width:44px;min-height:44px;padding:0 10px;font-weight:400}.account-modal-close--text:hover{color:var(--ec-text-primary);background:color-mix(in srgb,var(--ec-bg-raised) 55%,transparent)}.account-settings-body{display:flex;flex-direction:column;gap:16px;padding-top:2px}.account-settings-hero{display:flex;align-items:center;gap:14px;padding:10px 10px 14px;border-bottom:1px solid color-mix(in srgb,var(--ec-border-strong) 18%,transparent);background:color-mix(in srgb,var(--ec-bg-deep) 65%,transparent)}.account-settings-hero-avatar,.account-settings-hero-avatar-image{width:48px;height:48px;border-radius:12px;flex-shrink:0}.account-settings-hero-avatar{display:inline-flex;align-items:center;justify-content:center;color:var(--ec-text-strong);font-weight:700;font-size:var(--sem-typography-ui-title-md)}.account-settings-hero-avatar--fallback{background:color-mix(in srgb,var(--ec-brand-violet) 28%,var(--ec-bg-raised))}.account-settings-hero-avatar-image{object-fit:cover}.account-settings-hero-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.account-settings-hero-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.account-settings-hero-name{font-size:var(--sem-typography-ui-title-lg);font-weight:680;color:var(--ec-text-strong);line-height:1.2}.account-settings-hero-handle{font-size:var(--sem-typography-ui-body-sm);color:color-mix(in srgb,var(--ec-text-muted) 90%,transparent)}.account-settings-role-chip{font-size:var(--sem-typography-ui-caption-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--ec-overlay-surface-base) 72%,transparent);color:var(--ec-text-secondary)}.account-settings-role-chip.is-admin{color:color-mix(in srgb,var(--ec-brand-violet) 88%,var(--ec-text-primary));background:color-mix(in srgb,var(--ec-brand-violet) 14%,transparent)}.account-settings-session-pill{margin-top:4px}.account-settings-feedback{font-size:var(--sem-typography-ui-body-sm);line-height:1.4;padding:10px 12px;border-radius:8px;border:1px solid transparent}.account-settings-feedback--success{color:var(--ec-success);background:color-mix(in srgb,var(--ec-success) 12%,var(--ec-bg-base));border-color:color-mix(in srgb,var(--ec-success) 26%,transparent)}.account-settings-feedback--error{color:var(--ec-danger);background:color-mix(in srgb,var(--ec-danger) 13%,var(--ec-bg-base));border-color:color-mix(in srgb,var(--ec-danger) 28%,transparent)}.account-settings-rule{border:0;height:0;margin:2px 0;border-top:1px solid color-mix(in srgb,var(--ec-border-strong) 16%,transparent)}.account-settings-panel{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--ec-border-strong) 18%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ec-bg-deep) 66%,transparent)}.account-settings-panel--danger{border-color:color-mix(in srgb,var(--ec-danger) 34%,var(--ec-border-strong));background:color-mix(in srgb,var(--ec-danger) 7%,var(--ec-bg-deep))}.account-settings-panel--danger .account-settings-section-title{color:color-mix(in srgb,var(--ec-danger) 78%,var(--ec-text-muted))}.account-settings-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.account-settings-section-title{margin:0;font-size:var(--sem-typography-ui-label-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--ec-text-muted) 94%,transparent)}.account-settings-section-lead{margin:0;font-size:var(--sem-typography-ui-body-sm);line-height:1.5;color:color-mix(in srgb,var(--ec-text-secondary) 88%,transparent)}.account-settings-section-lead strong{color:var(--ec-text-primary);font-weight:600}.account-settings-field-label{font-size:var(--sem-typography-ui-caption-xs);font-weight:650;color:color-mix(in srgb,var(--ec-text-muted) 96%,transparent)}.account-settings-inline-actions{display:flex;flex-wrap:wrap}.account-modal .account-settings-text-button{border:0;background:transparent;padding:2px 0;min-height:auto;height:auto;color:color-mix(in srgb,var(--ec-text-secondary) 90%,transparent);font-size:var(--sem-typography-ui-body-sm);font-weight:600;text-decoration:none;cursor:pointer;width:fit-content}.account-modal .account-settings-text-button:hover:not(:disabled){color:var(--ec-text-strong)}.account-modal .account-settings-text-button:disabled{opacity:.55;cursor:not-allowed}.account-settings-select{width:100%}.account-settings-auth-actions{margin-top:4px}.account-settings-footer-actions{display:flex;flex-wrap:wrap;gap:10px}.account-modal .account-secondary-button{border:1px solid color-mix(in srgb,var(--ec-border-strong) 42%,transparent);background:color-mix(in srgb,var(--ec-bg-deep) 72%,transparent);color:var(--ec-text-secondary);min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--sem-typography-ui-body-sm);font-weight:600;cursor:pointer}.account-modal .account-secondary-button--full{width:100%}.account-modal .account-secondary-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--ec-danger) 42%,var(--ec-border-strong));color:color-mix(in srgb,var(--ec-danger) 90%,var(--ec-text-primary));background:color-mix(in srgb,var(--ec-danger) 10%,var(--ec-bg-base))}.account-modal .account-secondary-button:disabled{opacity:.5;cursor:not-allowed}.account-modal .account-secondary-button--danger{border-color:color-mix(in srgb,var(--ec-danger) 32%,var(--ec-border-strong));color:color-mix(in srgb,var(--ec-danger) 92%,var(--ec-text-secondary));background:color-mix(in srgb,var(--ec-danger) 8%,var(--ec-bg-deep))}.account-modal .account-secondary-button--danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--ec-danger) 52%,var(--ec-border-strong));color:color-mix(in srgb,var(--ec-danger) 98%,var(--ec-text-primary));background:color-mix(in srgb,var(--ec-danger) 14%,var(--ec-bg-base))}.account-settings-theme-trigger{margin-top:2px}.account-settings-theme-body{margin-top:0}.account-card{border:1px solid color-mix(in srgb,var(--ec-border-strong) 26%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--sem-surface-base) 46%,transparent),color-mix(in srgb,var(--sem-surface-backdrop) 34%,transparent));padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.account-card-title{font-size:var(--sem-typography-ui-title-lg);line-height:1.2;font-weight:620;color:var(--ec-text-strong)}.account-card-subtitle{font-size:var(--sem-typography-ui-body-md);line-height:1.45;color:color-mix(in srgb,var(--ec-text-secondary) 88%,transparent)}.account-auth-session-state{font-size:var(--sem-typography-ui-body-sm);font-weight:560;display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:2px 10px;background:color-mix(in srgb,var(--ec-overlay-surface-base) 74%,transparent)}.account-auth-session-state.is-authenticated{color:var(--ec-success)}.account-auth-session-state.is-signed-out{color:var(--ec-warning)}.account-modal input,.account-modal select,.account-modal textarea,.account-modal button{border:1px solid color-mix(in srgb,var(--ec-border-strong) 38%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ec-bg-deep) 86%,transparent);color:var(--ec-text-primary);min-height:40px;padding:8px 12px;font-size:var(--sem-typography-ui-body-sm);line-height:1.25;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.account-modal input:focus,.account-modal select:focus,.account-modal textarea:focus{outline:0;border-color:color-mix(in srgb,var(--ec-brand-violet) 58%,var(--ec-border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--ec-brand-violet) 16%,transparent);background:color-mix(in srgb,var(--ec-bg-base) 90%,transparent)}.account-modal-header .account-modal-size-switch button{border:0;background:transparent;min-height:var(--ec-control-height);height:var(--ec-control-height);padding:0;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm);line-height:1}.account-modal-header .account-modal-close.account-modal-close--text{border:0;background:transparent;min-height:44px;height:auto;min-width:44px;width:auto;padding:0 10px;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-title-xl);line-height:1}.account-modal input::placeholder{color:color-mix(in srgb,var(--sem-text-muted) 90%,transparent)}.account-primary-button{background:linear-gradient(180deg,color-mix(in srgb,var(--ec-bg-raised) 86%,transparent),color-mix(in srgb,var(--ec-bg-base) 88%,transparent));width:auto;min-width:124px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--sem-typography-ui-body-sm);font-weight:600;cursor:pointer}.account-primary-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--ec-brand-violet) 54%,var(--ec-border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--ec-bg-raised) 90%,var(--ec-brand-violet)),color-mix(in srgb,var(--ec-bg-base) 88%,var(--ec-brand-violet)));color:var(--ec-text-strong)}.account-primary-button:disabled{opacity:.6;cursor:not-allowed}.account-divider{height:1px;background:var(--ec-border-strong)}.account-inline-label{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-muted)}.account-create-user-form{display:flex;flex-direction:column;gap:11px}.account-auth-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.account-auth-inline-button{background:transparent;color:color-mix(in srgb,var(--ec-text-secondary) 86%,transparent);border:0;border-radius:0;min-height:auto;padding:2px 0;cursor:pointer;font-size:var(--sem-typography-ui-body-sm);text-decoration:none}.account-auth-inline-button:disabled{opacity:.6;cursor:not-allowed}.account-auth-message{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-success)}.account-auth-error{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-danger)}.account-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-switch{display:inline-flex;align-items:center;gap:8px;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.account-switch input{margin:0}.account-button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.account-icon-button{width:100%;min-width:0;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.account-collapsible-row{border:1px solid color-mix(in srgb,var(--ec-border-strong) 24%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ec-bg-raised) 74%,transparent);padding:11px 12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:color-mix(in srgb,var(--ec-text-primary) 92%,transparent);font-size:var(--sem-typography-ui-body-sm);font-weight:560}.account-collapsible-row--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.account-collapsible-row-chevron{transition:transform .2s ease}.account-collapsible-row.open .account-collapsible-row-chevron{transform:rotate(90deg)}.account-user-preview{margin-top:10px;display:inline-flex;align-items:center;gap:8px;color:var(--ec-text-secondary)}.account-user-preview-avatar,.account-user-preview-avatar-image{width:34px;height:34px;border-radius:10px}.account-user-preview-avatar{display:inline-flex;align-items:center;justify-content:center;color:var(--ec-text-strong);font-weight:700}.account-user-preview-avatar-image{object-fit:cover}.account-theme-section{border:0;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--sem-surface-base) 32%,transparent),color-mix(in srgb,var(--sem-surface-backdrop) 22%,transparent));padding:12px;margin-top:8px;display:grid;gap:8px}.account-theme-grid{display:grid;grid-template-columns:1fr;gap:8px}.account-theme-groups{display:grid;gap:10px}.account-theme-group{border:0;border-radius:8px;background:color-mix(in srgb,var(--sem-surface-backdrop) 32%,transparent);padding:8px;display:grid;gap:8px}.account-theme-group-title{font-size:var(--sem-typography-ui-body-sm);font-weight:600;color:var(--ec-text-secondary)}.account-theme-item{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:8px;background:color-mix(in srgb,var(--sem-surface-backdrop) 82%,transparent)}.account-theme-swatch{width:28px;height:28px;border-radius:8px;border:0;box-shadow:none;flex:0 0 auto}.account-theme-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.account-theme-meta span{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-primary)}.account-theme-meta code{font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted)}.comments-panel{margin:10px;border:0;border-radius:10px;background:var(--sem-surface-backdrop);padding:10px;display:flex;flex-direction:column;gap:8px}.comments-panel-title{font-size:var(--ec-font-sm);font-weight:700;color:var(--sem-text-primary)}.comments-panel-hint{font-size:var(--sem-typography-ui-label-sm);color:var(--sem-text-muted)}.comments-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:var(--ec-space-2)}.comments-empty{font-size:var(--ec-font-sm);color:var(--sem-text-muted)}.comment-item{border:0;border-radius:var(--ec-control-radius);background:var(--sem-surface-backdrop);padding:var(--ec-space-2)}.comment-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ec-space-1)}.comment-item-author{font-size:var(--ec-font-sm);color:var(--sem-text-primary);display:inline-flex;align-items:center;gap:var(--ec-space-2)}.comment-item-avatar{width:calc(16px * var(--ec-density));height:calc(16px * var(--ec-density));border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--sem-text-primary);font-size:var(--ec-font-xs);font-weight:700}.comment-item-time{font-size:var(--sem-typography-ui-caption-xs);color:var(--sem-text-muted)}.comment-item-text{font-size:var(--ec-font-sm);color:var(--sem-text-secondary);white-space:pre-wrap}.comments-input{width:100%;min-height:calc(64px * var(--ec-density));border:0;border-radius:var(--ec-control-radius);background:var(--sem-surface-backdrop);color:var(--sem-text-primary);padding:var(--ec-space-2);resize:vertical}.comments-submit{border:0;border-radius:var(--ec-control-radius);background:var(--sem-surface-base);color:var(--sem-text-primary);padding:var(--ec-space-2) var(--ec-space-3);cursor:pointer}.comments-submit:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 900px){.account-input-grid,.account-button-grid{grid-template-columns:1fr}}.app-shell{display:grid;grid-template-columns:260px 1fr 300px;min-height:0;height:100%;padding:0 var(--app-shell-edge-gap) 0;background:transparent;position:relative;min-width:0}.app-shell-resizable{display:block}.app-shell-resizable .left-panel,.app-shell-resizable .right-panel{overflow:hidden}.app-shell-panel-group{width:100%;height:100%;min-height:0;min-width:0}.app-shell-resize-handle{width:10px;position:relative;cursor:col-resize;touch-action:none;background:transparent;border:none;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.app-shell-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:58px;border-radius:2px;background:var(--canvas-ui-hover-surface);transition:background .16s ease}.app-shell-resize-handle:focus,.app-shell-resize-handle:focus-visible{outline:none;box-shadow:none}.app-shell-resize-handle:hover:after{background:color-mix(in srgb,var(--sem-text-muted) 50%,transparent)}.app-shell-resize-handle-collapsed-edge{width:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;flex-basis:0!important;pointer-events:none}.app-shell-resize-handle-collapsed-edge:after{display:none}.app-shell-collapsed-marker{position:absolute;top:0;bottom:0;width:var(--app-shell-edge-gap);border:none;background:transparent;padding:0;cursor:col-resize;z-index:120;pointer-events:auto;touch-action:none}.app-shell-collapsed-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:58px;border-radius:2px;background:var(--canvas-ui-hover-surface);transition:background .16s ease}.app-shell-collapsed-marker:hover:after{background:color-mix(in srgb,var(--sem-text-muted) 50%,transparent)}.app-shell-collapsed-marker:focus,.app-shell-collapsed-marker:focus-visible{outline:none;box-shadow:none}.app-shell-collapsed-marker-left{left:1px}.app-shell-collapsed-marker-right{right:1px}.app-shell-panel-group.is-resizing,.app-shell-panel-group.is-resizing *{user-select:none!important;-webkit-user-select:none!important}.sidebar-panel-shell{position:relative;height:100%;min-height:0;min-width:0;overflow:hidden}.sidebar-panel-shell>.panel{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden}.sidebar-panel-shell-right{padding:0}.sidebar-panel-shell-right>.panel{width:100%;margin-right:0}.app-single-shell{display:grid;grid-template-columns:1fr;min-height:0;height:100%;min-width:0}.left-panel,.right-panel{background:transparent;overflow:hidden;padding:0;min-width:0}.left-panel .panel,.right-panel .panel{padding:0 0 var(--ec-space-6)}.right-sidebar-stack-panel{display:flex;flex-direction:column;gap:var(--ec-right-sidebar-stack-gap);width:100%;min-height:100%}.right-sidebar-stack-panel .inspector-panel{padding:0}.center-panel{position:relative;padding:0;min-width:0;min-height:0}.app-shell-canvas-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:320px;padding:var(--ec-space-6);color:var(--ec-text-secondary);font-size:var(--ec-font-sm)}.page-only-main{background:transparent;overflow:auto;padding:0 var(--ec-space-6) var(--ec-space-6);height:100%;min-height:0;min-width:0}.page-only-panel{width:100%;max-width:none;margin:0;padding:0;height:100%;min-height:100%;display:flex;flex-direction:column}.panel.page-only-panel{padding:0}.admin-settings-panel{display:flex;flex-direction:column;gap:var(--ec-space-3);padding:var(--ec-space-6)}.admin-split-layout{display:grid;grid-template-columns:minmax(176px,204px) minmax(0,1fr);gap:var(--ec-space-3);min-height:100%;height:100%;min-width:0}.admin-split-sidebar{border-right:none;padding-right:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--ec-space-2);min-width:0}.admin-sidebar-nav-list{min-height:0;overflow:auto}.admin-sidebar-item{display:block;width:100%;margin-bottom:var(--ec-space-2);border:0;border-radius:var(--ec-control-radius);text-align:left;padding:var(--ec-space-2) var(--ec-space-3);background:color-mix(in srgb,var(--ec-tab-brand-nav-surface) 90%,var(--ec-bg-base));color:var(--ec-text-primary);cursor:pointer}.admin-sidebar-item.active{background:color-mix(in srgb,var(--ec-tab-brand-nav-active-surface) 84%,var(--ec-bg-raised))}.admin-sidebar-label{display:block;font-size:var(--ec-font-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar-hint{display:block;margin-top:2px;font-size:var(--ec-font-xs);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-split-content{min-width:0;border-left:none;padding-left:0;min-height:100%;height:100%;overflow:hidden}.admin-content-surface{border:none;border-radius:var(--canvas-ui-radius);background:var(--ec-tab-brand-content-surface);padding:var(--ec-space-3);min-height:100%;height:100%;flex:1 1 auto;min-width:0;overflow:auto;display:flex;flex-direction:column;gap:var(--ec-space-3)}.admin-content-head{display:flex;flex-direction:column;gap:var(--ec-space-1)}.admin-content-head h2{margin:0;font-size:var(--sem-typography-ui-titlexl);color:var(--ec-text-primary)}.admin-content-head p{margin:0;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.admin-content-head--row{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--ec-space-3)}.admin-create-user-form{display:flex;flex-direction:column;gap:var(--ec-space-2)}.admin-action-button{border:0;background:var(--ec-tab-media-button-surface);color:var(--ec-tab-media-button-text);border-radius:var(--ec-control-radius);min-height:var(--ec-control-height);padding:var(--ec-space-2) var(--ec-space-3);font-size:var(--ec-font-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.admin-action-button:hover:not(:disabled){background:color-mix(in srgb,var(--ec-tab-media-button-surface) 72%,var(--ec-control-bg-hover))}.admin-action-button:disabled{opacity:.55;cursor:not-allowed}.admin-action-button--danger{background:color-mix(in srgb,var(--ec-danger) 28%,var(--ec-tab-media-button-surface));color:var(--ec-text-primary)}.admin-action-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--ec-danger) 40%,var(--ec-tab-media-button-surface))}.admin-action-button--block{width:100%}.admin-action-button--with-icon{display:inline-flex;align-items:center;gap:6px}.admin-action-button--icon-only{width:var(--ec-control-height);min-width:var(--ec-control-height);padding:0}.admin-action-button--compact{min-height:32px;padding:0 var(--ec-space-2);font-size:var(--sem-typography-ui-label-sm);white-space:nowrap}.admin-inline-error{border:1px solid color-mix(in srgb,var(--ec-danger) 35%,transparent);background:color-mix(in srgb,var(--ec-danger) 16%,transparent);color:var(--ec-danger);border-radius:var(--ec-control-radius);padding:var(--ec-space-2) var(--ec-space-3);font-size:var(--sem-typography-ui-body-sm)}.admin-inline-hint{color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.admin-project-toolbar{display:flex;align-items:center;gap:var(--ec-space-2)}.admin-project-list{display:flex;flex-direction:column;gap:var(--ec-space-2)}.admin-project-item{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-bg-raised) 88%,var(--ec-bg-base));padding:var(--ec-space-2) var(--ec-space-3)}.admin-project-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ec-space-2)}.admin-project-item-title{font-size:var(--sem-typography-ui-body-md);color:var(--ec-text-primary);font-weight:600}.admin-project-item-workspace{font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-secondary);background:color-mix(in srgb,var(--ec-bg-base) 84%,transparent);border-radius:999px;padding:2px 8px}.admin-project-item-meta{margin-top:4px;font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted)}.admin-section-stack{display:flex;flex-direction:column;gap:var(--ec-space-3)}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ec-space-2)}.admin-kpi-card{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-bg-raised) 86%,var(--ec-bg-base));padding:var(--ec-space-3)}.admin-kpi-card h3{margin:0;font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-secondary)}.admin-kpi-card p{margin:var(--ec-space-1) 0 0;font-size:var(--sem-typography-ui-titlexl);color:var(--ec-text-primary);font-weight:700}.admin-list-panel{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-bg-raised) 70%,var(--ec-bg-base));padding:var(--ec-space-3);display:flex;flex-direction:column;gap:var(--ec-space-2)}.admin-list-panel h3{margin:0;font-size:var(--sem-typography-ui-body-md);color:var(--ec-text-primary)}.admin-list-panel--flat{background:color-mix(in srgb,var(--ec-bg-base) 82%,var(--ec-bg-raised));padding:var(--ec-space-3)}.admin-list-panel--flat+.admin-list-panel--flat{margin-top:var(--ec-space-2)}.admin-checkbox-row{display:inline-flex;align-items:center;gap:var(--ec-space-2);color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.admin-checkbox-row input[type=checkbox]{width:16px;height:16px}.admin-management-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:var(--ec-space-3);align-items:start;min-width:0}.admin-management-master,.admin-management-detail{display:flex;flex-direction:column;gap:var(--ec-space-3);min-width:0}.admin-master-list{display:flex;flex-direction:column;gap:var(--ec-space-1);max-height:320px;overflow:auto}.admin-workspace-accordion{display:flex;flex-direction:column;gap:var(--ec-space-2)}.admin-workspace-accordion-item{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-bg-base) 84%,var(--ec-bg-raised));padding:var(--ec-space-1)}.admin-workspace-head-row{display:flex;align-items:flex-start;gap:var(--ec-space-2)}.admin-workspace-head-actions{display:inline-flex;align-items:center;gap:6px}.admin-workspace-rename-inline{width:100%;display:flex;align-items:center;gap:6px;padding:var(--ec-space-1) var(--ec-space-2)}.admin-workspace-rename-inline input{width:100%;min-height:var(--ec-control-height);border:0;border-radius:var(--ec-control-radius);padding:0 var(--ec-space-2);background:color-mix(in srgb,var(--ec-bg-base) 88%,var(--ec-bg-raised));color:var(--ec-text-primary)}.admin-workspace-toggle{width:100%;border:0;background:transparent;text-align:left;padding:var(--ec-space-1) var(--ec-space-2);cursor:pointer;color:inherit}.admin-workspace-children{margin-top:var(--ec-space-1);padding:var(--ec-space-1);border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-bg-raised) 90%,var(--ec-bg-base))}.admin-workspace-invite-row{display:flex;align-items:center;gap:var(--ec-space-2);margin-bottom:var(--ec-space-1)}.admin-workspace-invite-row input{flex:1;min-height:var(--ec-control-height);border:0;border-radius:var(--ec-control-radius);padding:0 var(--ec-space-2);background:color-mix(in srgb,var(--ec-bg-base) 88%,var(--ec-bg-raised));color:var(--ec-text-primary)}.admin-master-item{width:100%;border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-bg-base) 82%,var(--ec-bg-raised));color:var(--ec-text-primary);text-align:left;padding:var(--ec-space-2) var(--ec-space-3)}.admin-member-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ec-space-2)}.admin-member-identity{min-width:0;display:flex;align-items:center;gap:var(--ec-space-2)}.admin-member-copy{min-width:0}.admin-member-actions{display:inline-flex;align-items:center;gap:var(--ec-space-2)}.admin-role-edit-select{min-height:var(--ec-control-height);border:0;border-radius:var(--ec-control-radius);padding:0 var(--ec-space-2);background:color-mix(in srgb,var(--ec-bg-base) 88%,var(--ec-bg-raised));color:var(--ec-text-primary);font-size:var(--sem-typography-ui-label-sm);min-width:106px}.admin-profile-avatar{width:32px;height:32px;border-radius:var(--header-ui-radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:var(--sem-typography-ui-label-sm);font-weight:700;color:var(--ec-text-primary);background:color-mix(in srgb,var(--ec-tab-brand-nav-active-surface) 62%,var(--ec-bg-base));flex:0 0 auto}.admin-master-item.active{background:color-mix(in srgb,var(--ec-tab-brand-nav-active-surface) 70%,var(--ec-bg-raised))}.admin-master-item-title{font-size:var(--sem-typography-ui-body-md);font-weight:600}.admin-master-item-meta{margin-top:2px;font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted)}.admin-rights-workspace-row{display:grid;gap:var(--ec-space-1)}.admin-rights-workspace-row label{font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted)}.admin-rights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ec-space-2)}.admin-rights-role-card{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-bg-base) 86%,var(--ec-bg-raised));padding:var(--ec-space-2)}.admin-rights-role-card h4{margin:0 0 var(--ec-space-2);font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-primary)}.admin-rights-checkbox-list{display:grid;gap:6px}.admin-rights-checkbox-row{display:inline-flex;align-items:center;gap:8px;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.admin-workspace-logo-editor{display:grid;gap:var(--ec-space-2)}.admin-workspace-logo-preview-row{display:inline-flex;align-items:center;gap:var(--ec-space-2)}.admin-logo-preview{pointer-events:none}.admin-workspace-logo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ec-space-2)}@media (max-width: 1140px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-rights-grid,.admin-management-layout{grid-template-columns:minmax(0,1fr)}}.brand-ai-split-layout{display:grid;grid-template-columns:minmax(176px,204px) minmax(0,1fr);gap:var(--ec-space-3);min-height:100%;height:100%;align-items:stretch;min-width:0}.brand-ai-split-sidebar{border-right:none;padding-right:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--ec-space-2)}.brand-ai-sidebar-nav-list{min-height:0;overflow:auto}.brand-ai-nav-item{display:block;width:100%;text-align:left;border:0;background:color-mix(in srgb,var(--ec-tab-brand-nav-surface) 90%,var(--ec-bg-base));color:inherit;border-radius:var(--ec-control-radius);padding:var(--ec-space-2) var(--ec-space-3);margin-bottom:var(--ec-space-2);cursor:pointer}.brand-ai-nav-item.active{background:color-mix(in srgb,var(--ec-tab-brand-nav-active-surface) 84%,var(--ec-bg-raised))}.brand-ai-split-content{min-width:0;border-left:none;padding-left:0;min-height:100%;height:100%;overflow:hidden}.brand-ai-content-surface{border:none;border-radius:var(--canvas-ui-radius);background:var(--ec-tab-brand-content-surface);padding:var(--ec-space-3);min-height:100%;height:100%;flex:1 1 auto;min-width:0;overflow:auto}.brand-ai-content-inner{width:100%;max-width:980px;min-width:0;margin:0}.brand-ai-nav-label{display:block;font-size:var(--ec-font-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-ai-nav-hint{display:block;margin-top:2px;font-size:var(--ec-font-xs);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-ai-content-head{margin-bottom:var(--ec-space-2)}.brand-ai-content-title{font-size:var(--ec-font-md);font-weight:700}.brand-ai-content-subtitle{margin-top:2px;font-size:var(--ec-font-xs);opacity:.75}.brand-ai-workspace-shell{display:flex;flex-direction:column;gap:var(--ec-space-3);min-height:100%}.brand-ai-workspace-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--ec-space-3);padding:var(--ec-space-2) 0;background:transparent}.brand-ai-workspace-top-main{min-width:0}.brand-ai-workspace-top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--ec-space-2)}.brand-ai-workspace-top-title{font-size:var(--ec-font-md);font-weight:700;color:var(--ec-text-strong)}.brand-ai-workspace-top-subtitle{margin-top:4px;font-size:var(--ec-font-xs);color:var(--ec-text-muted)}.brand-ai-workspace-stepper{display:flex;flex-wrap:wrap;gap:var(--ec-space-2)}.brand-ai-stepper-button{border:0;background:color-mix(in srgb,var(--ec-control-bg) 70%,transparent);color:var(--ec-control-text);border-radius:var(--ec-control-radius);min-height:var(--ec-control-height-dense);padding:0 var(--ec-space-2);font-size:var(--ec-font-xs);cursor:pointer}.brand-ai-stepper-button:hover{background:var(--ec-control-bg-hover)}.brand-ai-stepper-button.active{background:color-mix(in srgb,var(--ec-brand-violet) 24%,var(--ec-control-bg));color:var(--ec-text-strong)}.brand-ai-workspace-body{display:grid;gap:var(--ec-space-3);align-items:start;min-height:0}.brand-ai-workspace-body.is-with-context{grid-template-columns:minmax(0,1fr) minmax(240px,280px)}.brand-ai-workspace-body.is-single-column{grid-template-columns:minmax(0,1fr)}.brand-ai-workspace-editor{min-width:0}.brand-ai-workspace-context{display:grid;gap:var(--ec-space-2);position:sticky;top:var(--ec-space-1)}.brand-ai-workspace-context-card{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-overlay-surface-soft) 54%,transparent);padding:var(--ec-space-2)}.brand-ai-workspace-context-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ec-space-2)}.brand-ai-workspace-context-title{margin:0 0 var(--ec-space-2);font-size:var(--ec-font-sm);color:var(--ec-text-primary)}.brand-ai-workspace-context-copy{margin:0;color:var(--ec-text-secondary);font-size:var(--ec-font-sm);line-height:1.4}.brand-ai-workspace-action-rail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ec-space-2);border-top:0;border-radius:0;background:color-mix(in srgb,var(--ec-overlay-surface-soft) 36%,transparent);padding:var(--ec-space-2) 0 0;position:sticky;bottom:0}.brand-ai-workspace-action-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ec-space-2)}.brand-ai-content-surface .inspector-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}.brand-ai-content-surface .inspector-grid>.muted{margin-top:4px;margin-bottom:0;font-size:var(--sem-typography-ui-body-sm);color:var(--sem-text-muted)}.brand-ai-content-surface .inspector-grid>.muted:first-child{margin-top:0}.brand-ai-content-surface .inspector-grid .checkbox{margin-top:6px}.brand-ai-field-label{margin-top:4px;margin-bottom:0;font-size:var(--sem-typography-ui-body-sm);color:var(--sem-text-muted)}.brand-ai-content-surface .inspector-grid>.brand-ai-field-label:first-child{margin-top:0}.brand-ai-content-stack{display:grid;gap:var(--ec-space-3);align-content:start;padding-bottom:var(--ec-space-2)}.brand-ai-foundation-wide-grid{display:grid;gap:var(--ec-space-4);grid-template-columns:minmax(0,1fr)}.brand-ai-foundation-column{display:grid;gap:var(--ec-space-2);align-content:start}.brand-ai-card{border:0;background:transparent;border-radius:0;padding:var(--ec-space-2) 0}.brand-ai-content-stack>.brand-ai-card+.brand-ai-card,.brand-ai-foundation-column>.brand-ai-card+.brand-ai-card{border-top:0;padding-top:var(--ec-space-3)}.brand-ai-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ec-space-3);margin-bottom:0}.brand-ai-card-title,.brand-ai-card-subtitle{display:none}.brand-ai-card-header>div:first-child{display:none}.brand-ai-kpi-pill{border:0;background:var(--ec-accent-subtle-surface);color:var(--ec-text-secondary);border-radius:999px;padding:4px 10px;font-size:var(--sem-typography-ui-label-sm);line-height:1.2;white-space:nowrap}.brand-ai-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.brand-ai-form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-ai-token-block{display:grid;gap:6px;margin-bottom:var(--ec-space-2)}.brand-ai-token-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ec-space-2);align-items:center}.brand-ai-token-wrap{display:flex;flex-wrap:wrap;gap:6px}.brand-ai-token-chip{border:0;background:color-mix(in srgb,var(--sem-surface-base) 55%,transparent);color:var(--sem-text-primary);border-radius:999px;padding:4px 10px;font-size:var(--sem-typography-ui-body-sm);cursor:pointer}.brand-ai-token-chip:hover{background:var(--ec-accent-subtle-surface)}.brand-ai-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ec-space-2);margin-top:var(--ec-space-2)}.brand-ai-card-actions-inline{justify-content:space-between}.brand-ai-color-list,.brand-ai-style-list,.brand-ai-item-list{display:grid;gap:var(--ec-space-2)}.brand-ai-color-item{display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr) auto auto;gap:var(--ec-space-2);align-items:center}.brand-ai-style-row{display:grid;grid-template-columns:minmax(72px,100px) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(88px,.45fr) minmax(88px,.45fr) auto;gap:var(--ec-space-2);align-items:center}.brand-ai-style-name{color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm);font-weight:600}.brand-ai-item-card{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--ec-overlay-surface-soft) 48%,transparent);padding:var(--ec-space-2);display:grid;gap:8px}.brand-ai-item-card.is-editing{background:color-mix(in srgb,var(--ec-accent-subtle-surface) 58%,transparent)}.brand-ai-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ec-space-2)}.brand-ai-item-content{margin:0;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm);white-space:pre-wrap}.brand-ai-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ec-space-2)}.brand-ai-scope-badge{border:0;background:var(--ec-accent-subtle-surface);color:var(--ec-text-secondary);border-radius:999px;font-size:var(--sem-typography-ui-label-sm);line-height:1.2;padding:3px 8px;white-space:nowrap}.brand-ai-context-group{display:grid;gap:var(--ec-space-2);margin-bottom:var(--ec-space-3)}.brand-ai-context-group:last-child{margin-bottom:0}.brand-ai-run-status-grid{display:grid;gap:6px}.brand-ai-widget-dismiss{border:0;background:transparent;color:var(--ec-control-text);border-radius:var(--ec-control-radius);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.brand-ai-widget-dismiss:hover{background:var(--ec-control-bg-hover)}@media (max-width: 1200px){.brand-ai-workspace-body.is-with-context{grid-template-columns:minmax(0,1fr)}.brand-ai-workspace-context{position:static}.brand-ai-form-grid-two,.brand-ai-style-row,.brand-ai-color-item{grid-template-columns:minmax(0,1fr)}.brand-ai-card-actions-inline{justify-content:flex-start}}.canvas-layout-shell{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;gap:var(--ec-space-2)}.canvas-layout-shell.with-timeline{gap:0}.canvas-stage{position:relative;width:100%;flex:1 1 auto;min-height:0;height:auto;border-radius:var(--canvas-ui-radius);background:var(--ec-tab-editor-canvas-surface);overflow:hidden}.canvas-stage.has-rulers{border-radius:min(var(--canvas-ui-radius),var(--canvas-ruler-thickness))}.canvas-host{width:100%;height:100%;border:none;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--sem-accent-primary) 5%,transparent) 0%,transparent 26%),var(--ec-tab-editor-canvas-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sem-border-default) 44%,transparent);overflow:hidden;cursor:default}.canvas-ruler-dom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:98;pointer-events:none}.canvas-ruler-dom,.canvas-ruler-dom-corner{position:absolute;background:var(--glass-surface);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:none;pointer-events:none}.canvas-ruler-dom-top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.canvas-ruler-dom-left{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.canvas-ruler-dom-corner{border-right:0;border-bottom:0;border-bottom-right-radius:0}.canvas-ruler-dom-tick{position:absolute;background:color-mix(in srgb,var(--sem-text-primary) 75%,transparent)}.canvas-ruler-dom-tick-top{bottom:0;width:1px;height:2px}.canvas-ruler-dom-tick-left{right:0;height:1px;width:2px}.canvas-ruler-dom-tick.major.canvas-ruler-dom-tick-top{height:4px}.canvas-ruler-dom-tick.major.canvas-ruler-dom-tick-left{width:4px}.canvas-ruler-dom-label{position:absolute;color:color-mix(in srgb,var(--sem-text-primary) 90%,transparent);font-size:var(--sem-typography-ui-caption2xs);line-height:1;font-weight:500;white-space:nowrap;text-shadow:none}.canvas-ruler-dom-label.highlighted{color:color-mix(in srgb,var(--sem-state-warning) 90%,var(--sem-text-primary));font-weight:600}.canvas-ruler-dom-label-top{top:0;transform:translate(-50%);text-align:center}.canvas-ruler-dom-label-top.align-start{transform:none;text-align:left}.canvas-ruler-dom-label-top.align-end{transform:translate(-100%);text-align:right}.canvas-ruler-dom-label-left{left:calc(50% - 3px);transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;text-align:center}.canvas-ruler-selection-band{position:absolute;background:color-mix(in srgb,var(--sem-state-warning) 20%,transparent)}.canvas-ruler-selection-band-top{top:0;bottom:0}.canvas-ruler-selection-band-left{left:0;right:0}.canvas-ruler-selection-edge{position:absolute;background:color-mix(in srgb,var(--sem-state-warning) 90%,transparent)}.canvas-ruler-selection-edge-vertical{top:0;bottom:0;width:1px}.canvas-ruler-selection-edge-horizontal{left:0;right:0;height:1px}.panel{padding:var(--ec-space-2)}.inspector-panel{background:transparent;border-radius:var(--ec-inspector-panel-radius)}.panel-header{font-weight:600;margin-bottom:var(--ec-space-2);font-size:var(--ec-font-sm);min-width:0;line-height:1.2}.format-block{margin-bottom:var(--ec-space-2)}.format-label{font-size:var(--ec-label-font-size);letter-spacing:.01em;color:var(--sem-text-muted);margin-bottom:var(--ec-space-1)}.format-select{width:100%}.format-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ec-space-2);align-items:center}.format-template-button{min-height:var(--ec-control-height);white-space:nowrap}.safety-zone-block{margin-top:var(--ec-space-2);padding-top:var(--ec-space-2);border-top:0}.safety-zone-grid{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--ec-space-2) var(--ec-space-3);align-items:center;min-width:0}.safety-zone-field-label{font-size:var(--ec-label-font-size);color:var(--sem-text-muted)}.safety-zone-grid input,.safety-zone-grid select{width:100%;min-height:var(--ec-control-height);min-width:0}.safety-zone-toggle{display:inline-flex;align-items:center;gap:var(--ec-space-2);min-height:var(--ec-control-height-dense);color:var(--sem-text-primary);font-size:var(--ec-label-font-size)}.safety-zone-warning{margin-top:var(--ec-space-2);border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--sem-state-warning) 20%,transparent);color:var(--sem-state-warning);padding:var(--ec-space-2) var(--ec-space-3);font-size:var(--ec-font-sm)}.format-template-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--ec-overlay-backdrop) 74%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.format-template-modal{width:min(440px,100%);max-height:min(86vh,920px);overflow:auto;border:0;border-radius:12px;background:var(--ec-inspector-surface);box-shadow:0 24px 56px color-mix(in srgb,var(--sem-surface-backdrop) 58%,transparent),0 0 0 1px color-mix(in srgb,var(--ec-inspector-border) 60%,transparent) inset;padding:var(--ec-space-3)}.format-template-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ec-space-2);margin-bottom:var(--ec-space-2)}.format-template-modal-title{font-size:var(--ec-font-sm);font-weight:600;color:var(--ec-inspector-text)}.format-template-modal-close{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;justify-content:center}.format-template-modal-grid{display:grid;gap:var(--ec-space-2)}.format-template-modal-field{display:grid;gap:var(--ec-space-1)}.format-template-modal-error{color:var(--sem-state-danger)}.format-template-modal-actions{display:flex;justify-content:flex-end;gap:var(--ec-space-2)}.format-template-modal-divider{height:1px;width:100%;background:color-mix(in srgb,var(--ec-inspector-border) 50%,transparent);margin:var(--ec-space-1) 0}.format-template-modal-hint{grid-column:1 / -1}.tree-scroll{margin-top:0;flex:1 1 auto;min-height:0;overflow:auto;min-width:0}.layer-tree-bottom-actions{flex:0 0 auto;display:flex;justify-content:flex-end;margin-top:var(--ec-space-2);padding-top:var(--ec-space-2)}.tree-row{padding:var(--ec-space-1) 6px var(--ec-space-1) var(--ec-space-2);border-radius:var(--ec-control-radius);cursor:pointer;display:flex;align-items:center;gap:var(--ec-space-2);font-size:var(--ec-font-md);transition:background-color .12s ease,box-shadow .12s ease,color .12s ease;min-width:0}.ui-panel-shell[data-layer-tree-mode=editor],.ui-panel-shell[data-layer-tree-mode=library]{--ec-layer-row-hover: var(--ec-ui-surface-2);--ec-layer-row-active: var(--ec-ui-surface-2)}.tree-row-rename-input{width:min(100%,220px);margin-left:2px;font:inherit;min-height:var(--ec-control-height)}.tree-row.selected{background:var(--ec-layer-row-active, var(--sem-surface-base));box-shadow:none}.tree-row:not(.selected):hover,.tree-row:not(.selected):focus-visible{background:var( --ec-layer-row-hover, color-mix(in srgb, var(--sem-surface-base) 42%, transparent) );box-shadow:none}.tree-row.tree-row-global{border:0;background:var(--ec-tab-assets-tree-global-surface)}.tree-row.tree-row-global.selected{background:var(--ec-layer-row-active, var(--ec-tab-assets-tree-global-surface));box-shadow:none}.tree-row.tree-row-global .tree-row-label{color:var(--ec-tab-assets-tree-global-text)}.tree-slide-group{display:flex;flex-direction:column;gap:var(--ec-space-1);margin-bottom:var(--ec-space-1)}.tree-slide-row{border:0;background:var(--ec-ui-surface-1)}.tree-layer-row{min-height:var(--ec-control-height)}.tree-expander-button{border:0;background:transparent;color:var(--ec-ui-content-2);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:var(--ec-font-2xs)}.tree-row-type-icon{color:var(--ec-ui-content-2);flex-shrink:0}.tree-row-type-icon-global{color:var(--ec-ui-content-2)}.tree-row-label{flex:1;font-size:var(--ec-font-md);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row-meta{font-size:var(--ec-font-xs);color:var(--ec-ui-content-2)}.tree-row-actions{margin-left:auto;display:inline-flex;align-items:center;gap:var(--ec-space-1);opacity:0;transition:opacity .12s ease}.tree-row:hover .tree-row-actions,.tree-row:focus-within .tree-row-actions,.tree-row-actions.is-pinned{opacity:1}.tree-row-action{border:0;border-radius:var(--ec-control-radius);min-width:var(--ec-control-height);width:var(--ec-control-height);height:var(--ec-control-height);padding:0;background:color-mix(in srgb,var(--sem-surface-backdrop) 64%,transparent);color:var(--sem-text-secondary);font-size:var(--sem-typography-ui-caption-xs);line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tree-row-action.is-active{background:color-mix(in srgb,var(--sem-surface-base) 90%,transparent)}.tree-row.drop-before,.tree-row.drop-after{box-shadow:none;background:color-mix(in srgb,var(--ec-tab-editor-drop-line) 18%,var(--ec-overlay-surface-base))}.tree-row.drop-inside{outline:0;background:color-mix(in srgb,var(--ec-tab-editor-drop-target) 20%,var(--ec-overlay-surface-base))}.library-groups-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ec-space-2)}.library-group-children{display:flex;flex-direction:column;gap:var(--ec-space-2);margin-top:var(--ec-space-2);margin-left:var(--ec-space-3)}.library-group-child-row{width:calc(100% - 8px);border-radius:var(--ec-control-radius);padding:var(--ec-space-2) var(--ec-space-3);background:color-mix(in srgb,var(--sem-surface-backdrop) 28%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--ec-space-3)}.library-group-child-row.selected{background:color-mix(in srgb,var(--sem-surface-base) 85%,transparent)}.library-group-child-row.global{border:0;background:color-mix(in srgb,var(--ec-tab-assets-tree-global-surface) 84%,var(--ec-tab-assets-library-row))}.library-group-child-row.template{border:0;background:color-mix(in srgb,var(--ec-tab-assets-library-row-selected) 44%,var(--ec-tab-assets-library-row))}.library-group-child-kind{font-size:var(--ec-font-xs);color:var(--sem-text-muted)}.btn{border:0;border-radius:var(--ec-control-radius);color:var(--ec-control-text);background:var(--ec-control-bg);min-height:var(--ec-control-height);padding:var(--ec-space-2) var(--ec-space-4);cursor:pointer;transition:background .18s ease,color .18s ease}.btn:hover:not(:disabled){background:var(--ec-control-bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:color-mix(in srgb,var(--ec-danger) 18%,var(--ec-control-bg));color:var(--ec-text-strong)}.btn-square{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;display:inline-flex;align-items:center;justify-content:center}.tree-actions{display:flex;gap:var(--ec-space-2)}.muted{color:var(--sem-text-muted);font-size:var(--ec-font-sm)}.inspector-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ec-space-2);align-items:center;font-size:var(--ec-font-sm);min-width:0}.inspector-grid-compact{gap:var(--ec-space-1)}.inspector-node-name{margin-bottom:var(--ec-space-2);color:var(--sem-text-muted);font-size:var(--ec-label-font-size);text-transform:none;letter-spacing:.01em}.inspector-section{border-bottom:0;padding:var(--ec-space-2) 0 var(--ec-space-3);margin-bottom:var(--ec-space-2)}.inspector-section-title{font-size:var(--ec-font-sm);font-weight:600;color:var(--sem-text-primary);line-height:1.2}.inspector-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ec-space-1)}.inspector-icon-strip{display:flex;gap:var(--ec-space-2)}.inspector-mini-icon{border:0;border-radius:var(--ec-control-radius);background:var(--ec-inspector-legacy-surface-raised);color:var(--ec-text-secondary);font-size:var(--ec-font-xs);min-height:var(--ec-control-height);padding:0 var(--ec-space-2);min-width:var(--ec-control-height);display:inline-flex;align-items:center;justify-content:center;line-height:1}.inspector-row{display:grid;gap:var(--ec-space-2);margin-bottom:var(--ec-space-2);min-width:0}.inspector-row-two{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-field{border:0;background:var(--ec-inspector-legacy-surface);border-radius:var(--ec-control-radius);min-height:calc(34px * var(--ec-density));padding:0 var(--ec-space-2);display:flex;align-items:center;gap:var(--ec-space-2)}.inspector-field-prefix{color:var(--ec-inspector-legacy-text-muted);font-size:var(--ec-font-sm);white-space:nowrap}.inspector-field input,.inspector-field select{border:none;background:transparent;color:var(--ec-inspector-legacy-text);width:100%;padding:0;height:calc(26px * var(--ec-density));font-size:var(--ec-font-sm)}.inspector-field input:focus,.inspector-field select:focus{outline:none}.inspector-field:focus-within{background:color-mix(in srgb,var(--ec-inspector-legacy-surface) 70%,var(--ec-control-bg-hover));outline:0}.inspector-size-card{border:0;border-radius:var(--ec-control-radius);background:var(--ec-inspector-legacy-surface);padding:var(--ec-space-2);display:grid;grid-template-columns:1fr auto;gap:var(--ec-space-2);align-items:center}.inspector-size-card select{min-width:66px;border-radius:var(--ec-control-radius);border:0;background:var(--ec-inspector-legacy-surface-soft);padding:var(--ec-space-2) var(--ec-space-3)}.inspector-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--ec-space-2)}.inspector-toggle input{position:absolute;opacity:0;pointer-events:none}.inspector-toggle span{border:0;border-radius:var(--ec-control-radius);background:var(--ec-inspector-legacy-surface-raised);color:var(--ec-text-secondary);font-size:var(--ec-font-sm);padding:var(--ec-space-2) var(--ec-space-3)}.inspector-toggle input:checked+span{background:var(--ec-accent-subtle-surface);color:var(--ec-text-secondary)}.inspector-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ec-space-1)}.inspector-layout-four{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--ec-space-2)}.inspector-segment-button{border:0;border-radius:var(--ec-control-radius);color:var(--sem-text-secondary);background:var(--sem-surface-base);min-height:var(--ec-control-height);padding:var(--ec-space-2);cursor:pointer;font-size:var(--ec-font-xs)}.inspector-segment-button.active{background:color-mix(in srgb,var(--ec-inspector-legacy-surface-raised) 76%,var(--ec-accent-info));color:var(--sem-text-primary)}.inspector-segment-button:disabled{opacity:.45;cursor:not-allowed}.inspector-checkline{display:inline-flex;align-items:center;gap:var(--ec-space-2);color:var(--sem-text-primary);font-size:var(--ec-font-sm)}.inspector-checkline input{width:calc(16px * var(--ec-density));height:calc(16px * var(--ec-density));border-radius:var(--ec-control-radius)}.inspector-subtitle-row{display:flex;align-items:center;justify-content:space-between;margin:var(--ec-space-2) 0 var(--ec-space-1)}.inspector-inline-actions{display:inline-flex;align-items:center;gap:4px}.inspector-subtitle{color:var(--sem-text-primary);font-size:var(--ec-font-sm);font-weight:500}.inspector-subtitle-action{color:var(--sem-text-muted);font-size:var(--ec-font-sm)}.inspector-token-row{border:0;border-radius:10px;background:var(--ec-inspector-legacy-surface);display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:6px}.inspector-token-row-main{display:grid;grid-template-columns:auto auto minmax(84px,1fr) auto auto auto auto auto;gap:6px;align-items:center}.inspector-token-row-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.inspector-inline-control{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;background:var(--ec-inspector-legacy-surface-soft);min-height:var(--ec-control-height-dense);padding:4px 6px;color:var(--ec-inspector-legacy-text-soft);font-size:var(--ec-label-font-size)}.inspector-inline-control span{white-space:nowrap;color:var(--ec-inspector-legacy-text-muted)}.inspector-inline-control .project-color-picker-trigger{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;border:0;background:var(--ec-inspector-legacy-surface-soft)}.inspector-inline-control-checkbox{justify-content:space-between}.inspector-inline-control-checkbox input[type=checkbox]{width:14px;height:14px}.inspector-token-row select{border:none;background:transparent}.inspector-layer-toggle{border:none;background:transparent;color:var(--ec-inspector-legacy-text-soft);display:inline-flex;align-items:center;justify-content:center;padding:0}.inspector-layer-drag-handle{border:none;background:transparent;color:var(--ec-inspector-legacy-text-muted);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:grab}.inspector-layer-drag-handle:active{cursor:grabbing}.inspector-layer-name{border:none;background:transparent;color:var(--ec-inspector-legacy-text);font-size:var(--ec-font-sm);min-width:0}.inspector-layer-name:focus{outline:none}.inspector-alpha-field{display:inline-flex;align-items:center;gap:4px;color:var(--ec-inspector-legacy-text-muted);font-size:var(--ec-label-font-size)}.inspector-alpha-field input{width:46px;border:0;border-radius:6px;background:var(--ec-inspector-legacy-surface-soft);color:var(--ec-inspector-legacy-text);padding:3px 6px}.inspector-layer-select{border:0;border-radius:6px;background:var(--ec-inspector-legacy-surface-soft);color:var(--ec-inspector-legacy-text);padding:3px 6px;font-size:var(--ec-font-sm);min-width:68px}.inspector-effect-chip{border:0;border-radius:6px;background:var(--ec-inspector-legacy-surface-soft);color:var(--ec-inspector-legacy-text-muted);font-size:var(--sem-typography-ui-caption-xs);min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:2px 6px}.inspector-effect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.inspector-effect-grid .inspector-inline-control input[type=number]{width:100%;min-width:0;border:0;border-radius:6px;background:var(--ec-inspector-legacy-surface-soft);color:var(--ec-inspector-legacy-text);padding:2px 5px}.inspector-effect-grid .inspector-inline-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:6px;row-gap:4px;min-width:0}.inspector-effect-grid .inspector-inline-control input[type=range]{grid-column:1 / -1;width:100%;min-width:0;margin:0;height:var(--ec-slider-thumb-size)}.inspector-inline-control-value{min-width:24px;text-align:right;font-size:var(--sem-typography-ui-label-sm);color:var(--ec-inspector-legacy-text-muted)}.inspector-token-row.is-dragging{opacity:.72}.inspector-token-row.is-drop-target{outline:0;background:color-mix(in srgb,var(--ec-accent-subtle-surface) 52%,var(--ec-inspector-legacy-surface))}.inspector-color-dot{width:14px;height:14px;border-radius:999px;border:0}.inspector-bounds{margin-top:8px}.inspector-v2-panel{--inspector-v2-surface: var(--ec-inspector-surface);--inspector-v2-surface-soft: var(--ec-inspector-surface-soft);--inspector-v2-surface-elevated: var(--ec-inspector-surface-elevated);--inspector-v2-border: var(--ec-inspector-border);--inspector-v2-border-active: var(--ec-inspector-border-active);--inspector-v2-text: var(--ec-inspector-text);--inspector-v2-muted: var(--ec-inspector-muted);--inspector-v2-control-surface: var(--ec-ui-surface-1);--inspector-v2-control-surface-hover: var(--ec-ui-surface-2);--inspector-v2-control-surface-active: var(--ec-ui-surface-2);--inspector-v2-control-shell-surface: var(--ec-ui-surface-1);--inspector-v2-control-shell-surface-hover: var(--ec-ui-surface-2);--inspector-v2-control-inner-surface: var(--ec-ui-surface-2);--inspector-v2-control-inner-surface-hover: var(--ec-ui-surface-2);--inspector-v2-control-inner-surface-active: var(--ec-ui-surface-2);--inspector-v2-control-border: transparent;border-radius:var(--ec-inspector-panel-radius);background:transparent;padding:var(--ec-space-2);overflow-x:hidden}.inspector-v2-section{border-bottom-color:transparent;padding-top:var(--ec-inspector-section-padding-y);padding-bottom:var(--ec-inspector-section-padding-y);margin-bottom:0}.inspector-v2-panel>.inspector-section.inspector-v2-section+.inspector-section.inspector-v2-section{border-top:0;margin-top:var(--ec-space-1);padding-top:calc(var(--ec-inspector-section-padding-y) + var(--ec-space-1))}.inspector-v2-panel .panel-header{font-size:var(--ec-font-sm);font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--inspector-v2-text);margin-bottom:var(--ec-space-2)}.inspector-v2-panel .inspector-section-title{font-size:var(--ec-font-xs);line-height:1.2;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--inspector-v2-text);margin:0}.template-ai-guidance-section,.template-ai-guidance-grid{display:grid;gap:10px}.template-ai-guidance-field{display:grid;gap:6px}.template-ai-guidance-field textarea{width:100%;min-height:52px;resize:vertical;border:0;border-radius:var(--ec-control-radius);background:var(--inspector-v2-surface);color:var(--inspector-v2-text);padding:8px 10px;font:inherit}.template-ai-guidance-field textarea:focus{outline:none;background:color-mix(in srgb,var(--inspector-v2-surface) 72%,var(--ec-control-bg-hover))}.template-ai-guidance-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.inspector-v2-row-three{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--ec-inspector-section-gap);margin-bottom:var(--ec-inspector-section-gap);min-width:0}.inspector-v2-row-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ec-inspector-section-gap);margin-bottom:var(--ec-inspector-section-gap);min-width:0;align-items:center}.inspector-v2-row-single{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ec-inspector-section-gap);margin-bottom:var(--ec-inspector-section-gap);min-width:0}.inspector-v2-span-two{grid-column:span 2}.inspector-v2-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ec-space-2);margin-bottom:var(--ec-space-2);min-width:0}.inspector-v2-input-shell{border:0;background:var(--inspector-v2-control-shell-surface);border-radius:var(--ec-inspector-control-radius);min-height:var(--ec-inspector-control-height);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);padding:0 var(--ec-space-2);display:inline-flex;align-items:center;gap:var(--ec-space-2)}.inspector-v2-input-shell input,.inspector-v2-input-shell select{width:100%;height:calc(var(--ec-inspector-control-height) - 6px);border:none;background:var(--inspector-v2-control-inner-surface);border-radius:calc(var(--ec-inspector-control-radius) - 3px);color:var(--inspector-v2-text);padding:0 var(--ec-space-2);font-size:var(--ec-font-sm)}.inspector-v2-input-shell input:focus,.inspector-v2-input-shell select:focus{outline:none}.inspector-v2-input-shell:focus-within{background:var(--inspector-v2-control-shell-surface-hover);box-shadow:none;outline:0}.inspector-v2-input-shell:hover input,.inspector-v2-input-shell:hover select{background:var(--inspector-v2-control-inner-surface-hover)}.inspector-v2-input-shell:focus-within input,.inspector-v2-input-shell:focus-within select{background:var(--inspector-v2-control-inner-surface-active)}.inspector-v2-inline-toggle-button{border:0;background:var(--inspector-v2-control-surface);color:var(--inspector-v2-muted);border-radius:calc(var(--ec-inspector-control-radius) - 2px);min-width:42px;height:var(--ec-inspector-control-height);font-size:var(--sem-typography-ui-label-sm);font-weight:600;padding:0 8px;cursor:pointer}.inspector-v2-inline-toggle-button.active{background:var(--inspector-v2-control-surface-active);color:var(--inspector-v2-text)}.inspector-v2-inline-toggle-button:disabled{opacity:.45;cursor:not-allowed}.inspector-v2-preset-scope-group{display:flex;gap:var(--ec-space-1);flex-wrap:wrap}.inspector-v2-input-prefix,.inspector-v2-input-suffix{font-size:var(--ec-label-font-size);color:var(--inspector-v2-muted);white-space:nowrap}.inspector-v2-field-icon{color:var(--inspector-v2-muted);flex-shrink:0}.inspector-v2-icon-glyph{display:inline-flex;align-items:center;justify-content:center;line-height:0}.inspector-v2-icon-glyph>svg,.inspector-v2-field-icon,.inspector-v2-align-point-icon svg{width:14px;height:14px;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.inspector-v2-icon-button.utility .inspector-v2-icon-glyph>svg{width:13px;height:13px}.inspector-v2-select-stack{display:grid;gap:6px}.inspector-v2-select-shell{border:0;background:var(--inspector-v2-control-shell-surface);border-radius:var(--ec-inspector-control-radius);min-height:var(--ec-inspector-control-height);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);padding:var(--ec-space-1) var(--ec-space-2);display:grid;gap:var(--ec-space-1)}.inspector-v2-select-shell span{font-size:var(--ec-label-font-size);color:var(--inspector-v2-muted)}.inspector-v2-select-shell select{border:none;background:var(--inspector-v2-control-inner-surface);border-radius:calc(var(--ec-inspector-control-radius) - 3px);color:var(--inspector-v2-text);padding:0 var(--ec-space-2)}.inspector-v2-select-shell select:focus{outline:none}.inspector-v2-select-shell:focus-within{background:var(--inspector-v2-control-shell-surface-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--inspector-v2-border-active) 76%,transparent);outline:0}.inspector-v2-select-shell:hover select{background:var(--inspector-v2-control-inner-surface-hover)}.inspector-v2-select-shell:focus-within select{background:var(--inspector-v2-control-inner-surface-active)}.inspector-v2-select-shell.compact{min-height:var(--ec-inspector-control-height);display:inline-flex;align-items:center;gap:var(--ec-space-2);padding:0 var(--ec-space-2)}.inspector-v2-select-shell.compact select{width:100%;height:24px}.inspector-v2-axis-select-row{margin-top:-2px}.inspector-v2-layout-row{align-items:stretch}.inspector-v2-layout-row-side{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ec-space-1);align-content:start}.inspector-v2-gap-shell{padding-right:4px}.inspector-v2-gap-shell select{width:68px;text-align-last:center;color:var(--inspector-v2-muted)}.inspector-v2-icon-group{display:inline-flex;align-items:center;gap:3px}.inspector-v2-mode-toggle{display:inline-flex;border:0;border-radius:var(--ec-inspector-control-radius);overflow:hidden;background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-mode-toggle-button{border:none;background:transparent;color:var(--inspector-v2-muted);font-size:var(--sem-typography-ui-label-sm);font-weight:600;min-height:var(--ec-inspector-control-height);padding:0 10px;cursor:pointer}.inspector-v2-mode-toggle-button+.inspector-v2-mode-toggle-button{margin-left:1px}.inspector-v2-mode-toggle-button.active{background:var(--inspector-v2-control-surface-active);color:var(--inspector-v2-text)}.inspector-v2-mode-toggle-button:disabled{opacity:.45;cursor:not-allowed}.inspector-v2-mode-hint{color:var(--inspector-v2-muted);font-size:var(--sem-typography-ui-label-sm);margin-top:4px;margin-bottom:6px}.inspector-v2-icon-group-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.inspector-v2-icon-button{width:var(--ec-inspector-control-height);min-width:var(--ec-inspector-control-height);height:var(--ec-inspector-control-height);border:0;border-radius:var(--ec-inspector-control-radius);background:var(--inspector-v2-control-surface);color:var(--inspector-v2-muted);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .18s ease,color .18s ease}.inspector-v2-icon-button:hover{background:var(--inspector-v2-control-surface-hover)}.inspector-v2-icon-button.active{background:var(--inspector-v2-control-surface-active);color:var(--inspector-v2-text)}.inspector-v2-icon-button.utility{width:var(--ec-inspector-control-height);min-width:var(--ec-inspector-control-height);height:var(--ec-inspector-control-height);border-radius:var(--ec-inspector-control-radius);background:var(--inspector-v2-control-surface)}.inspector-v2-icon-button.utility.active{background:var(--inspector-v2-control-surface-active);color:var(--inspector-v2-text)}.inspector-v2-icon-button.segment-start{border-radius:var(--ec-inspector-control-radius) 0 0 var(--ec-inspector-control-radius)}.inspector-v2-icon-button.segment-middle{border-radius:0}.inspector-v2-icon-button.segment-end{border-radius:0 var(--ec-inspector-control-radius) var(--ec-inspector-control-radius) 0}.inspector-v2-icon-button.segment-middle,.inspector-v2-icon-button.segment-end{margin-left:0}.inspector-v2-icon-button:disabled{opacity:.42;cursor:not-allowed}.inspector-v2-segment-group{display:inline-flex;align-items:center;gap:1px;padding:1px;border-radius:var(--ec-inspector-control-radius);background:color-mix(in srgb,var(--inspector-v2-surface-soft) 82%,var(--ec-bg-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--inspector-v2-border) 58%,transparent)}.inspector-v2-segment-group-four,.inspector-v2-segment-group-four .inspector-v2-icon-button{width:100%}.inspector-v2-align-matrix{height:86px;border:0;background:var(--inspector-v2-surface-elevated);border-radius:var(--ec-inspector-control-radius);display:flex;align-items:center;justify-content:center;padding:5px;position:relative;overflow:hidden}.inspector-v2-align-matrix:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:0;border-radius:6px}.inspector-v2-align-matrix-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));width:100%;height:100%;gap:2px;padding:2px}.inspector-v2-align-point{border:none;background:transparent;border-radius:6px;color:var(--sem-text-secondary);display:grid;place-items:center;cursor:pointer;padding:0;position:relative}.inspector-v2-align-point-dot{width:4px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--sem-text-secondary) 58%,transparent);transition:opacity .14s ease,background-color .14s ease}.inspector-v2-align-point-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,color .14s ease}.inspector-v2-align-point:hover .inspector-v2-align-point-icon,.inspector-v2-align-point:focus-visible .inspector-v2-align-point-icon,.inspector-v2-align-point.active .inspector-v2-align-point-icon{opacity:1;transform:scale(1)}.inspector-v2-align-point:hover .inspector-v2-align-point-dot,.inspector-v2-align-point:focus-visible .inspector-v2-align-point-dot{opacity:0}.inspector-v2-align-point.active .inspector-v2-align-point-dot{opacity:0}.inspector-v2-align-point.active .inspector-v2-align-point-icon{color:var(--inspector-v2-text)}.inspector-v2-align-point:focus-visible{outline:0;background:var(--inspector-v2-control-surface-active)}.inspector-v2-align-point:disabled{opacity:.42;cursor:not-allowed}.inspector-v2-anchor-box{height:86px;border:0;background:var(--inspector-v2-surface-elevated);border-radius:var(--ec-inspector-control-radius);position:relative;display:grid;place-items:center;overflow:hidden}.inspector-v2-anchor-box:before{content:"";position:absolute;width:66px;height:1px;background:color-mix(in srgb,var(--sem-text-secondary) 48%,transparent)}.inspector-v2-anchor-box:after{content:"";position:absolute;width:1px;height:66px;background:color-mix(in srgb,var(--sem-text-secondary) 48%,transparent)}.inspector-v2-anchor-side{position:absolute;border:none;background:transparent;padding:0;cursor:pointer;display:grid;place-items:center;z-index:3}.inspector-v2-anchor-side.top,.inspector-v2-anchor-side.bottom{width:24px;height:14px;left:50%;transform:translate(-50%)}.inspector-v2-anchor-side.left,.inspector-v2-anchor-side.right{width:14px;height:24px;top:50%;transform:translateY(-50%)}.inspector-v2-anchor-side.top{top:6px}.inspector-v2-anchor-side.bottom{bottom:6px}.inspector-v2-anchor-side.left{left:6px}.inspector-v2-anchor-side.right{right:6px}.inspector-v2-anchor-side-line{width:12px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--sem-text-secondary) 82%,transparent);transition:background-color .14s ease}.inspector-v2-anchor-side.left .inspector-v2-anchor-side-line,.inspector-v2-anchor-side.right .inspector-v2-anchor-side-line{transform:rotate(90deg)}.inspector-v2-anchor-side.active .inspector-v2-anchor-side-line{background:var(--inspector-v2-text)}.inspector-v2-anchor-center-controls{width:84px;height:46px;border-radius:10px;border:0;background:transparent;box-shadow:none;position:relative;z-index:4;padding:0}.inspector-v2-anchor-center-axis{position:absolute;border:none;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}.inspector-v2-anchor-center-axis.horizontal{left:6px;right:6px;top:50%;height:14px;transform:translateY(-50%)}.inspector-v2-anchor-center-axis.vertical{top:6px;bottom:6px;left:50%;width:14px;transform:translate(-50%)}.inspector-v2-anchor-axis-line{border-radius:2px;background:color-mix(in srgb,var(--sem-text-secondary) 78%,transparent);transition:background-color .14s ease}.inspector-v2-anchor-axis-line.horizontal{width:20px;height:2px}.inspector-v2-anchor-axis-line.vertical{width:2px;height:20px}.inspector-v2-anchor-center-axis.active .inspector-v2-anchor-axis-line{background:var(--inspector-v2-text)}.inspector-v2-anchor-center-both{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:none;border-radius:6px;background:transparent;cursor:pointer;padding:0}.inspector-v2-anchor-both-line{position:absolute;background:color-mix(in srgb,var(--sem-text-secondary) 92%,transparent);border-radius:2px}.inspector-v2-anchor-both-line.horizontal{width:22px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.inspector-v2-anchor-both-line.vertical{width:2px;height:22px;left:50%;top:50%;transform:translate(-50%,-50%)}.inspector-v2-anchor-center-both.active .inspector-v2-anchor-both-line{background:var(--inspector-v2-text)}.inspector-v2-anchor-side:disabled,.inspector-v2-anchor-center-axis:disabled,.inspector-v2-anchor-center-both:disabled{opacity:.42;cursor:not-allowed}.inspector-v2-input-shell-size{gap:4px}.inspector-v2-size-mode-button{border:0;background:var(--inspector-v2-control-surface);color:var(--inspector-v2-muted);width:var(--ec-inspector-control-height);min-width:var(--ec-inspector-control-height);height:var(--ec-inspector-control-height);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:1px;padding:0;cursor:pointer}.inspector-v2-size-mode-button:hover{background:var(--inspector-v2-control-surface-hover)}.inspector-v2-size-mode-button:disabled{opacity:.48;cursor:not-allowed}.inspector-v2-size-mode-pill{border:0;background:var(--inspector-v2-control-surface);color:var(--inspector-v2-text);min-width:52px;height:var(--ec-inspector-control-height);border-radius:var(--ec-inspector-control-radius);display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:var(--sem-typography-ui-label-sm);font-weight:600;cursor:pointer}.inspector-v2-size-mode-pill:hover:not(:disabled){background:var(--inspector-v2-control-surface-hover)}.inspector-v2-size-mode-pill:disabled{opacity:.48;cursor:not-allowed}.inspector-v2-size-card{background:var(--inspector-v2-control-surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-size-card .inspector-field{background:transparent;border:none;min-height:var(--ec-inspector-control-height);padding:0}.inspector-v2-size-card select{min-height:var(--ec-inspector-control-height);border-radius:var(--ec-inspector-control-radius);border:0;background:var(--inspector-v2-surface-elevated);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--inspector-v2-border) 64%,transparent);color:var(--inspector-v2-text)}.inspector-v2-checkline{min-height:var(--ec-inspector-control-height);border:0;border-radius:calc(var(--ec-inspector-control-radius) - 2px);padding:0 2px;color:var(--sem-text-primary);font-size:var(--sem-typography-ui-body-sm)}.inspector-v2-inline-reset{border:0;border-radius:8px;min-height:var(--ec-inspector-control-height);background:var(--inspector-v2-control-surface);color:var(--inspector-v2-muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:var(--sem-typography-ui-label-sm);font-weight:600;cursor:pointer;margin-bottom:4px}.inspector-v2-inline-reset:hover:not(:disabled){color:var(--inspector-v2-text);background:var(--inspector-v2-control-surface-hover)}.inspector-v2-inline-reset:disabled{opacity:.45;cursor:not-allowed}.inspector-v2-meta-line{color:var(--inspector-v2-muted);font-size:var(--sem-typography-ui-label-sm);margin-bottom:2px}.inspector-v2-advanced-block{border:0;border-radius:8px;background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);margin-bottom:var(--ec-space-1)}.inspector-v2-advanced-block>summary{min-height:28px;list-style:none;cursor:pointer;display:flex;align-items:center;padding:0 10px;color:var(--inspector-v2-muted);font-size:var(--sem-typography-ui-label-sm);font-weight:600}.inspector-v2-advanced-block>summary::-webkit-details-marker{display:none}.inspector-v2-advanced-content{border-top:0;padding:8px}.inspector-v2-toggle span{min-width:40px;text-align:center}.inspector-v2-panel .inspector-mini-icon{width:26px;min-width:26px;height:26px;border-radius:calc(var(--ec-inspector-control-radius) - 2px);background:var(--inspector-v2-control-surface)}.inspector-v2-panel .btn{background:var(--inspector-v2-control-surface);border-radius:var(--ec-inspector-control-radius);min-height:var(--ec-inspector-control-height-dense);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);font-size:var(--ec-font-xs);padding:var(--ec-space-1) var(--ec-space-3)}.inspector-v2-panel .inspector-token-row,.inspector-v2-panel .inspector-inline-control,.inspector-v2-panel .inspector-size-card,.inspector-v2-panel .inspector-field,.inspector-v2-panel .inspector-layer-select,.inspector-v2-panel .inspector-alpha-field input{background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-panel .inspector-effect-chip{background:var(--inspector-v2-control-surface);color:var(--inspector-v2-muted);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-panel .inspector-input{background:transparent;box-shadow:none;border:0;color:var(--inspector-v2-text)}.inspector-v2-panel .inline-row>.btn,.inspector-v2-panel .inline-row>.btn-square{background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-panel .inspector-effect-grid .inspector-inline-control input[type=number]{background:transparent;box-shadow:none;border:0}.inspector-v2-panel .panel-header,.inspector-v2-panel .inspector-subtitle{color:var(--sem-text-primary)}.inspector-v2-panel .muted{color:var(--inspector-v2-muted)}.inspector-v2-library-actions .inspector-section-title{font-size:var(--ec-font-sm)}.inspector-v2-library-primary-actions,.inspector-v2-library-secondary-actions{flex-wrap:wrap;gap:6px}.inspector-v2-library-actions .btn{min-height:calc(26px * var(--ec-density));padding:var(--ec-space-1) var(--ec-space-2);font-size:var(--ec-font-xs)}.inspector-v2-paint-stack .inspector-row{margin-bottom:4px}.inspector-v2-subtitle-row{margin:4px 0}.inspector-v2-token-row{border-radius:8px;gap:4px;padding:4px}.inspector-v2-token-row-main{grid-template-columns:18px 18px 18px minmax(0,1fr) minmax(0,72px) minmax(0,78px) minmax(0,72px) minmax(0,52px) 26px;gap:4px}.inspector-v2-token-row-main>*{min-width:0}.inspector-v2-token-row-main .inspector-layer-select{min-width:0;width:100%}.inspector-v2-token-row-main .inspector-alpha-field{min-width:0}.inspector-v2-token-row-main .inspector-alpha-field input{width:100%;min-width:0}.inspector-v2-token-row-main-effects{grid-template-columns:18px 18px minmax(0,1fr) minmax(0,148px) minmax(0,56px) 26px}.inspector-v2-token-row-controls{gap:4px}.inspector-v2-paint-stack .inspector-inline-control{min-height:var(--ec-inspector-control-height);padding:2px 5px}.inspector-v2-paint-stack .inspector-layer-name{font-size:var(--sem-typography-ui-body-sm)}.inspector-v2-paint-stack .inspector-alpha-field{font-size:var(--sem-typography-ui-caption-xs)}.inspector-v2-paint-stack .inspector-layer-select,.inspector-v2-paint-stack .inspector-alpha-field input{min-height:24px;font-size:var(--sem-typography-ui-caption-xs);padding:2px 5px}.inspector-v2-row-three .inspector-v2-icon-group{justify-content:flex-end}.inspector-v2-background-grid .inline-row{margin-top:0;min-width:0}.inspector-v2-background-grid{grid-template-columns:64px minmax(0,1fr)}.inspector-v2-background-grid-simple{grid-template-columns:112px minmax(0,1fr)}.background-section-header{display:flex;align-items:center;justify-content:space-between}.background-section-chevron{opacity:.72;flex-shrink:0}.background-section-body{display:grid;gap:8px}.background-controls-inline{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.background-controls-inline .context-menu-item.icon-button{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height)}.background-offset-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;grid-column:1 / -1;width:100%}.background-offset-label{color:var(--ec-text-secondary);font-size:var(--ec-label-font-size);white-space:nowrap}.background-slider-block{min-width:0;flex:1 1 0;margin-top:0;display:grid;gap:4px}.background-slider-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.background-slider-row{display:block;min-width:0}.background-slider-row input[type=range]{width:100%;height:var(--ec-slider-thumb-size);min-width:0;margin:0}.background-slider-row input[type=range]:disabled{opacity:.55;cursor:not-allowed}.background-slider-value{min-width:48px;text-align:right;white-space:nowrap;font-size:var(--sem-typography-ui-body-sm)}.background-picker-trigger{border:0;border-radius:var(--ec-control-radius);background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);color:var(--inspector-v2-text);min-height:var(--ec-control-height);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;text-align:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.background-picker-trigger:hover:not(:disabled){background:var(--inspector-v2-control-surface-hover)}.background-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.background-picker-trigger>span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-v2-background-grid .inline-row>input,.inspector-v2-background-grid .inline-row>select{min-width:0;width:0;flex:1 1 auto;background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-background-grid .inline-row>.btn{flex:0 0 auto}.divider{border-bottom:0;margin:12px 0}.checkbox{margin-bottom:0;display:inline-flex;align-items:center;gap:var(--ec-space-2);min-height:var(--ec-control-height-dense);color:var(--ec-text-primary);font-size:var(--ec-label-font-size);line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none}input:not([type=checkbox]):not([type=radio]):not(.auth-input-control),select,textarea{border:0;border-radius:var(--ec-control-radius);background:var(--ec-control-bg);color:var(--ec-control-text);padding:5px 8px;min-height:var(--ec-control-height);font-size:var(--ec-font-sm);line-height:1.2;transition:background .18s ease,color .18s ease}input:not([type=checkbox]):not([type=radio]):not(.auth-input-control)::placeholder{color:var(--ec-control-placeholder)}textarea::placeholder{color:var(--ec-control-placeholder)}input:not([type=checkbox]):not([type=radio]):not(.auth-input-control):focus,select:focus,textarea:focus{outline:none;background:var(--ec-control-bg-active);outline:0}input:not([type=checkbox]):not([type=radio]):not(.auth-input-control):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){background:var(--ec-control-bg-hover)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--ec-checkbox-size);height:var(--ec-checkbox-size);min-height:auto;border:1px solid color-mix(in srgb,var(--sem-border-default) 72%,transparent);border-radius:var(--ec-checkbox-radius);background:color-mix(in srgb,var(--ec-overlay-surface-soft) 82%,var(--ec-bg-base));box-shadow:inset 0 1px 1px color-mix(in srgb,var(--sem-surface-backdrop) 42%,transparent);margin:0;display:inline-grid;place-content:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}input[type=checkbox]:before{content:"";width:calc(var(--ec-checkbox-size) * .56);height:calc(var(--ec-checkbox-size) * .56);clip-path:polygon(14% 52%,0 66%,40% 100%,100% 24%,86% 10%,40% 64%);background:var(--sem-accent-on);transform:scale(0);transform-origin:center;transition:transform .12s ease}input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb,var(--sem-focus-ring) 55%,var(--sem-border-default));background:color-mix(in srgb,var(--ec-overlay-surface-base) 72%,var(--ec-bg-base))}input[type=checkbox]:checked{border-color:color-mix(in srgb,var(--sem-focus-ring) 80%,transparent);background:color-mix(in srgb,var(--sem-accent-primary) 90%,var(--sem-surface-backdrop))}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--sem-focus-ring) 48%,transparent)}input[type=checkbox]:disabled{opacity:.52;cursor:not-allowed}input[type=radio]{min-height:auto;border:none;background:transparent;box-shadow:none;margin:0;accent-color:var(--ec-brand-violet)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:var(--ec-slider-thumb-size);background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:var(--ec-slider-track-height);border-radius:999px;border:1px solid var(--ec-slider-track-border);background:var(--ec-slider-track-bg)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--ec-slider-thumb-size);height:var(--ec-slider-thumb-size);margin-top:calc((var(--ec-slider-track-height) - var(--ec-slider-thumb-size)) / 2);border-radius:999px;border:1px solid var(--ec-slider-thumb-border);background:var(--ec-slider-thumb-bg);box-shadow:var(--ec-slider-thumb-shadow)}input[type=range]::-moz-range-track{height:var(--ec-slider-track-height);border-radius:999px;border:1px solid var(--ec-slider-track-border);background:var(--ec-slider-track-bg)}input[type=range]::-moz-range-thumb{width:var(--ec-slider-thumb-size);height:var(--ec-slider-thumb-size);border-radius:999px;border:1px solid var(--ec-slider-thumb-border);background:var(--ec-slider-thumb-bg);box-shadow:var(--ec-slider-thumb-shadow)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--ec-slider-thumb-shadow),0 0 0 3px color-mix(in srgb,var(--sem-focus-ring) 45%,transparent)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--ec-slider-thumb-shadow),0 0 0 3px color-mix(in srgb,var(--sem-focus-ring) 45%,transparent)}input[type=range]:disabled{opacity:.48;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range]:disabled::-moz-range-thumb{background:color-mix(in srgb,var(--sem-text-muted) 72%,var(--sem-surface-base))}.inline-row{display:flex;gap:8px;margin-top:8px;min-width:0;flex-wrap:wrap}.inline-row>input,.inline-row>select,.inline-row>textarea{min-width:0;flex:1 1 auto}.inline-row>.btn,.inline-row>.btn-square{flex:0 0 auto}.ui-panel-shell{display:flex;flex-direction:column;min-height:0;width:100%}.ui-section-header{font-size:var(--sem-typography-ui-body-lg);font-weight:600;color:var(--ec-text-strong);margin:0}.ui-control{border:0;border-radius:var(--ec-control-radius);background:var(--ec-control-bg);color:var(--ec-control-text);min-height:var(--ec-control-height);padding:var(--ec-space-1) var(--ec-space-3);font-size:var(--ec-font-sm);line-height:1.2;transition:background .18s ease,color .18s ease}.ui-control::placeholder{color:var(--ec-control-placeholder)}.ui-control:focus{outline:none;background:var(--ec-control-bg-active);outline:0}.ui-control:hover:not(:disabled){background:var(--ec-control-bg-hover)}.ui-checkbox{display:inline-flex;align-items:center;gap:var(--ec-space-2);min-height:var(--ec-control-height-dense);color:var(--ec-text-primary);font-size:var(--ec-label-font-size)}.ui-checkbox-input{width:var(--ec-checkbox-size);height:var(--ec-checkbox-size);flex:0 0 var(--ec-checkbox-size)}.ui-checkbox-label{line-height:1.2}.ui-checkbox-input:disabled+.ui-checkbox-label{opacity:.6}.ui-textarea{min-height:calc(90px * var(--ec-density));resize:vertical}.ui-icon-button{border:0;border-radius:var(--ec-control-radius);color:var(--ec-control-text);background:var(--ec-control-bg);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .18s ease,color .18s ease}.ui-icon-button:hover:not(:disabled){background:var(--ec-control-bg-hover)}.ui-icon-button:disabled{opacity:.5;cursor:not-allowed}.ui-icon-button-default,.ui-icon-button-dense{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height)}.ui-icon-button-danger{background:color-mix(in srgb,var(--ec-danger) 16%,var(--ec-control-bg))}@media (max-width: 1320px){.app-shell{grid-template-columns:240px 1fr 300px}}@media (max-width: 1120px){.app-shell{grid-template-columns:220px 1fr 280px}.inspector-token-row-main{grid-template-columns:auto auto minmax(72px,1fr) auto auto auto}.inspector-v2-token-row-main{grid-template-columns:18px 18px 18px minmax(0,1fr) minmax(0,68px) minmax(0,72px) minmax(0,68px) minmax(0,48px) 26px}.inspector-v2-token-row-main-effects{grid-template-columns:18px 18px minmax(0,1fr) minmax(0,132px) minmax(0,52px) 26px}.inspector-token-row-main>:nth-child(7),.inspector-token-row-main>:nth-child(8){grid-column:span 1}.inspector-token-row-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(180px,28vh) 1fr minmax(220px,34vh);padding:0 14px}.left-panel,.right-panel{border:none;border-top:0}.center-panel{padding:0 0 14px}.inspector-token-row-main,.inspector-token-row-controls{grid-template-columns:1fr}.inspector-inline-control{justify-content:space-between}}.context-menu{position:fixed;z-index:9999;min-width:170px;background:var(--canvas-glass-surface);border:0;border-radius:var(--canvas-ui-radius);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:4px}.context-menu-item{width:100%;border:0;border-radius:var(--canvas-ui-radius-sm);background:var(--ec-ui-surface-1);box-shadow:none;color:var(--ec-ui-content-1);text-align:left;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;transition:background .18s ease,box-shadow .18s ease,color .18s ease}.context-menu-item:hover{background:var(--ec-ui-surface-2);box-shadow:none}.context-menu-item:disabled{opacity:.5;cursor:not-allowed}.context-menu-color-row{justify-content:space-between;gap:10px}.context-menu-color-row .project-color-picker-trigger{width:30px;min-width:30px;height:24px;border:0;border-radius:6px;background:transparent;box-shadow:none;padding:0}.context-menu-item.icon-button{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;justify-content:center;text-align:center}.context-menu-item.icon-button svg{width:16px;height:16px;flex-shrink:0}.context-menu-item.icon-button.active{background:var(--ec-ui-surface-2);color:var(--ec-ui-content-1)}.context-menu-item-danger{color:color-mix(in srgb,var(--sem-state-danger) 40%,var(--sem-accent-on))}.canvas-settings-stack{position:absolute;z-index:70;transform:translate(-50%,-100%);margin-top:-8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;pointer-events:auto;max-width:calc(100% - 8px)}.canvas-settings-stack.split{gap:2px}.canvas-settings-stack.toolbar-below{transform:translate(-50%,12px);margin-top:0}.canvas-settings-bar{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;width:auto;max-width:min(calc(100vw - 16px),100%);padding:1px 2px;border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);overflow-x:auto;overflow-y:visible}.canvas-settings-stack.split .canvas-settings-bar:first-child{width:100%}.canvas-settings-stack.split .canvas-settings-bar+.canvas-settings-bar{padding:3px 4px}.canvas-settings-stack.split .canvas-settings-bar+.canvas-settings-bar .context-menu-item:not(.icon-button){padding:6px 8px}.toolbar-group{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;min-width:0}.toolbar-group+.toolbar-group{margin-left:var(--ec-space-3)}.canvas-text-emoji-picker-popover{border:0;border-radius:12px;background:var(--canvas-glass-surface-strong);box-shadow:none;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);overflow:hidden;max-width:min(calc(100vw - 32px),352px)}.canvas-text-emoji-picker-popover em-emoji-picker{--border-radius: 12px;--font-family: Inter, system-ui, -apple-system, sans-serif;width:min(calc(100vw - 32px),350px);height:340px}.project-color-picker{position:relative;display:inline-flex;align-items:center}.project-color-picker-trigger{display:inline-flex;align-items:center;justify-content:center}.project-color-picker-trigger-swatch{width:12px;height:12px;border-radius:999px;border:0}.project-color-picker-popover{position:fixed;z-index:80;border:0;border-radius:12px;background:var(--canvas-glass-surface-strong);box-shadow:none;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);padding:10px;min-width:236px;display:flex;flex-direction:column;gap:8px}.project-color-picker-spectrum{width:216px;height:146px}.project-color-picker-spectrum .react-colorful__saturation{border-radius:8px}.project-color-picker-spectrum .react-colorful__hue{margin-top:10px;height:12px;border-radius:999px}.project-color-picker-row{display:flex;align-items:center;gap:8px}.project-color-picker-row-hex{justify-content:flex-end}.project-color-picker-brand-title{font-size:var(--sem-typography-ui-label-sm)}.project-color-picker-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.project-color-picker-channel{display:flex;flex-direction:column;gap:4px;align-items:center}.project-color-picker-channel input{width:64px;border:0;border-radius:8px;padding:5px 6px;background:var(--ec-overlay-surface-soft);color:var(--ec-text-primary);text-align:center}.project-color-picker-brand-grid{display:flex;align-items:center;gap:6px}.project-color-picker-brand-dot{width:12px;height:12px;border-radius:999px;border:0;display:inline-block}.toolbar-group-actions-end{margin-left:auto}.canvas-guide-settings{position:absolute;z-index:69;transform:translate(-50%,-100%);margin-top:-8px;display:flex;align-items:center;gap:var(--ec-space-3);padding:var(--ec-space-2);border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);max-width:calc(100% - 24px);overflow-x:auto;overflow-y:hidden}.canvas-guide-settings-row{display:flex;align-items:center;gap:6px}.canvas-guide-settings .context-menu-item{width:auto;white-space:nowrap;background:var(--ec-ui-surface-1)}.canvas-guide-settings .context-menu-item:hover{background:var(--ec-ui-surface-2)}.canvas-settings-bar .context-menu-item{width:auto;white-space:nowrap;padding:5px 7px;background:var(--ec-ui-surface-1)}.canvas-settings-bar .context-menu-item.icon-button,.canvas-guide-settings .context-menu-item.icon-button{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0}.canvas-settings-bar .context-menu-item:hover{background:var(--ec-ui-surface-2)}.post-open-section{border-radius:var(--ec-inspector-panel-radius);padding:var(--ec-space-2);background:transparent}.post-open-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ec-space-2)}.post-open-section-header-actions{display:flex;align-items:center;gap:var(--ec-space-1)}.post-open-section-header-actions .btn{min-height:var(--ec-inspector-control-height-dense);padding:0 var(--ec-space-2);font-size:var(--ec-font-xs)}.post-open-section-title-wrap{min-width:0;display:grid;gap:2px}.post-open-section-title{font-size:var(--ec-font-sm);font-weight:600;color:var(--ec-inspector-text);letter-spacing:.01em}.post-open-section-meta{font-size:var(--ec-font-xs);color:var(--ec-inspector-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-open-section-active-title{color:var(--ec-inspector-text);font-size:var(--ec-font-xs);font-weight:600;line-height:1.35;padding:0;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:context-menu}.post-open-section-divider{margin-top:var(--ec-space-2);width:100%;height:1px;background:color-mix(in srgb,var(--ec-inspector-section-border) 56%,transparent)}.post-open-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10025;background:color-mix(in srgb,var(--cmp-canvas-glass-shadow-color) 86%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.post-open-picker-modal{width:min(920px,100%);max-height:min(86vh,780px);border:0;border-radius:14px;background:var(--canvas-glass-surface-strong);box-shadow:var(--canvas-glass-shadow);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);display:flex;flex-direction:column;overflow:hidden}.post-open-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.post-open-picker-title{font-size:var(--sem-typography-ui-title-xl);font-weight:600;color:var(--sem-text-primary)}.post-open-picker-header-actions{display:flex;align-items:center;gap:8px}.post-open-picker-close{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;background:var(--ec-overlay-surface-strong);justify-content:center;font-size:var(--sem-typography-ui-body-lg)}.post-open-picker-body{padding:14px;overflow:auto}.post-open-picker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.post-open-picker-item{border:1px solid color-mix(in srgb,var(--ec-overlay-border-base) 58%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ec-overlay-surface-base) 84%,transparent);overflow:hidden;text-align:left;display:block;position:relative}.post-open-picker-item.is-selected{border-color:color-mix(in srgb,var(--ec-brand-cyan) 56%,var(--ec-overlay-border-strong))}.post-open-picker-item-open{border:0;background:transparent;padding:0;margin:0;width:100%;display:grid;grid-template-rows:136px auto;cursor:pointer;text-align:left}.post-open-picker-item-delete{position:absolute;top:8px;right:8px;z-index:2;width:28px;min-width:28px;height:28px;padding:0;justify-content:center;border-color:color-mix(in srgb,var(--ec-overlay-border-base) 74%,transparent);background:color-mix(in srgb,var(--ec-overlay-surface-strong) 92%,transparent)}.post-open-picker-thumb{background:color-mix(in srgb,var(--ec-overlay-surface-soft) 64%,transparent);overflow:hidden}.post-open-picker-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-open-picker-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--ec-text-muted);font-size:var(--sem-typography-ui-body-sm)}.post-open-picker-item-content{padding:10px;display:grid;gap:4px}.post-open-picker-item-title{color:var(--ec-text-primary);font-size:var(--sem-typography-ui-body-md);font-weight:600}.post-open-picker-item-meta{color:var(--ec-text-muted);font-size:var(--sem-typography-ui-body-sm)}.post-open-picker-status{margin-top:4px;font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-muted)}.post-open-picker-status.is-live{color:var(--ec-success)}.post-open-picker-status-avatars{display:inline-flex;align-items:center;gap:4px;margin-top:6px}.post-open-picker-status-avatar{width:18px;height:18px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ec-overlay-border-base) 58%,transparent);background:color-mix(in srgb,var(--ec-overlay-surface-strong) 78%,transparent);color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-caption-xs);font-weight:600}.post-open-picker-status-avatar img{width:100%;height:100%;object-fit:cover}.post-open-picker-empty{color:var(--ec-text-muted);font-size:var(--sem-typography-ui-body-md);text-align:center;padding:22px 12px}.post-open-rename-menu{position:fixed;z-index:10030;min-width:156px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ec-overlay-border-base) 64%,transparent);background:var(--ec-overlay-surface-strong);box-shadow:var(--canvas-glass-shadow);padding:6px}.post-open-delete-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10035;background:color-mix(in srgb,var(--cmp-canvas-glass-shadow-color) 84%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.post-open-delete-modal{width:min(440px,100%);border-radius:12px;border:1px solid color-mix(in srgb,var(--ec-overlay-border-base) 68%,transparent);background:var(--ec-overlay-surface-strong);box-shadow:var(--canvas-glass-shadow);padding:14px;display:grid;gap:10px}.post-open-delete-title{font-size:var(--sem-typography-ui-title-lg);font-weight:600;color:var(--ec-text-primary)}.post-open-delete-message{font-size:var(--sem-typography-ui-body-md);color:var(--ec-text-secondary)}.post-open-delete-error{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-danger)}.post-open-delete-actions{display:flex;justify-content:flex-end;gap:8px}.global-asset-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;background:color-mix(in srgb,var(--cmp-canvas-glass-shadow-color) 86%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.global-asset-picker-modal{width:min(760px,100%);max-height:min(82vh,720px);border:0;border-radius:14px;background:var(--canvas-glass-surface-strong);box-shadow:var(--canvas-glass-shadow);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);display:flex;flex-direction:column;overflow:hidden}.global-asset-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:0}.global-asset-picker-title{font-size:var(--sem-typography-ui-display-sm);font-weight:600;color:var(--sem-text-primary)}.global-asset-picker-close{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;background:var(--ec-overlay-surface-strong);justify-content:center;font-size:var(--sem-typography-ui-body-lg)}.global-asset-picker-grid{padding:14px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.global-asset-picker-sections{padding:14px;overflow:auto;display:grid;gap:14px}.global-asset-picker-folder-section{display:grid;gap:8px}.global-asset-picker-folder-title{font-size:var(--sem-typography-ui-body-sm);font-weight:600;color:var(--ec-text-secondary)}.global-asset-picker-folder-section .global-asset-picker-grid{padding:0;overflow:visible}.global-asset-picker-folder-empty{font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-muted)}.background-picker-modal{width:min(560px,100%);max-height:min(84vh,760px)}.background-picker-modal .global-asset-picker-title{font-size:var(--sem-typography-ui-title-xl);line-height:1.1}.library-asset-create-modal{width:min(560px,100%)}.library-asset-create-modal-body{display:grid;gap:14px;padding:14px}.library-asset-create-field{display:grid;gap:6px;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.library-asset-create-field input{width:100%;border:0;border-radius:8px;background:var(--ec-bg-raised);color:var(--ec-text-primary);padding:8px 10px}.library-asset-create-kind-row{display:flex;flex-wrap:wrap;gap:10px}.library-asset-create-kind-option{display:inline-flex;align-items:center;gap:6px;color:var(--ec-text-primary);font-size:var(--sem-typography-ui-body-md)}.library-asset-create-footer{display:flex;justify-content:flex-end;gap:8px}.background-picker-modal-body{display:grid;gap:10px;padding:12px 14px 14px}.background-picker-modal-hint{color:var(--ec-text-muted);font-size:var(--sem-typography-ui-label-sm)}.background-picker-modal-section{display:grid;gap:6px}.background-picker-modal-section-title{margin-bottom:0;font-size:var(--sem-typography-ui-body-md);font-weight:650;color:color-mix(in srgb,var(--sem-accent-on) 92%,transparent)}.background-picker-modal-list-card{border-radius:10px;border:0;background:color-mix(in srgb,var(--sem-surface-backdrop) 72%,transparent);box-shadow:none;padding:8px}.background-picker-modal-list{min-height:60px;max-height:180px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:4px}.background-picker-card{align-items:stretch}.background-picker-card.is-selected{outline:1px solid color-mix(in srgb,var(--sem-accent) 55%,transparent);background:color-mix(in srgb,var(--sem-accent) 10%,var(--ec-overlay-surface-base))}.background-picker-card.is-active{outline:1px solid color-mix(in srgb,var(--sem-accent) 85%,transparent);background:color-mix(in srgb,var(--sem-accent) 14%,var(--ec-overlay-surface-base))}.background-picker-thumb{aspect-ratio:auto;height:58px}.background-picker-thumb img{object-fit:cover}.background-picker-video-thumb{aspect-ratio:auto;height:58px;background:linear-gradient(135deg,var(--sem-surface-backdrop) 0%,color-mix(in srgb,var(--sem-surface-backdrop) 92%,var(--sem-surface-backdrop)) 100%);color:var(--sem-text-secondary)}.background-picker-video-thumb>span{font-size:var(--sem-typography-ui-body-sm)}.background-picker-video-preview{width:100%;height:100%;object-fit:contain;display:block;background:var(--sem-surface-backdrop)}.background-picker-modal-empty{color:var(--ec-text-muted);font-size:var(--sem-typography-ui-body-sm);min-height:48px;display:flex;align-items:center;grid-column:1 / -1}.background-picker-queue-list{display:grid;gap:6px;max-height:220px;overflow:auto;padding-right:4px}.background-picker-queue-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;border-radius:8px;border:0;background:color-mix(in srgb,var(--ec-overlay-surface-base) 88%,transparent)}.background-picker-queue-item.is-active{outline:1px solid color-mix(in srgb,var(--sem-accent) 80%,transparent)}.background-picker-queue-item.is-dragging{opacity:.55}.background-picker-queue-item.is-drop-target{outline:1px dashed color-mix(in srgb,var(--sem-accent) 85%,transparent)}.background-picker-queue-drag-handle{width:16px;min-width:16px;color:var(--ec-text-muted);display:inline-flex;align-items:center;justify-content:center}.background-picker-queue-apply{border:0;border-radius:8px;background:transparent;color:inherit;display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;align-items:center;text-align:left;padding:0;cursor:pointer}.background-picker-queue-apply:hover{opacity:.92}.background-picker-queue-apply .background-picker-thumb,.background-picker-queue-apply .background-picker-video-thumb{height:46px}.background-picker-queue-meta{display:grid;gap:2px;min-width:0}.background-picker-queue-title{font-size:var(--sem-typography-ui-body-sm);font-weight:600;color:var(--ec-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.background-picker-queue-subtitle{font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.background-picker-queue-remove{width:28px;min-width:28px;height:28px}.background-picker-upload-zone{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);min-height:var(--ec-control-height);border:0;border-radius:8px;background:color-mix(in srgb,var(--sem-surface-backdrop) 86%,var(--sem-surface-backdrop));color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-lg);padding:0;text-align:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.background-picker-upload-zone:hover:not(:disabled){background:var(--sem-surface-backdrop)}.background-picker-upload-zone:disabled{opacity:.6;cursor:not-allowed}.background-picker-upload-error{color:color-mix(in srgb,var(--sem-state-danger) 55%,var(--sem-accent-on));font-size:var(--sem-typography-ui-body-sm)}.background-picker-modal-footer{display:flex;justify-content:flex-end;align-items:center}.global-asset-picker-card{border:0;border-radius:8px;background:var(--ec-overlay-surface-base);color:var(--ec-text-primary);padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left}.global-asset-picker-card:hover{background:color-mix(in srgb,var(--sem-surface-base) 60%,transparent)}.global-asset-picker-thumb{width:100%;aspect-ratio:11 / 7;border:0;border-radius:6px;background:var(--sem-surface-backdrop);display:flex;align-items:center;justify-content:center;overflow:hidden}.global-asset-picker-thumb img{width:100%;height:100%;object-fit:contain;display:block}.global-asset-picker-thumb-loading,.global-asset-picker-thumb-fallback{font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted)}.global-asset-picker-card-title{font-size:var(--sem-typography-ui-body-sm);font-weight:600;color:var(--ec-text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-asset-picker-card-meta{font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-muted)}.global-asset-picker-empty{padding:20px 12px;font-size:var(--sem-typography-ui-body-md);color:var(--ec-text-muted)}.canvas-settings-select{min-width:84px;height:var(--ec-control-height);border:0;border-radius:8px;background:var(--ec-bg-raised);color:var(--ec-text-primary);padding:5px 8px;flex:0 0 auto}.canvas-inline-input{display:inline-flex;align-items:center;gap:4px;font-size:var(--sem-typography-ui-body-sm);color:var(--sem-text-muted);flex:0 0 auto}.canvas-inline-input input{max-width:none}.canvas-inline-input-color .project-color-picker-trigger{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);border:0;border-radius:6px;background:transparent;padding:0}.canvas-inline-input-range input[type=range]{width:168px;min-width:168px}.canvas-inline-input-number input[type=number]{width:74px;min-width:74px}.canvas-zoom-controls{position:absolute;right:22px;bottom:22px;z-index:96;display:flex;align-items:center;gap:3px;padding:3px;border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.canvas-history-controls{position:absolute;left:22px;bottom:22px;z-index:96;display:flex;align-items:center;gap:3px;padding:3px;border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.canvas-fixed-insert-toolbar{position:absolute;top:22px;left:50%;transform:translate(-50%);z-index:96;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:calc(100% - 44px);pointer-events:auto}.canvas-fixed-insert-toolbar .canvas-settings-bar{width:auto;max-width:100%;justify-content:center;padding:3px}.canvas-fixed-insert-toolbar .toolbar-group{justify-content:center}.canvas-fixed-insert-toolbar .context-menu-item.icon-button{background:var(--ec-ui-surface-1)}.canvas-fixed-insert-toolbar .context-menu-item.icon-button:hover{background:var(--ec-ui-surface-2)}.canvas-timeline-dock{--canvas-timeline-shell-padding-x: var(--ec-right-sidebar-shell-padding-x);--canvas-timeline-shell-padding-y: var(--ec-right-sidebar-shell-padding-y);position:relative;flex:0 0 auto;align-self:stretch;width:100%;min-height:196px;box-sizing:border-box;border:0;border-left:0;border-right:0;border-radius:var(--ec-control-radius);background:transparent;box-shadow:none;display:flex;flex-direction:column;padding:0 var(--canvas-timeline-shell-padding-x) var(--canvas-timeline-shell-padding-y)}.canvas-timeline-dock.is-collapsed{min-height:10px;padding-bottom:0}.canvas-timeline-dock:after{content:"";position:absolute;top:0;bottom:var(--canvas-timeline-shell-padding-y);left:0;width:1px;background:transparent;pointer-events:none}.canvas-timeline-dock:before{content:"";position:absolute;top:0;bottom:var(--canvas-timeline-shell-padding-y);right:0;width:1px;background:transparent;pointer-events:none}.canvas-timeline-dock-body{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:0;min-width:0;padding-top:0}.canvas-timeline-dock.is-collapsed .canvas-timeline-dock-body{display:none}.canvas-timeline-main-layout{--canvas-timeline-surface: transparent;--canvas-timeline-control-surface: var(--ec-ui-surface-1);--canvas-timeline-control-hover: var(--ec-ui-surface-2);--canvas-timeline-control-active: var(--ec-ui-surface-2);--canvas-timeline-soft-surface: var(--ec-ui-surface-1);--canvas-timeline-soft-surface-strong: var(--ec-ui-surface-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:var(--ec-space-2);min-height:0;flex:1 1 auto;width:100%;height:100%;box-sizing:border-box;background:var(--canvas-timeline-surface);border:0;border-radius:var(--ec-control-radius);padding:0}.canvas-timeline-main-column{display:flex;flex-direction:column;gap:var(--ec-space-2);min-height:0;min-width:0}.canvas-timeline-sidepanel{min-width:0;min-height:0;border-left:0;padding:0;display:flex;flex-direction:column;gap:var(--ec-space-2)}.canvas-timeline-sidepanel>*+*{border-top:0;padding-top:0}.canvas-timeline-transport{display:flex;width:100%;align-items:center;gap:var(--ec-space-1);flex-wrap:nowrap}.canvas-timeline-transport .context-menu-item.icon-button{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);border-radius:var(--ec-control-radius);background:var(--canvas-timeline-control-surface);color:var(--ec-inspector-text);box-shadow:none}.canvas-timeline-transport .context-menu-item.icon-button:hover:not(:disabled){background:var(--canvas-timeline-control-hover)}.canvas-timeline-transport .context-menu-item.icon-button.active{background:var(--canvas-timeline-control-active)}.canvas-timeline-transport-time{flex:1 1 auto;min-width:0;font-size:var(--ec-label-font-size);margin-left:auto;min-height:26px;padding:0 var(--ec-space-2);border-radius:var(--ec-control-radius);background:var(--canvas-timeline-soft-surface);text-align:right;white-space:nowrap;display:inline-flex;align-items:center;justify-content:flex-end}.canvas-timeline-scroll{overflow-x:auto;overflow-y:auto;width:100%;max-width:100%;min-height:0;flex:1 1 auto;padding-bottom:2px}.canvas-timeline-ruler{--canvas-timeline-label-column-width: clamp(180px, 24%, 260px);--canvas-timeline-column-gap: var(--ec-space-2);position:relative;display:flex;flex-direction:column;gap:var(--ec-space-2);width:100%;min-height:100%;border-radius:var(--ec-control-radius);border:0;background:transparent;padding:0;cursor:ew-resize;-webkit-user-select:none;user-select:none;isolation:isolate}.canvas-timeline-ruler:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--canvas-timeline-label-column-width) + var(--canvas-timeline-column-gap));right:0;border-radius:0 calc(var(--ec-control-radius) - 2px) calc(var(--ec-control-radius) - 2px) 0;background:var(--canvas-timeline-soft-surface);pointer-events:none;z-index:0}.canvas-timeline-ruler>*{position:relative;z-index:1}.canvas-timeline-ruler:focus-visible{outline:2px solid color-mix(in srgb,var(--sem-accent-primary) 55%,transparent);outline-offset:1px}.canvas-timeline-playhead{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);pointer-events:none;background:color-mix(in srgb,var(--sem-accent-primary) 72%,var(--sem-accent-on));z-index:2}.canvas-timeline-axis{display:flex;justify-content:space-between;font-size:var(--ec-font-xs);color:var(--ec-text-muted)}.canvas-timeline-axis span{padding:0 6px;min-height:18px;border-radius:999px;background:var(--canvas-timeline-soft-surface-strong);display:inline-flex;align-items:center}.canvas-timeline-axis-row{display:grid;grid-template-columns:var(--canvas-timeline-label-column-width) minmax(0,1fr);column-gap:var(--canvas-timeline-column-gap);min-width:0}.canvas-timeline-axis-spacer{min-height:20px}.canvas-timeline-axis-column{position:relative;min-height:26px}.canvas-timeline-ticks{position:absolute;top:14px;left:0;right:0;height:16px;pointer-events:none}.canvas-timeline-tick{position:absolute;top:0;bottom:0;width:1px;transform:translate(-.5px);background:color-mix(in srgb,var(--sem-border-subtle) 52%,transparent)}.canvas-timeline-tick-label{position:absolute;top:-12px;left:2px;font-size:var(--sem-typography-ui-caption-xs);color:var(--ec-text-muted);white-space:nowrap;background:var(--canvas-timeline-soft-surface);border-radius:6px;padding:0 4px}.canvas-timeline-tracks{display:flex;flex-direction:column;gap:0;border-top:0;padding-top:var(--ec-space-2)}.canvas-timeline-track-row{display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--ec-space-2) 0;border:0;border-radius:0;transition:background-color .12s ease}.canvas-timeline-track-row+.canvas-timeline-track-row{border-top:0}.canvas-timeline-track-row-grid{display:grid;grid-template-columns:var(--canvas-timeline-label-column-width) minmax(0,1fr);column-gap:var(--canvas-timeline-column-gap);align-items:center}.canvas-timeline-track-row:hover{background:transparent}.canvas-timeline-track-row:focus-visible{outline:2px solid color-mix(in srgb,var(--sem-accent-primary) 48%,transparent);outline-offset:0}.canvas-timeline-track-row.is-selected .canvas-timeline-track-label{color:var(--ec-inspector-text)}.canvas-timeline-track-row.is-active{background:transparent}.canvas-timeline-track-row:hover .canvas-timeline-track-lane{background:var(--canvas-timeline-soft-surface-strong)}.canvas-timeline-track-row.is-active .canvas-timeline-track-lane{background:var(--ec-ui-surface-2)}.canvas-timeline-track-row.is-background{border-top-color:transparent}.canvas-timeline-track-row.is-background .canvas-timeline-track-segment{background:var(--ec-ui-surface-2);cursor:default}.canvas-timeline-track-row.is-background .canvas-timeline-track-marker{cursor:default}.canvas-timeline-track-meta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0}.canvas-timeline-track-meta-left{display:inline-flex;align-items:center;gap:var(--ec-space-2);min-width:0;flex:1 1 auto;width:100%;justify-content:space-between}.canvas-timeline-track-label{font-size:var(--ec-font-sm);font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-timeline-track-detail{font-size:var(--ec-label-font-size);color:var(--ec-text-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-timeline-track-toggle{border:0;border-radius:var(--ec-control-radius);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);min-height:var(--ec-control-height);padding:0;background:var(--canvas-timeline-control-surface);color:var(--ec-inspector-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .18s ease,color .18s ease,opacity .18s ease}.canvas-timeline-track-toggle:hover:not(:disabled){background:var(--canvas-timeline-control-hover)}.canvas-timeline-track-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--sem-accent-primary) 50%,transparent);outline-offset:1px}.canvas-timeline-track-row.is-disabled{opacity:.56}.canvas-timeline-track-row.is-disabled .canvas-timeline-track-toggle{opacity:1}.canvas-timeline-track-lane{position:relative;height:18px;border-radius:calc(var(--ec-control-radius) - 2px);background:var(--canvas-timeline-soft-surface);border:0}.canvas-timeline-track-lane:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-.5px);background:transparent;pointer-events:none}.canvas-timeline-track-segment{position:absolute;top:0;bottom:0;border:0;padding:0;margin:0;border-radius:calc(var(--ec-control-radius) - 3px);background:var(--ec-ui-surface-2);cursor:grab}.canvas-timeline-track-segment:active{cursor:grabbing}.canvas-timeline-track-segment-loopRange{background:var(--ec-ui-surface-2)}.canvas-timeline-track-segment:focus-visible{outline:2px solid color-mix(in srgb,var(--sem-accent-primary) 48%,transparent);outline-offset:1px}.canvas-timeline-track-marker{position:absolute;top:-4px;bottom:-4px;width:12px;transform:translate(-6px);border:0;padding:0;margin:0;border-radius:2px;background:transparent;cursor:ew-resize}.canvas-timeline-track-marker:before{content:"";position:absolute;top:1px;bottom:1px;left:5px;width:2px;border-radius:2px;background:var(--ec-ui-content-2)}.canvas-timeline-track-marker:hover:before{background:var(--ec-ui-content-1)}.canvas-timeline-track-marker:focus-visible{outline:2px solid color-mix(in srgb,var(--sem-accent-primary) 48%,transparent);outline-offset:1px}.canvas-timeline-track-marker-loopStart,.canvas-timeline-track-marker-loopEnd{background:var(--ec-ui-surface-2)}.canvas-timeline-track-marker-loopStart:before,.canvas-timeline-track-marker-loopEnd:before{background:var(--ec-ui-content-1)}.canvas-timeline-empty{padding:var(--ec-space-3) var(--ec-space-2);font-size:var(--ec-font-sm);border-radius:0;background:transparent;box-shadow:none}.canvas-timeline-hint{font-size:var(--ec-label-font-size);color:var(--ec-text-muted)}.canvas-timeline-editor{border:0;border-radius:0;background:transparent;padding:var(--ec-inspector-section-padding-y);display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:var(--ec-space-2);overflow:auto}.canvas-timeline-editor-grid{display:grid;gap:var(--ec-space-2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.canvas-timeline-editor-field{display:flex;flex-direction:column;gap:var(--ec-space-1);font-size:var(--ec-label-font-size);color:var(--ec-text-muted)}.canvas-timeline-editor-field input,.canvas-timeline-editor-field select{width:100%;min-height:var(--ec-control-height);border:0;border-radius:var(--ec-control-radius);background:var(--canvas-timeline-control-surface);color:var(--ec-inspector-text);box-shadow:none;padding:var(--ec-space-1) var(--ec-space-3);font-size:var(--ec-font-sm);line-height:1.2;transition:background .18s ease,color .18s ease}.canvas-timeline-editor-field input:hover:not(:disabled),.canvas-timeline-editor-field select:hover:not(:disabled){background:var(--canvas-timeline-control-hover)}.canvas-timeline-editor-field input:focus-visible,.canvas-timeline-editor-field select:focus-visible{background:var(--canvas-timeline-control-active);outline:2px solid color-mix(in srgb,var(--sem-accent-primary) 50%,transparent);outline-offset:1px}.canvas-timeline-editor-field input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.canvas-timeline-editor-field input[type=number]::-webkit-outer-spin-button,.canvas-timeline-editor-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.canvas-timeline-dock-resize-handle{position:relative;height:10px;min-height:10px;max-height:10px;cursor:ns-resize;margin:0;touch-action:none;background:transparent;border:none;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.canvas-timeline-dock-resize-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:2px;border-radius:2px;background:var(--canvas-ui-hover-surface);transition:background .16s ease}.canvas-timeline-dock-resize-handle:focus,.canvas-timeline-dock-resize-handle:focus-visible{outline:none;box-shadow:none}.canvas-timeline-dock-resize-handle:hover:after{background:color-mix(in srgb,var(--sem-text-muted) 50%,transparent)}.canvas-add-slide-button{position:absolute;z-index:96;width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);background:var(--ec-ui-surface-1);box-shadow:none}.canvas-add-slide-button:hover{background:var(--ec-ui-surface-2)}.canvas-history-controls .context-menu-item{width:auto;min-width:var(--ec-control-height);text-align:center;background:var(--ec-ui-surface-1)}.canvas-history-controls .context-menu-item:hover{background:var(--ec-ui-surface-2)}.canvas-guides-controls{position:absolute;top:22px;right:22px;z-index:96;display:flex;align-items:center;gap:3px;padding:3px;border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.canvas-guides-controls .context-menu-item{width:auto;min-width:var(--ec-control-height);text-align:center;background:var(--ec-ui-surface-1)}.canvas-guides-controls .context-menu-item.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ec-control-height);width:var(--ec-control-height);height:var(--ec-control-height);padding:0}.canvas-guides-controls .context-menu-item:hover{background:var(--ec-ui-surface-2)}.canvas-guides-controls .context-menu-item.active{color:var(--ec-ui-content-1);background:var(--ec-ui-surface-2)}.canvas-debug-controls{position:absolute;top:50%;right:22px;transform:translateY(-50%);z-index:96;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface);box-shadow:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.canvas-debug-controls .context-menu-item{width:auto;min-width:var(--ec-control-height);text-align:center;background:var(--ec-ui-surface-1)}.canvas-debug-controls .context-menu-item.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ec-control-height);width:var(--ec-control-height);height:var(--ec-control-height);padding:0}.canvas-debug-controls .context-menu-item:hover{background:var(--ec-ui-surface-2)}.canvas-debug-controls .context-menu-item.active{color:var(--ec-ui-content-1);background:var(--ec-ui-surface-2)}.context-menu,.canvas-settings-bar,.canvas-text-emoji-picker-popover,.project-color-picker-popover,.canvas-guide-settings,.canvas-zoom-controls,.canvas-history-controls,.canvas-guides-controls,.canvas-debug-controls,.canvas-ai-chat-mainapp-panel,.canvas-ai-chat-panel,.comment-inline-editor,.canvas-collab-presence-item{border:1px solid var(--canvas-glass-border-subtle);box-shadow:none}.canvas-zoom-controls .context-menu-item{width:auto;min-width:var(--ec-control-height);text-align:center;background:var(--ec-ui-surface-1)}.canvas-zoom-controls .context-menu-item.icon-button,.canvas-history-controls .context-menu-item.icon-button{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0}.canvas-zoom-controls .context-menu-item:hover{background:var(--ec-ui-surface-2)}.canvas-zoom-label{min-width:52px;text-align:center;color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.canvas-ai-chat{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:97;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(640px,calc(100% - 32px))}.canvas-ai-chat-mainapp{position:absolute;left:50%;bottom:22px;transform:translate(calc(-50% + var(--canvas-ruler-center-offset, 0px)));z-index:97;pointer-events:auto;width:min(520px,calc(100% - 24px));display:flex;flex-direction:column;justify-content:flex-end;padding-top:0}.ai-glow-wrap{position:relative}.ai-glow--active:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:14px;pointer-events:none;background:radial-gradient(circle at center,var(--ec-accent-subtle-surface),transparent 70%)}.canvas-ai-chat-mainapp-panel{position:relative;display:flex;flex-direction:column;gap:0;width:100%;border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface);box-shadow:none;backdrop-filter:blur(16px) saturate(175%);-webkit-backdrop-filter:blur(16px) saturate(175%);padding:3px}.canvas-ai-chat-mainapp-library-grid{--canvas-ai-chat-library-gap: var(--ec-space-1);display:grid;grid-template-columns:1fr 1fr;gap:var(--canvas-ai-chat-library-gap);height:100%;padding:0}.canvas-ai-chat-mainapp-prompt-row{display:flex;align-items:center;gap:var(--ec-space-1);width:100%;border-radius:var(--ec-control-radius);background:transparent;padding:0;transition:background-color .14s ease,box-shadow .14s ease}.canvas-ai-chat-mainapp-prompt-row.is-accented{background:transparent;box-shadow:none}.canvas-ai-chat-mainapp-input{height:var(--ec-control-height);width:100%;border-radius:var(--ec-control-radius);border:0;background:color-mix(in srgb,var(--sem-accent-on) 6%,transparent);color:var(--ec-text-primary);padding:0 var(--ec-space-3);font:inherit}.canvas-ai-chat-mainapp-badge{position:absolute;right:6px;top:-10px;width:18px;height:18px;border-radius:9999px;background:color-mix(in srgb,var(--sem-surface-backdrop) 96%,var(--sem-surface-backdrop));color:var(--sem-accent-on);display:inline-flex;align-items:center;justify-content:center;font-size:var(--sem-typography-ui-label-sm);font-weight:800;line-height:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--sem-surface-backdrop) 35%,transparent),0 2px 6px color-mix(in srgb,var(--sem-surface-backdrop) 35%,transparent);pointer-events:none;font-variant-numeric:tabular-nums}.canvas-ai-chat-mainapp-ring{position:absolute;top:50%;left:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:9999px;border:0;background:conic-gradient(from 0deg,color-mix(in srgb,var(--sem-accent-on) 16%,transparent),color-mix(in srgb,var(--sem-accent-on) 16%,transparent) 300deg,color-mix(in srgb,var(--sem-accent-on) 92%,transparent) 300deg,color-mix(in srgb,var(--sem-accent-on) 92%,transparent) 360deg);opacity:0;transition:opacity .16s ease;box-sizing:border-box;pointer-events:none}.canvas-ai-chat-mainapp-ring.running{opacity:1;animation:aiRingSpin .9s linear infinite}@keyframes aiRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-ai-chat-mainapp-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--sem-typography-ui-label-sm);color:var(--ec-text-secondary)}.canvas-ai-chat-mainapp-footer-outside{position:absolute;top:calc(100% + 4px);left:0;right:0;padding:0 var(--ec-space-1);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .16s ease}.canvas-ai-chat-mainapp-footer-outside.is-visible{opacity:1;transform:translateY(0)}.canvas-ai-chat-selected-badge{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--sem-typography-ui-caption-xs);font-weight:700;background:color-mix(in srgb,var(--sem-surface-backdrop) 98%,transparent);color:var(--sem-accent-on);border:0;box-shadow:0 2px 8px color-mix(in srgb,var(--sem-surface-backdrop) 35%,transparent)}.canvas-ai-chat-panel{width:100%;max-height:min(66vh,620px);overflow:auto;border:0;border-radius:var(--canvas-ui-radius);background:var(--canvas-glass-surface-strong);box-shadow:none;backdrop-filter:blur(16px) saturate(175%);-webkit-backdrop-filter:blur(16px) saturate(175%);padding:10px;display:grid;gap:8px}.canvas-ai-chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--sem-typography-ui-body-sm)}.canvas-ai-chat-input{width:100%;border-radius:8px;border:0;background:color-mix(in srgb,var(--sem-surface-backdrop) 72%,transparent);color:var(--ec-text-primary);padding:8px;font:inherit;resize:vertical}.canvas-ai-chat-targets{display:flex;flex-wrap:wrap;gap:6px}.canvas-ai-chat-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.canvas-ai-chat-library-column{border:0;border-radius:8px;padding:6px;background:color-mix(in srgb,var(--sem-surface-backdrop) 44%,transparent);display:grid;gap:6px;min-height:90px}.canvas-ai-chat-library-card{display:grid;gap:6px;font-size:var(--sem-typography-ui-body-sm);border:0;border-radius:6px;padding:6px 7px;background:color-mix(in srgb,var(--sem-accent-on) 2%,transparent);text-align:left;color:inherit;cursor:pointer}.canvas-ai-chat-library-card.selected{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-accent, var(--ec-accent-info)) 12%,transparent),color-mix(in srgb,var(--ui-accent, var(--ec-accent-info)) 6%,transparent)),color-mix(in srgb,var(--sem-accent-on) 2%,transparent)}.canvas-ai-chat-library-card-title{display:block;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-ai-chat-library-card-content{display:block;opacity:.75;font-size:var(--sem-typography-ui-label-sm);margin-top:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-ai-chat-library-title{font-size:var(--sem-typography-ui-body-sm);font-weight:700;color:var(--ec-text-secondary)}.canvas-ai-chat-library-list{display:grid;gap:6px;max-height:96px;overflow:auto}.canvas-ai-chat-library-item{display:flex;align-items:center;gap:6px;font-size:var(--sem-typography-ui-body-sm);color:var(--ec-text-primary)}.canvas-ai-chat-library-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-ai-chat-target-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;border:0;background:color-mix(in srgb,var(--sem-surface-base) 75%,transparent);color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-label-sm)}.canvas-ai-chat-actions{display:flex;gap:6px;flex-wrap:wrap}.canvas-ai-chat-error{color:color-mix(in srgb,var(--sem-state-danger) 55%,var(--sem-accent-on));font-size:var(--sem-typography-ui-body-sm)}.canvas-ai-chat-log{display:grid;gap:6px;max-height:180px;overflow:auto}.canvas-ai-chat-log-item{border-radius:8px;border:0;padding:6px 8px;font-size:var(--sem-typography-ui-body-sm);line-height:1.35;color:var(--ec-text-primary)}.canvas-ai-chat-log-item.user{background:var(--ec-accent-subtle-surface)}.canvas-ai-chat-log-item.assistant{background:color-mix(in srgb,var(--ec-accent-subtle-surface) 72%,transparent)}.canvas-ai-chat-log-item.system{background:color-mix(in srgb,var(--sem-state-danger) 22%,transparent)}.canvas-ai-chat-context{display:grid;gap:4px}.comment-pin{position:fixed;z-index:25;width:28px;height:28px;border-radius:999px;border:0;background:var(--ec-accent-info);color:var(--sem-text-primary);cursor:grab;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;font-size:var(--sem-typography-ui-body-sm);font-weight:700;text-transform:uppercase;box-shadow:0 4px 10px var(--cmp-canvas-glass-shadow-color)}.comment-pin:hover{background:color-mix(in srgb,var(--ec-accent-info) 84%,var(--sem-accent-on))}.comment-pin.selected{box-shadow:0 0 0 2px var(--ec-accent-subtle-surface),0 4px 10px var(--cmp-canvas-glass-shadow-color)}.comment-inline-editor{position:fixed;z-index:80;width:min(420px,calc(100vw - 16px));max-width:420px;border:0;border-radius:14px;padding:0;display:grid;gap:0;background:var(--canvas-glass-surface-strong);box-shadow:none;backdrop-filter:blur(16px) saturate(175%);-webkit-backdrop-filter:blur(16px) saturate(175%);overflow:hidden}.comment-inline-editor-header{display:flex;justify-content:space-between;align-items:center;color:var(--sem-text-primary);font-size:var(--sem-typography-ui-body-sm);font-weight:600;padding:8px 10px;border-bottom:0}.comment-inline-editor-header-actions{position:relative;display:inline-flex;align-items:center;gap:4px}.comment-icon-action-button{border:0;background:transparent;color:var(--sem-text-primary);width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.comment-icon-action-button:hover{background:color-mix(in srgb,var(--sem-text-muted) 18%,transparent)}.comment-options-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;border:0;border-radius:10px;background:color-mix(in srgb,var(--sem-surface-backdrop) 92%,transparent);box-shadow:0 10px 24px var(--cmp-canvas-glass-shadow-color);padding:4px;z-index:5}.comment-options-menu-item{width:100%}.comment-inline-editor-thread{padding:8px 10px 0;display:grid;gap:8px;max-height:min(240px,calc(100vh - 220px));overflow:auto}.comment-thread-message-row{display:grid;grid-template-columns:22px 1fr;gap:6px}.comment-thread-avatar{width:22px;height:22px;border-radius:999px;background:var(--ec-accent-info);color:var(--sem-text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--sem-typography-ui-label-sm);font-weight:600;text-transform:uppercase}.comment-thread-message-content{min-width:0;display:grid;gap:3px}.comment-thread-message-meta{display:flex;align-items:baseline;gap:6px;color:var(--sem-text-primary)}.comment-thread-message-meta strong{font-size:var(--sem-typography-ui-label-sm);font-weight:600}.comment-thread-message-meta span{font-size:var(--sem-typography-ui-caption-xs);color:var(--sem-text-muted)}.comment-thread-root-editor{width:calc(100% - 2px);border-radius:9px;background:color-mix(in srgb,var(--sem-surface-backdrop) 72%,transparent);border:0;color:var(--sem-text-primary);padding:6px 8px;font:inherit;resize:none;min-height:34px;max-height:72px;line-height:1.25}.comment-thread-message-text{margin:0;display:inline-block;max-width:100%;border-radius:9px;border:0;background:color-mix(in srgb,var(--sem-surface-backdrop) 64%,transparent);padding:5px 8px;color:var(--sem-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--sem-typography-ui-body-sm);line-height:1.25}.comment-inline-reply-composer{display:grid;grid-template-columns:24px 1fr;gap:6px;align-items:flex-start;padding:6px 8px;border-top:0}.comment-inline-reply-avatar{width:24px;height:24px;border-radius:999px;background:var(--ec-accent-info);color:var(--sem-text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--sem-typography-ui-label-sm);font-weight:600;text-transform:uppercase}.comment-inline-reply-input{border:0;border-radius:10px;background:color-mix(in srgb,var(--sem-surface-backdrop) 56%,transparent);overflow:hidden;display:grid;gap:0}.comment-inline-reply-input textarea{width:100%;border:0;background:transparent;color:var(--sem-text-primary);padding:6px 8px;font:inherit;resize:none;min-height:30px;max-height:68px;line-height:1.25}.comment-inline-reply-input textarea:focus{outline:none}.comment-inline-reply-composer-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 7px;border-top:0}.comment-inline-reply-tool{border:0;background:transparent;color:var(--sem-text-secondary);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.comment-inline-reply-tool:hover{background:color-mix(in srgb,var(--sem-text-muted) 16%,transparent)}.comment-inline-reply-tool svg{width:16px;height:16px}.comment-inline-reply-send-button{border:0;border-radius:999px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--sem-text-primary);background:var(--ec-accent-info);cursor:pointer}.comment-inline-reply-send-button svg{width:14px;height:14px}.comment-inline-reply-send-button:disabled{opacity:.45;cursor:not-allowed}.comment-resolved-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:120;display:inline-flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:16px;border:0;background:color-mix(in srgb,var(--sem-surface-backdrop) 95%,transparent);color:var(--sem-text-primary);box-shadow:0 10px 24px var(--cmp-canvas-glass-shadow-color)}.comment-resolved-toast strong{font-size:var(--sem-typography-ui-body-md);font-weight:600}.comment-resolved-toast-action{border:0;border-radius:10px;background:color-mix(in srgb,var(--sem-surface-base) 80%,transparent);color:var(--sem-text-primary);font:inherit;width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);font-size:var(--sem-typography-ui-body-md);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.comment-resolved-toast-action:hover{background:color-mix(in srgb,var(--sem-surface-base) 90%,transparent)}.comment-resolved-toast-close{border:0;background:transparent;color:var(--sem-text-primary);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.comment-resolved-toast-close:hover{background:color-mix(in srgb,var(--sem-text-muted) 16%,transparent)}.comments-sidebar-block{border-top:1px solid color-mix(in srgb,var(--sem-border-default) 42%,transparent);margin-top:var(--ec-space-3);padding-top:var(--ec-space-3);display:grid;gap:var(--ec-space-2);min-height:0;min-width:0}.comments-sidebar-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--ec-font-sm);color:var(--sem-text-secondary)}.comments-sidebar-unread{color:var(--ec-accent-info)}.comments-sidebar-list{display:grid;gap:var(--ec-space-2);max-height:calc(200px * var(--ec-density));overflow:auto;min-width:0}.comments-sidebar-item{border:0;border-radius:var(--ec-control-radius);background:color-mix(in srgb,var(--sem-surface-backdrop) 70%,transparent);color:var(--sem-text-primary);text-align:left;padding:var(--ec-space-2);display:grid;gap:4px;cursor:pointer;min-width:0}.comments-sidebar-item.active{background:color-mix(in srgb,var(--ec-accent-subtle-surface) 78%,var(--ec-bg-base))}.comments-sidebar-item-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--ec-font-sm)}.comments-sidebar-item-text{font-size:var(--ec-font-sm);color:var(--sem-text-secondary);overflow-wrap:anywhere}.comments-sidebar-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--ec-font-xs);color:var(--sem-text-muted)}.comments-sidebar-unread-dot{color:var(--ec-accent-info);font-weight:600}.canvas-collab-presence{position:absolute;left:22px;top:22px;z-index:20;display:flex;flex-direction:column;gap:6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.canvas-collab-presence-item{display:inline-flex;align-items:center;gap:0;min-height:var(--ec-control-height);padding:3px;border-radius:var(--canvas-ui-radius);width:fit-content;transition:background-color .18s ease,padding-right .22s ease;background:var(--canvas-glass-surface);box-shadow:none;color:var(--sem-text-secondary);font-size:var(--sem-typography-ui-body-sm)}.canvas-collab-presence-item:hover,.canvas-collab-presence-item:focus-within{background:var(--canvas-glass-surface);padding-right:10px}.canvas-collab-presence-avatar{width:var(--ec-control-height);height:var(--ec-control-height);border-radius:var(--canvas-ui-radius-sm);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:0;background:color-mix(in srgb,var(--ec-overlay-surface-strong) 78%,transparent);color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-caption-xs);font-weight:600}.canvas-collab-presence-name{max-width:0;opacity:0;margin-left:0;overflow:hidden;white-space:nowrap;transform:translate(-4px);transition:max-width .22s ease,opacity .16s ease,margin-left .22s ease,transform .22s ease}.canvas-collab-presence-item:hover .canvas-collab-presence-name,.canvas-collab-presence-item:focus-within .canvas-collab-presence-name{max-width:180px;opacity:1;margin-left:8px;transform:translate(0)}.canvas-collab-presence-avatar img{width:100%;height:100%;object-fit:cover}.canvas-collab-lock-banner{position:absolute;left:22px;top:78px;z-index:20;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--sem-state-warning) 44%,transparent);background:color-mix(in srgb,var(--ec-overlay-surface-strong) 88%,transparent);color:var(--sem-text-primary);font-size:var(--sem-typography-ui-body-sm);box-shadow:none}.canvas-collab-lock-avatar{width:18px;height:18px;border-radius:var(--ec-control-radius);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ec-overlay-border-base) 58%,transparent);background:color-mix(in srgb,var(--ec-overlay-surface-strong) 78%,transparent);color:var(--ec-text-secondary);font-size:var(--sem-typography-ui-caption-xs);font-weight:600}.canvas-collab-lock-avatar img{width:100%;height:100%;object-fit:cover}.export-rows{display:flex;flex-direction:column;gap:var(--ec-space-2)}.export-row-card{border:0;border-radius:var(--ec-control-radius);padding:var(--ec-space-3);background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);min-width:0}.export-row-header{justify-content:space-between;align-items:center;margin-bottom:var(--ec-space-2);flex-wrap:wrap;row-gap:var(--ec-space-1)}.export-row-title{font-size:var(--ec-font-md);font-weight:600;line-height:1.2;color:var(--inspector-v2-text)}.export-row-toggle{margin-right:auto;margin-left:var(--ec-space-2)}.export-row-actions{display:inline-flex;align-items:center;gap:var(--ec-space-2)}.export-row-card .inspector-grid{row-gap:var(--ec-space-1)}.inspector-v2-panel .export-row-card .inspector-field-label{color:var(--inspector-v2-muted)}.inspector-v2-panel .export-row-card input,.inspector-v2-panel .export-row-card select,.inspector-v2-panel .export-row-card textarea{background:var(--inspector-v2-control-surface);color:var(--inspector-v2-text);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-panel .export-row-card input:hover:not(:disabled),.inspector-v2-panel .export-row-card select:hover:not(:disabled),.inspector-v2-panel .export-row-card textarea:hover:not(:disabled){background:var(--inspector-v2-control-surface-hover)}.inspector-v2-panel .export-row-card .btn-square{background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border)}.inspector-v2-panel .export-row-card .btn-square:hover:not(:disabled){background:var(--inspector-v2-control-surface-hover)}.export-errors{margin-top:8px;display:flex;flex-direction:column;gap:var(--ec-space-1)}.export-error-item{color:color-mix(in srgb,var(--sem-state-danger) 55%,var(--sem-accent-on))}.export-global-error{color:color-mix(in srgb,var(--sem-state-danger) 55%,var(--sem-accent-on));margin-top:8px}.export-job-status{margin-top:10px;padding:8px;border:0;border-radius:8px;background:var(--inspector-v2-control-surface);box-shadow:inset 0 0 0 1px var(--inspector-v2-control-border);display:flex;flex-direction:column;gap:4px}.animation-grid,.timeline-grid{row-gap:var(--ec-space-1)}.timeline-playhead-value{align-self:center}.timeline-scrubber-row{grid-column:1 / -1;min-width:0}.timeline-scrubber-row input[type=range]{width:100%;margin:0}.timeline-visualization-controls{grid-column:1 / -1;display:flex;justify-content:flex-end}.timeline-visualization-shell{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--ec-space-1);min-width:0}.timeline-visualization-axis{display:flex;justify-content:space-between;font-size:var(--ec-font-xs)}.timeline-visualization-surface{position:relative;border:1px solid color-mix(in srgb,var(--sem-border-subtle) 70%,transparent);background:color-mix(in srgb,var(--sem-surface-overlay) 56%,transparent);border-radius:10px;padding:var(--ec-space-2);display:flex;flex-direction:column;gap:var(--ec-space-2);min-width:0;cursor:ew-resize;-webkit-user-select:none;user-select:none}.timeline-visualization-surface:focus-visible{outline:2px solid color-mix(in srgb,var(--sem-accent-primary) 58%,transparent);outline-offset:1px}.timeline-visualization-playhead{position:absolute;top:var(--ec-space-2);bottom:var(--ec-space-2);width:2px;transform:translate(-1px);pointer-events:none;background:color-mix(in srgb,var(--sem-accent-primary) 72%,var(--sem-accent-on))}.timeline-track-row{display:flex;flex-direction:column;gap:4px;min-width:0}.timeline-track-row.is-selected .timeline-track-label{color:color-mix(in srgb,var(--sem-accent-primary) 78%,var(--sem-accent-on))}.timeline-track-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ec-space-2);min-width:0}.timeline-track-label{font-size:var(--ec-font-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-track-detail{font-size:var(--ec-font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-track-lane{position:relative;height:14px;border-radius:999px;background:color-mix(in srgb,var(--sem-surface-neutral) 62%,transparent);overflow:hidden}.timeline-track-lane-backgroundVideo{background:color-mix(in srgb,var(--sem-accent-primary) 24%,transparent)}.timeline-track-lane-nodeAnimation{background:color-mix(in srgb,var(--sem-state-info) 24%,transparent)}.timeline-track-segment{position:absolute;top:1px;bottom:1px;border-radius:999px;background:color-mix(in srgb,var(--sem-state-info) 70%,var(--sem-accent-on));pointer-events:none}.timeline-track-lane-backgroundVideo .timeline-track-segment{background:color-mix(in srgb,var(--sem-accent-primary) 75%,var(--sem-accent-on))}.timeline-track-marker{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);pointer-events:none;background:color-mix(in srgb,var(--sem-border-strong) 60%,var(--sem-accent-on))}.timeline-track-marker-loopStart,.timeline-track-marker-loopEnd{background:color-mix(in srgb,var(--sem-state-warning) 62%,var(--sem-accent-on))}.timeline-visualization-empty{padding:var(--ec-space-3) var(--ec-space-2);font-size:var(--ec-font-sm)}.timeline-visualization-hint{font-size:var(--ec-font-xs)}.timeline-actions-row{grid-column:1 / -1;display:inline-flex;flex-wrap:wrap;gap:var(--ec-space-2)}.timeline-video-meta{grid-column:1 / -1}.media-tab-shell{display:grid;grid-template-rows:minmax(0,1fr);gap:0;min-height:100%;height:100%;min-width:0}.media-tab-toolbar{display:flex;flex-wrap:wrap;gap:var(--ec-space-2);align-items:center}.media-button{border:0;background:var(--ec-tab-media-button-surface);color:var(--ec-tab-media-button-text);border-radius:var(--ec-control-radius);min-height:calc(30px * var(--ec-density));padding:var(--ec-space-2) var(--ec-space-3);font-size:var(--ec-font-sm);cursor:pointer}.media-button:hover{background:color-mix(in srgb,var(--ec-tab-media-button-surface) 72%,var(--ec-control-bg-hover))}.media-button:disabled{opacity:.55;cursor:not-allowed}.media-button.danger{color:var(--ec-tab-media-danger-text)}.media-status-row{display:flex;gap:var(--ec-space-4);color:var(--ec-tab-media-accent-info);font-size:var(--ec-font-sm)}.media-error{color:var(--ec-tab-media-danger-text);font-size:var(--ec-font-sm)}.media-info{color:var(--ec-tab-media-accent-info-soft);font-size:var(--ec-font-sm)}.media-split-layout{display:grid;grid-template-columns:minmax(176px,204px) minmax(0,1fr);gap:var(--ec-space-3);min-height:100%;height:100%;min-width:0}.media-left-pane,.media-right-pane{min-height:0;height:100%}.media-left-pane{overflow:auto;border:none;border-radius:0;background:transparent;padding-right:0;min-width:0}.media-left-pane-head{position:sticky;top:0;z-index:1;font-size:var(--ec-font-sm);font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--ec-tab-media-sidebar-header-text);background:var(--ec-tab-media-sidebar-header-bg);border-radius:var(--ec-control-radius);padding:var(--ec-space-2) var(--ec-space-3);margin:0 var(--ec-space-1) var(--ec-space-1)}.ui-label{font-size:var(--ec-label-font-size);letter-spacing:.01em;line-height:1.2;text-transform:none}.inspector-field-label{color:var(--ec-text-muted);font-weight:500}.media-folder-tree{padding:0;min-height:100%;min-width:0}.media-folder-row{display:flex;align-items:center;gap:var(--ec-space-2);min-height:var(--ec-control-height);padding-top:var(--ec-space-1);padding-bottom:var(--ec-space-1);padding-right:6px;margin:0 0 var(--ec-space-2);border:0;border-radius:var(--ec-control-radius);background:var(--ec-tab-media-folder-row);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .16s ease,color .16s ease}.media-folder-row:hover{background:var(--ec-tab-media-folder-row-hover)}.media-folder-row.active{background:var(--ec-tab-media-folder-row-active)}.media-folder-row.dragging{opacity:.58}.media-folder-row.drop-inside{outline:0;background:color-mix(in srgb,var(--ec-tab-editor-drop-target) 20%,var(--canvas-ui-active-surface))}.media-folder-row.drop-before,.media-folder-row.drop-after{box-shadow:none;background:color-mix(in srgb,var(--ec-tab-editor-drop-line) 18%,var(--canvas-ui-active-surface))}.media-folder-tree.drop-inside{border:0;border-radius:var(--canvas-ui-radius-sm);background:color-mix(in srgb,var(--canvas-ui-active-surface) 45%,transparent)}.media-folder-toggle{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);border:none;background:transparent;color:var(--ec-text-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.media-folder-toggle-spacer{width:var(--ec-control-height);height:var(--ec-control-height);display:inline-block}.media-folder-icon{width:var(--ec-control-height);text-align:center;color:var(--ec-tab-media-folder-icon);display:inline-flex;align-items:center;justify-content:center}.media-folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ec-font-sm);font-weight:500;color:var(--ec-text-primary)}.media-folder-count{color:var(--ec-text-muted);font-size:var(--ec-font-xs)}.media-folder-badge{font-size:var(--ec-font-xs);color:var(--ec-text-secondary);background:var(--ec-accent-subtle-surface);border:0;border-radius:999px;padding:1px var(--ec-space-2)}.media-right-pane{display:flex;flex-direction:column;min-width:0}.media-asset-pane{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100%;height:100%;flex:1 1 auto;min-width:0;padding:var(--ec-space-3);gap:var(--ec-space-2);border:none;border-radius:var(--canvas-ui-radius);background:var(--ec-tab-media-pane-surface)}.media-asset-pane-content-inner{grid-row:1 / -1;width:100%;max-width:980px;min-width:0;margin:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100%;height:100%;gap:var(--ec-space-2)}.media-asset-pane-header{display:grid;gap:var(--ec-space-2);min-width:0}.media-asset-pane-headline-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ec-space-2);min-width:0;flex-wrap:wrap}.media-asset-pane-title{font-weight:600;font-size:var(--ec-font-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-status-chip-row{display:flex;flex-wrap:wrap;gap:var(--ec-space-2)}.media-status-chip{display:inline-flex;align-items:center;max-width:100%;padding:var(--ec-space-1) var(--ec-space-3);border-radius:var(--canvas-ui-radius-sm);border:0;background:var(--ec-overlay-surface-strong);color:var(--ec-text-secondary);font-size:var(--ec-font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-status-chip.info{background:color-mix(in srgb,color-mix(in srgb,var(--ec-accent-info) 28%,transparent) 70%,var(--ec-overlay-surface-strong));color:var(--sem-text-primary)}.media-status-chip.error{background:color-mix(in srgb,color-mix(in srgb,var(--sem-state-danger) 28%,transparent) 72%,var(--ec-overlay-surface-strong));color:color-mix(in srgb,var(--sem-state-danger) 40%,var(--sem-accent-on))}.media-action-icon-row{display:inline-flex;align-items:center;gap:var(--ec-space-2);min-width:0;flex-wrap:wrap}.media-icon-button{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);border:0;border-radius:var(--canvas-ui-radius-sm);background:var(--glass-surface);color:var(--ec-tab-media-button-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}.media-icon-button:hover{background:var(--canvas-ui-hover-surface)}.media-icon-button:disabled{opacity:.45;cursor:not-allowed}.media-icon-button.danger{color:var(--ec-tab-media-danger-text)}.media-asset-toolbar{display:flex;flex-wrap:wrap;gap:var(--ec-space-2);align-items:center;min-width:0}.media-input,.media-select{border:0;border-radius:var(--ec-control-radius);background:var(--ec-control-bg);color:var(--ec-text-primary);min-height:var(--ec-control-height);padding:0 var(--ec-space-3);font-size:var(--ec-font-sm)}.media-input{min-width:124px;flex:1 1 180px}.media-checkbox{display:inline-flex;align-items:center;gap:var(--ec-space-2);font-size:var(--ec-font-sm);min-height:var(--ec-control-height)}.media-view-toggle{display:inline-flex;border:0;border-radius:var(--ec-control-radius);overflow:hidden;background:color-mix(in srgb,var(--ec-tab-media-asset-card) 72%,var(--ec-bg-base))}.media-mini-button{border:none;background:var(--ec-control-bg);color:var(--ec-text-secondary);width:var(--ec-control-height);height:var(--ec-control-height);padding:0;cursor:pointer;font-size:var(--ec-font-sm);display:inline-flex;align-items:center;justify-content:center}.media-mini-button.active{background:color-mix(in srgb,var(--sem-surface-base) 86%,var(--sem-surface-backdrop));color:var(--ec-text-strong)}.media-asset-meta{color:var(--ec-text-muted);font-size:var(--ec-font-sm)}.media-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:var(--ec-space-2);min-height:0;overflow:auto;align-content:start}.media-asset-list{display:grid;grid-template-columns:1fr;gap:var(--ec-space-2);min-height:0;overflow:auto;align-content:start}.media-asset-item{border:0;border-radius:var(--ec-control-radius);background:var(--ec-tab-media-asset-card);color:inherit;text-align:left;padding:var(--ec-space-3);display:grid;gap:var(--ec-space-2);cursor:pointer}.media-asset-item.selected{background:var(--ec-tab-media-asset-selected-surface)}.media-asset-thumb{border-radius:var(--ec-control-radius);background:var(--sem-surface-backdrop);overflow:hidden;border:0;height:calc(90px * var(--ec-density));display:grid;place-items:center}.media-asset-thumb img{width:100%;height:100%;object-fit:contain;object-position:center}.media-asset-video-tag{font-size:var(--sem-typography-ui-label-sm);color:var(--ec-tab-media-accent-info)}.media-asset-video-preview{width:100%;height:100%;object-fit:contain;display:block;background:var(--sem-surface-backdrop)}.media-asset-name{font-size:var(--ec-font-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-asset-subline{font-size:var(--ec-font-xs);color:var(--ec-text-muted)}.media-empty-state{color:var(--ec-text-muted);font-size:var(--ec-font-sm)}.media-upload-hint{border:0;border-radius:var(--ec-control-radius);padding:var(--ec-space-3);color:var(--ec-text-muted);font-size:var(--ec-font-sm);text-align:center}.media-context-menu{position:fixed;min-width:200px;border:0;border-radius:var(--ec-control-radius);background:var(--ec-bg-base);box-shadow:0 12px 36px color-mix(in srgb,var(--sem-surface-backdrop) 36%,transparent);z-index:999;padding:var(--ec-space-2);display:grid;gap:var(--ec-space-1)}.media-context-item{border:0;background:transparent;color:inherit;min-height:var(--ec-control-height);padding:var(--ec-space-2) var(--ec-space-3);border-radius:var(--ec-control-radius);text-align:left;cursor:pointer;font-size:var(--ec-font-sm)}.media-context-item-icon{width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;display:inline-flex;align-items:center;justify-content:center}.media-context-item:hover{background:color-mix(in srgb,var(--sem-text-muted) 14%,transparent)}.media-context-item.danger{color:var(--ec-tab-media-danger-text)}.theme-debug-panel-root{position:fixed;right:16px;bottom:16px;z-index:2100;display:grid;justify-items:end;gap:8px;pointer-events:none}.theme-debug-panel-toggle,.theme-debug-panel-actions button{pointer-events:auto;border:0;border-radius:var(--ec-control-radius);background:var(--ec-ui-surface-2);color:var(--ec-ui-content-1);width:var(--ec-control-height);min-width:var(--ec-control-height);height:var(--ec-control-height);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--sem-typography-ui-label-sm);font-weight:600;cursor:pointer}.theme-debug-panel-toggle:hover,.theme-debug-panel-actions button:hover{background:var(--ec-ui-surface-2)}.theme-debug-panel-actions button:disabled{opacity:.45;cursor:default}.theme-debug-panel-card{pointer-events:auto;width:min(320px,calc(100vw - 24px));max-height:min(72vh,580px);overflow:auto;border-radius:14px;background:color-mix(in srgb,var(--ec-ui-surface-2) 94%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);padding:10px;display:grid;gap:10px}.theme-debug-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--ec-ui-content-2);font-size:var(--sem-typography-ui-caption-xs)}.theme-debug-panel-header strong{color:var(--ec-ui-content-1);font-size:var(--sem-typography-ui-label-sm)}.theme-debug-panel-grid{display:grid;gap:8px}.theme-debug-panel-row{display:grid;gap:4px;color:var(--ec-ui-content-2);font-size:var(--sem-typography-ui-caption-xs)}.theme-debug-panel-input-wrap{display:flex;align-items:center;gap:8px;min-width:0}.theme-debug-panel-input-wrap input[type=color]{width:36px;height:24px;border:0;padding:0;background:transparent;cursor:pointer}.theme-debug-panel-input-wrap code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ec-ui-content-2);font-size:var(--sem-typography-ui-caption-xs)}.theme-debug-panel-actions{display:flex;justify-content:flex-end}