.ec-appearance-sheet{align-content:start;gap:18px;display:grid;overflow-y:auto}.ec-appearance-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.ec-appearance-body{gap:16px;display:grid}.ec-appearance-section-heading{gap:4px;display:grid}.ec-appearance-section-heading h3,.ec-appearance-note p{margin:0}.ec-appearance-section-heading h3,.ec-appearance-note strong{font-size:var(--ec-text-sm);font-weight:600}.ec-appearance-section-heading p,.ec-appearance-note p{color:var(--muted-foreground);font-size:var(--ec-text-xs);margin:0;line-height:1.5}.ec-appearance-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ec-appearance-mode{border-color:var(--border);background:var(--surface);text-align:left;white-space:normal;justify-content:flex-start;align-items:flex-start;gap:10px;height:auto;min-height:72px;padding:12px}.ec-appearance-mode:hover{border-color:var(--input);background:var(--muted)}.ec-appearance-mode[aria-checked=true]{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));background:var(--accent);color:var(--accent-foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}.ec-appearance-mode>span:last-child{gap:3px;min-width:0;display:grid}.ec-appearance-mode strong{font-size:var(--ec-text-sm);font-weight:600}.ec-appearance-mode small{color:var(--muted-foreground);font-size:var(--ec-text-xs);font-weight:400;line-height:1.4}.ec-appearance-mode[aria-checked=true] small{color:color-mix(in srgb, var(--accent-foreground) 72%, var(--muted-foreground))}.ec-appearance-mode-icon{border:1px solid var(--border);background:var(--background);width:30px;height:30px;color:var(--muted-foreground);border-radius:7px;flex:0 0 30px;place-items:center;display:grid}.ec-appearance-mode[aria-checked=true] .ec-appearance-mode-icon{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--surface);color:var(--primary)}.ec-appearance-note{border:1px solid var(--border);background:var(--background);border-radius:8px;gap:4px;padding:12px;display:grid}@media (width<=767px){.ec-appearance-sheet-mobile{max-height:min(78dvh,34rem)}.ec-appearance-mode-grid{grid-template-columns:1fr}.ec-appearance-mode{min-height:68px}}:root{font-family:var(--ec-font-sans,ui-sans-serif, system-ui, sans-serif);background:var(--background);color:var(--foreground);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--surface);min-width:320px;min-height:100dvh;color:var(--foreground);font-size:var(--ec-text-sm);margin:0}button,a,input,textarea,select{font:inherit}a{color:var(--primary);text-underline-offset:3px}a:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}.ec-app-shell{isolation:isolate;grid-template-columns:var(--ec-shell-sidebar-width) minmax(0, 1fr);grid-template-rows:var(--ec-shell-topbar-height) minmax(0, 1fr) var(--ec-shell-statusbar-height);background:var(--surface);width:100%;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.ec-skip-link{z-index:120;border:1px solid var(--ring);border-radius:var(--ec-radius-sm);background:var(--popover);color:var(--foreground);font-size:var(--ec-text-xs);box-shadow:var(--ec-shadow-panel);transition:transform var(--ec-fast) var(--ec-ease-out);padding:7px 10px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.ec-skip-link:focus{transform:translateY(0)}.ec-app-shell-sidebar{background:var(--surface);border-right:0;grid-area:1/1/4;min-width:0;min-height:0;overflow:hidden}.ec-app-shell-brand{height:var(--ec-shell-topbar-height);border-bottom:0;align-items:center;gap:10px;padding:0 14px;display:flex}.ec-app-shell-brand-mark{border:1px solid var(--border);background:var(--surface-raised);width:30px;height:30px;color:var(--primary);letter-spacing:-.02em;border-radius:10px;flex:0 0 30px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.ec-app-shell-brand-label,.ec-app-shell-topbar-title{min-width:0;color:var(--foreground);font-size:var(--ec-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ec-app-shell-nav-scroll{height:calc(100% - var(--ec-shell-topbar-height));background:0 0;border:0;border-radius:0}.ec-app-shell-navigation-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ec-app-shell-navigation-item{min-width:0}.ec-app-shell-navigation-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ec-app-shell-topbar{min-width:0;height:var(--ec-shell-topbar-height);background:var(--surface);border-bottom:0;grid-area:1/2;align-items:center;gap:8px;padding:0 12px;display:flex}.ec-app-shell-menu-trigger{display:none}.ec-app-shell-topbar-spacer{flex:1;min-width:0}.ec-app-shell-workspace{min-width:0;min-height:0;margin:0 var(--ec-shell-gutter) var(--ec-shell-gutter) 0;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--ec-radius-window);background:var(--background);box-shadow:var(--ec-shadow-sm);grid-area:2/2;overflow:auto}.ec-app-shell-empty{min-height:100%;color:var(--muted-foreground);font-size:var(--ec-text-sm);place-items:center;padding:24px;display:grid}.ec-app-shell-statusbar{min-width:0;height:var(--ec-shell-statusbar-height);background:var(--surface);color:var(--muted-foreground);font-size:var(--ec-text-2xs);white-space:nowrap;border-top:0;grid-area:3/2;align-items:center;gap:7px;padding:0 12px;display:flex;overflow:hidden}.ec-app-shell-status-dot{background:var(--success);border-radius:999px;flex:0 0 6px;width:6px;height:6px}.ec-app-shell[data-status=saving] .ec-app-shell-status-dot{background:var(--warning)}.ec-app-shell[data-status=error] .ec-app-shell-status-dot,.ec-app-shell[data-status=blocked] .ec-app-shell-status-dot{background:var(--destructive)}.ec-app-shell-mobile-sheet{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;display:grid}.ec-app-shell-mobile-sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.ec-app-shell-mobile-nav-scroll{background:0 0;border:0;border-radius:0;min-height:0}.workspace-bootstrap{width:min(100%,840px);min-width:0;margin:0 auto;padding:clamp(24px,3vw,40px)}.development-kicker,.route-label,.status-label{color:var(--muted-foreground);font-size:var(--ec-text-xs);letter-spacing:.01em;margin:0;font-weight:600}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(1.55rem,3vw,2rem);font-weight:600;line-height:1.15}h2{margin-bottom:8px;font-size:1rem;font-weight:600}.development-summary,.status-detail,.project-home p,.architecture-help p{color:var(--muted-foreground);line-height:1.55}.development-status,.project-home,.architecture-help{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.development-status{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.status-dot{background:var(--primary);border-radius:999px;width:8px;height:8px;margin-top:6px}.development-status[data-state=blocked] .status-dot{background:var(--destructive)}.status-value{margin:4px 0;font-weight:600}.status-detail,.project-home p,.architecture-help p{margin-bottom:0}.architecture-help code{color:var(--foreground);font-family:var(--ec-font-mono);font-size:var(--ec-text-xs);margin-top:12px;display:inline-block}@media (width>=1024px) and (width<=1279px){.ec-app-shell{grid-template-columns:64px minmax(0,1fr)}.ec-app-shell-brand{justify-content:center;padding:0}.ec-app-shell-brand-label,.ec-app-shell-navigation{display:none}}@media (width<=1023px){.ec-app-shell{grid-template-columns:minmax(0,1fr)}.ec-app-shell-sidebar{display:none}.ec-app-shell-topbar,.ec-app-shell-workspace,.ec-app-shell-statusbar{grid-column:1}.ec-app-shell-workspace{margin-left:var(--ec-shell-gutter)}.ec-app-shell-menu-trigger{display:inline-flex}}@media (width<=767px){.ec-app-shell-topbar{padding-inline:6px}.ec-app-shell-workspace{border-radius:var(--ec-radius-panel);margin:0 6px 6px}.ec-app-shell-mobile-sheet{width:min(100vw,360px)}.workspace-bootstrap{padding:20px 16px 28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ec-app-shell-sidebar{grid-template-rows:var(--ec-shell-topbar-height) minmax(0, 1fr) 40px;display:grid}.ec-app-shell-nav-scroll{height:100%}.ec-app-shell-navigation{padding:8px 10px}.ec-app-shell-navigation-group+.ec-app-shell-navigation-group{margin-top:12px}.ec-app-shell-navigation-group-label{color:var(--muted-foreground);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0 0 4px;padding:0 10px;font-size:.625rem;font-weight:500;line-height:20px;overflow:hidden}.ec-app-shell-navigation-list{gap:2px;padding:0}.ec-app-shell-navigation-item{min-height:0;padding:0}.ec-app-shell-navigation-link{width:100%;min-width:0;min-height:34px;color:var(--foreground);font-size:var(--ec-text-sm);transition:color var(--ec-fast) ease, background-color var(--ec-fast) ease, border-color var(--ec-fast) ease;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:6px 10px;font-weight:500;line-height:1.25;text-decoration:none;display:flex}.ec-app-shell-navigation-link:hover{background:var(--muted)}.ec-app-shell-navigation-link:focus-visible{outline:2px solid color-mix(in srgb, var(--ring) 55%, transparent);outline-offset:-2px}.ec-app-shell-navigation-link[aria-current=page]{background:var(--accent);color:var(--accent-foreground);border-color:#0000;font-weight:600}.ec-app-shell-navigation-link[aria-current=page]:before{display:none}.ec-app-shell-navigation-icon{width:16px;height:16px;color:var(--muted-foreground);flex:0 0 16px}.ec-app-shell-navigation-link:hover .ec-app-shell-navigation-icon{color:var(--foreground)}.ec-app-shell-navigation-link[aria-current=page] .ec-app-shell-navigation-icon{color:var(--primary)}.ec-app-shell-sidebar-footer{border-top:0;align-items:center;padding:4px 10px 6px;display:flex}.ec-app-shell-collapse-trigger{border-radius:10px;justify-content:flex-start;width:100%}.ec-app-shell-collapse-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=1280px){.ec-app-shell[data-sidebar-collapsed=true]{grid-template-columns:64px minmax(0,1fr)}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-brand{justify-content:center;padding-inline:0}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-brand-label,.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-group-label,.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-label,.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-collapse-label{display:none}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation{padding-inline:6px}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-link{justify-content:center;padding-inline:0;position:relative}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-collapse-trigger{justify-content:center;padding-inline:0}}@media (width>=1024px) and (width<=1279px){.ec-app-shell-sidebar{grid-template-rows:var(--ec-shell-topbar-height) minmax(0, 1fr)}.ec-app-shell-navigation{padding-inline:6px;display:block}.ec-app-shell-navigation-group-label,.ec-app-shell-navigation-label,.ec-app-shell-sidebar-footer{display:none}.ec-app-shell-navigation-link{justify-content:center;padding-inline:0;position:relative}}@media (width<=1023px){.ec-app-shell-sidebar{display:none}.ec-app-shell-mobile-sheet .ec-app-shell-navigation{padding:0}.ec-app-shell-mobile-sheet .ec-app-shell-navigation-group+.ec-app-shell-navigation-group{margin-top:12px}}@media (width<=767px){.ec-app-shell-mobile-sheet .ec-app-shell-navigation-link{min-height:44px;padding-inline:12px}}.ec-topbar{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ec-topbar-left,.ec-topbar-center,.ec-topbar-right,.ec-topbar-tool-cluster{align-items:center;min-width:0;display:flex}.ec-topbar-left{gap:6px;overflow:hidden}.ec-topbar-breadcrumb{min-width:0;color:var(--muted-foreground);font-size:var(--ec-text-xs);white-space:nowrap;align-items:center;gap:5px;display:flex}.ec-topbar-breadcrumb strong{max-width:180px;color:var(--foreground);text-overflow:ellipsis;font-weight:600;overflow:hidden}.ec-topbar-project,.ec-topbar-save,.ec-topbar-local,.ec-topbar-tool{min-height:32px;color:var(--muted-foreground);font-size:var(--ec-text-xs);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.ec-topbar-project{color:var(--foreground)}.ec-topbar-save[data-save-state=error],.ec-topbar-save[data-save-state=blocked]{background:color-mix(in srgb, var(--destructive) 8%, transparent);color:var(--destructive)}.ec-topbar-save[data-save-state=saving]{background:color-mix(in srgb, var(--warning) 8%, transparent);color:var(--warning)}.ec-topbar-save[data-save-state=ready]{color:var(--muted-foreground);background:0 0}.ec-topbar-center{flex:1;justify-content:center}.ec-topbar-tool-cluster{border:1px solid var(--border);background:var(--background);border-radius:10px;gap:2px;padding:2px}.ec-topbar-tool-cluster .ec-topbar-tool{background:0 0;border-color:#0000}.ec-topbar-tool-cluster .ec-topbar-tool:hover{background:var(--muted);color:var(--foreground)}.ec-topbar-tool svg,.ec-topbar-right svg,.ec-topbar-tool-cluster button svg{color:currentColor;width:15px;height:15px}.ec-topbar-right{gap:4px;margin-left:auto}.ec-topbar-preview{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:8px}.ec-topbar-preview:hover{background:var(--muted)}.ec-topbar-export{box-shadow:none;border-radius:8px;border-color:var(--primary)!important;background:var(--primary)!important;color:var(--primary-foreground)!important}.ec-topbar-export:hover{filter:none;box-shadow:none;background:color-mix(in srgb, var(--primary) 92%, black)!important}.ec-topbar-tools-trigger{display:none}.ec-topbar-local{padding-inline:7px}.ec-topbar-local-dot{background:var(--success);border-radius:999px;width:6px;height:6px}.ec-topbar-sheet{grid-template-rows:auto minmax(0,1fr);gap:16px;display:grid}.ec-topbar-sheet-body{align-content:start;gap:16px;min-height:0;padding-top:4px;display:grid;overflow:auto}.ec-topbar-sheet .ec-topbar-tool-cluster{background:0 0;border:0;grid-template-columns:1fr 1fr;gap:6px;padding:0;display:grid}.ec-topbar-sheet .ec-topbar-tool{border:1px solid var(--border);background:var(--background);border-radius:10px;justify-content:flex-start;min-height:38px;padding-inline:10px}.ec-topbar-help-list{color:var(--muted-foreground);font-size:var(--ec-text-xs);gap:8px;margin:0;padding-left:18px;line-height:1.5;display:grid}.ec-topbar-settings-section{gap:6px;display:grid}.ec-topbar-settings-section h2,.ec-topbar-setting-row p{margin:0}.ec-topbar-settings-section h2{font-size:var(--ec-text-sm);align-items:center;gap:6px;font-weight:600;display:flex}.ec-topbar-settings-section h2 svg{width:14px;height:14px;color:var(--muted-foreground)}.ec-topbar-setting-row{border:0;border-bottom:1px solid var(--border);min-width:0;font-size:var(--ec-text-xs);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 0 10px;display:flex}.ec-topbar-setting-row p{color:var(--muted-foreground);margin-top:3px}@media (width<=1439px){.ec-topbar-center{display:none}.ec-topbar-tools-trigger{display:inline-flex}}@media (width<=1279px){.ec-topbar-project{display:none}}@media (width<=1023px){.ec-app-shell-topbar{padding-inline:8px}.ec-topbar-preview,.ec-topbar-export,.ec-topbar-local,.ec-topbar-breadcrumb-root,.ec-topbar-save{display:none}}@media (width<=767px){.ec-app-shell-topbar{gap:4px;padding-inline:6px}.ec-topbar{gap:4px}.ec-topbar-left{flex:1}.ec-topbar-breadcrumb strong{max-width:min(34vw,132px)}.ec-topbar-action-label{display:none}.ec-topbar-tools-trigger,.ec-topbar-help-trigger,.ec-topbar-settings-trigger{justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding-inline:0}}.ec-editor-workspace,.ec-editor-desktop-layout,.ec-editor-responsive-layout,.ec-editor-responsive-canvas,.ec-editor-laptop-content,.ec-editor-region,.ec-editor-region-body,.ec-editor-canvas-stage,.ec-editor-puck-preview{min-width:0;min-height:0}.ec-editor-workspace{background:var(--background);width:100%;height:100%;overflow:hidden}.ec-resizable-tri-pane{grid-template-columns:var(--ec-resizable-left) 8px minmax(0, 1fr) 8px var(--ec-resizable-right);width:100%;height:100%;padding:8px;display:grid;overflow:hidden}.ec-resizable-tri-pane-left,.ec-resizable-tri-pane-center,.ec-resizable-tri-pane-right{min-width:0;min-height:0;overflow:hidden}.ec-resizable-pane-handle{z-index:3;cursor:col-resize;touch-action:none;background:0 0;outline:none;justify-content:center;align-items:center;min-width:8px;height:100%;display:flex;position:relative}.ec-resizable-pane-handle:before{content:"";background:var(--border);border-radius:999px;width:2px;height:32px}.ec-resizable-pane-handle:hover:before,.ec-resizable-pane-handle:focus-visible:before{background:var(--primary);width:3px}.ec-resizable-pane-handle:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ring) 28%, transparent);border-radius:999px}.ec-resizable-pane-grip{background:var(--muted-foreground);opacity:0;width:3px;height:28px;transition:opacity var(--ec-fast) ease;border-radius:999px;position:absolute}.ec-resizable-pane-handle:hover .ec-resizable-pane-grip,.ec-resizable-pane-handle:focus-visible .ec-resizable-pane-grip{opacity:.35}.ec-editor-region{border:1px solid var(--border);border-radius:var(--ec-radius-panel);background:var(--surface);width:100%;height:100%;box-shadow:var(--ec-shadow-sm);grid-template-rows:36px minmax(0,1fr);display:grid;overflow:hidden}.ec-editor-region[data-editor-region=canvas]{background:var(--surface)}.ec-editor-region-header{border-bottom:1px solid var(--border);background:var(--surface);height:36px;color:var(--foreground);font-size:var(--ec-text-xs);letter-spacing:0;align-items:center;gap:7px;padding:0 10px;font-weight:600;display:flex}.ec-editor-region-actions{min-width:0;color:var(--muted-foreground);font-size:var(--ec-text-2xs);align-items:center;gap:4px;margin-left:auto;font-weight:500;display:flex}.ec-editor-region-actions span{border:1px solid var(--border);background:var(--background);border-radius:7px;padding:1px 6px}.ec-editor-region-header svg{width:15px;height:15px;color:var(--muted-foreground)}.ec-editor-region-body{overscroll-behavior:contain;overflow:auto}.ec-editor-region[data-editor-region=canvas] .ec-editor-region-body{overflow:hidden}.ec-editor-structural-notice{border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:var(--ec-text-2xs);margin:0;padding:7px 10px;line-height:1.45}.ec-editor-puck-slot{border-bottom:1px solid var(--border);min-width:0}.ec-editor-canvas-stage{background-color:var(--background);background-image:radial-gradient(color-mix(in srgb, var(--muted-foreground) 16%, transparent) .65px, transparent .65px);background-size:16px 16px;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid;position:relative;overflow:hidden}.ec-editor-puck-preview{width:100%;height:100%;padding:var(--ec-editor-canvas-padding,18px);scrollbar-gutter:stable;overflow:auto}.ec-editor-puck-preview>*{border:1px solid var(--border);background:var(--surface);width:min(100%,1120px);min-height:calc(100% - 4px);box-shadow:var(--ec-shadow-sm);border-radius:12px;margin-inline:auto;overflow:hidden}.ec-editor-panel-tabs{border-bottom:1px solid var(--border);background:var(--surface);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;min-height:36px;padding:3px 4px;display:grid}.ec-editor-panel-tab{min-width:0;color:var(--muted-foreground);font-size:var(--ec-text-2xs);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:4px 5px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.ec-editor-panel-tab:hover{background:var(--muted);color:var(--foreground)}.ec-editor-panel-tab[aria-selected=true]{background:var(--accent);color:var(--accent-foreground);font-weight:600}.ec-editor-panel-tab svg{flex:0 0 12px;width:12px;height:12px}.ec-editor-panel-tab[aria-selected=true]:after{display:none}.ec-editor-panel-tab:focus-visible{outline:2px solid color-mix(in srgb, var(--ring) 55%, transparent);outline-offset:-2px}.ec-editor-tab-panel{min-height:0;overflow:auto}.ec-editor-panel-empty{border:1px solid var(--border);background:var(--background);font-size:var(--ec-text-xs);border-radius:10px;justify-items:start;gap:8px;margin:10px;padding:12px;display:grid}.ec-editor-panel-empty p{color:var(--muted-foreground);margin:0;line-height:1.45}.ec-editor-context-tabs,.ec-editor-inspector{background:var(--surface);grid-template-rows:36px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.ec-editor-context-tabs{height:100%}.ec-editor-responsive-layout{grid-template-rows:40px minmax(0,1fr);gap:8px;width:100%;height:100%;padding:8px;display:grid;overflow:hidden}.ec-editor-responsive-toolbar{border:1px solid var(--border);background:var(--surface);min-width:0;height:40px;box-shadow:var(--ec-shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.ec-editor-responsive-mode-label{min-width:0;color:var(--muted-foreground);font-size:var(--ec-text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ec-editor-responsive-canvas,.ec-editor-laptop-content{height:100%;overflow:hidden}.ec-editor-laptop-content{grid-template-columns:240px minmax(0,1fr);gap:8px;display:grid}.ec-editor-laptop-content>.ec-editor-region[data-editor-region=context]{border-right:1px solid var(--border)}.ec-editor-tool-sheet{grid-template-rows:auto minmax(0,1fr);gap:10px;display:grid;overflow:hidden}.ec-editor-tool-sheet-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-bottom:10px;display:grid}.ec-editor-tool-sheet-body{min-height:0;overflow:hidden}.ec-editor-tool-sheet-body>.ec-editor-region{border:1px solid var(--border);border-radius:var(--ec-radius-panel)}@media (width<=1023px){.ec-editor-tool-sheet{width:min(92vw,380px)}}@media (width<=767px){.ec-editor-responsive-layout{gap:6px;padding:6px}.ec-editor-responsive-toolbar{border-radius:10px;gap:6px;padding-inline:6px}.ec-editor-responsive-toolbar .ec-button-label-optional{display:none}.ec-editor-tool-sheet{width:min(100vw,380px);padding:12px}.ec-editor-puck-preview{padding:var(--ec-editor-canvas-padding,8px)}.ec-editor-region-actions span:first-child{display:none}}@media (width>=768px) and (width<=1023px){.ec-app-shell{grid-template-columns:56px minmax(0,1fr)}.ec-app-shell-sidebar{grid-area:1/1/4;min-width:0;display:grid}.ec-app-shell-topbar,.ec-app-shell-workspace,.ec-app-shell-statusbar{grid-column:2}.ec-app-shell-brand{justify-content:center;padding-inline:0}.ec-app-shell-sidebar .ec-app-shell-brand-label,.ec-app-shell-sidebar .ec-app-shell-navigation-group-label,.ec-app-shell-sidebar .ec-app-shell-navigation-label,.ec-app-shell-sidebar .ec-app-shell-sidebar-footer{display:none}.ec-app-shell-sidebar .ec-app-shell-navigation{padding-inline:4px;display:block}.ec-app-shell-sidebar .ec-app-shell-navigation-link{justify-content:center;min-height:44px;padding-inline:0}.ec-app-shell-sidebar .ec-app-shell-navigation-link[aria-current=page]{position:relative}.ec-app-shell-menu-trigger{display:inline-flex}.ec-editor-responsive-layout[data-editor-responsive-mode=tablet]{grid-template-rows:52px minmax(0,1fr)}.ec-editor-responsive-layout[data-editor-responsive-mode=tablet] .ec-editor-responsive-toolbar{height:52px}.ec-editor-responsive-layout[data-editor-responsive-mode=tablet] .ec-editor-responsive-toolbar button{min-height:44px}}.ec-editor-mobile-layout,.ec-editor-mobile-canvas,.ec-editor-mobile-sheet-body,.ec-editor-mobile-puck-panel{min-width:0;min-height:0}.ec-editor-mobile-layout{grid-template-rows:minmax(0,1fr) 58px;width:100%;height:100%;display:grid;overflow:hidden}.ec-editor-mobile-canvas{overflow:hidden}.ec-editor-mobile-dock{border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;height:58px;display:grid}.ec-editor-mobile-action{min-width:0;min-height:58px;color:var(--muted-foreground);transition:color var(--ec-fast) ease, background-color var(--ec-fast) ease;background:0 0;border:0;border-radius:0;grid-template-rows:22px auto;align-content:center;justify-items:center;gap:2px;padding:4px 2px;font-size:10px;font-weight:600;line-height:1.1;text-decoration:none;display:grid;position:relative}.ec-editor-mobile-action:hover,.ec-editor-mobile-action:focus-visible,.ec-editor-mobile-action[aria-current=page],.ec-editor-mobile-action[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground)}.ec-editor-mobile-action[aria-current=page]:before,.ec-editor-mobile-action[aria-pressed=true]:before{background:var(--primary);content:"";border-radius:2px;width:30px;height:2px;position:absolute;top:0}.ec-editor-mobile-action:focus-visible{outline:2px solid color-mix(in srgb, var(--ring) 55%, transparent);outline-offset:-2px}.ec-editor-mobile-action svg{color:currentColor;width:20px;height:20px}.ec-editor-mobile-action span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.ec-editor-mobile-bottom-sheet{grid-template-rows:auto minmax(0,1fr);gap:10px;height:min(76dvh,640px);padding:12px;display:grid;overflow:hidden}.ec-editor-mobile-full-sheet{grid-template-rows:auto minmax(0,1fr);gap:10px;max-width:none;padding:12px;display:grid;overflow:hidden;width:calc(100vw - 1rem)!important}.ec-editor-mobile-sheet-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-bottom:10px;display:grid}.ec-editor-mobile-sheet-header button{width:44px;min-width:44px;height:44px;min-height:44px}.ec-editor-mobile-sheet-body{overscroll-behavior:contain;overflow:auto}.ec-editor-mobile-puck-panel{height:100%;overflow:auto}.ec-editor-canvas-stage:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@media (width<=767px){.ec-app-shell-topbar{padding-inline:4px}.ec-editor-responsive-toolbar{display:none}.ec-editor-tool-sheet{width:100%}}.ec-ia-disclosure-trigger{text-align:left;border-radius:0;justify-content:flex-start;width:100%;min-height:34px;padding-inline:0}.ec-ia-disclosure-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ec-ia-disclosure-badge{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;flex:none;padding:2px 6px;font-size:10px;line-height:1.2}.ec-ia-disclosure-chevron{width:16px;height:16px;color:var(--muted-foreground);flex:0 0 16px;transition:transform .12s}.ec-ia-disclosure-trigger[data-state=open] .ec-ia-disclosure-chevron{transform:rotate(180deg)}.ec-ia-disclosure-summary{color:var(--muted-foreground);margin:-2px 0 0;font-size:11px;line-height:1.45}.ec-ia-disclosure-content{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.ec-ia-diagnostic-alert{border-left:3px solid var(--destructive);background:color-mix(in oklab, var(--destructive) 7%, transparent);gap:3px;padding:8px 10px;display:grid}.ec-ia-diagnostic-alert strong{font-size:12px}.ec-ia-diagnostic-alert p,.ec-ia-setting-detail p,.ec-ia-inspector-section>p{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.5}.ec-ia-setting-detail,.ec-ia-inspector-section{gap:8px;display:grid}.ec-ia-setting-detail-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.ec-ia-setting-detail-row strong,.ec-ia-inspector-section h3{margin:0;font-size:12px;font-weight:650}.ec-ia-setting-detail-value{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.ec-ia-route{grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;min-height:100%;display:grid;overflow:hidden}.ec-ia-route-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;min-height:54px;padding:8px 14px;display:flex}.ec-ia-route-header h1,.ec-ia-route-header h2{margin:0;font-size:14px;line-height:1.2}.ec-ia-route-kicker{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:700}.ec-ia-list-detail{grid-template-columns:minmax(240px,34%) minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.ec-ia-list-region,.ec-ia-detail-region,.ec-ia-module-empty{overscroll-behavior:contain;min-width:0;min-height:0;padding:12px 14px;overflow:auto}.ec-ia-list-region{border-right:1px solid var(--border)}.ec-ia-list-region h2{margin:0;font-size:12px}.ec-ia-module-empty{align-content:start;display:grid}.ec-editor-region[data-editor-region=inspector] .ec-ia-disclosure-trigger,.ec-topbar-settings-section .ec-ia-disclosure-trigger{min-height:32px}@media (width<=767px){.ec-ia-list-detail{grid-template-rows:minmax(180px,42%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.ec-ia-list-region{border-right:0;border-bottom:1px solid var(--border)}.ec-ia-route-header,.ec-ia-list-region,.ec-ia-detail-region,.ec-ia-module-empty{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.ec-ia-disclosure-chevron{transition:none}}.ec-route-skeleton{contain:layout paint;width:min(100%,1440px);min-height:100%;margin-inline:auto;padding:16px 20px 28px}.ec-route-skeleton-heading,.ec-route-skeleton-title,.ec-route-skeleton-toolbar,.ec-route-skeleton-actions{align-items:center;display:flex}.ec-route-skeleton-heading{justify-content:space-between;gap:20px;min-height:42px;margin-bottom:12px}.ec-route-skeleton-title,.ec-route-skeleton-actions{gap:8px}.ec-route-skeleton-toolbar{border:1px solid var(--border);border-radius:var(--ec-radius-md);background:var(--surface);gap:8px;min-height:42px;padding:5px}.ec-route-skeleton-project-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:10px;margin-top:14px;display:grid}.ec-route-skeleton-project-card{border:1px solid var(--border);border-radius:var(--ec-radius-md);background:var(--surface);gap:9px;padding:12px;display:grid}.ec-route-skeleton--editor{background:var(--border);grid-template-columns:minmax(180px,240px) minmax(0,1fr) minmax(190px,260px);gap:1px;width:100%;padding:0;display:grid}.ec-route-skeleton-editor-panel,.ec-route-skeleton-canvas{background:var(--surface);min-width:0}.ec-route-skeleton-editor-panel{align-content:start;gap:10px;padding:14px;display:grid}.ec-route-skeleton-canvas{background:var(--background);align-content:start;justify-items:center;gap:14px;padding:18px;display:grid}.ec-route-skeleton-canvas-sheet{border:1px solid var(--border);border-radius:var(--ec-radius-md);background:var(--surface);align-content:start;gap:10px;width:min(760px,90%);min-height:420px;padding:28px;display:grid}.ec-route-skeleton--generic{align-content:start;gap:12px;display:grid}.ec-project-wizard-loading{z-index:90;background:var(--overlay);place-items:center;display:grid;position:fixed;inset:0}.ec-project-wizard-loading>[data-slot=loader]{border:1px solid var(--border);border-radius:var(--ec-radius-md);background:var(--surface);color:var(--foreground);padding:10px 12px}.ec-design-system .ec-project-toolbar{background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ec-design-system .ec-project-title-icon{background:var(--accent);box-shadow:none}.ec-design-system .ec-project-new{background:var(--primary);box-shadow:none;transform:none}.ec-design-system .ec-project-new:hover:not(:disabled){box-shadow:none;transform:none}.ec-design-system .ec-project-card{background:var(--surface);box-shadow:none;content-visibility:auto;contain-intrinsic-size:190px;transform:none}.ec-design-system .ec-project-card:hover{box-shadow:var(--ec-shadow-sm);transform:none}.ec-design-system .ec-project-open>span{background:var(--muted);box-shadow:inset 0 0 0 1px var(--border);background-image:none}.ec-project-loading-indicator{white-space:nowrap}.ec-project-collection[data-refreshing=true],.ec-project-card[data-pending=true]{opacity:.72}.ec-project-card-skeleton{pointer-events:none}.ec-project-skeleton-preview{width:100%;min-height:104px}@media (width<=900px){.ec-route-skeleton--editor{grid-template-columns:minmax(150px,210px) minmax(0,1fr)}.ec-route-skeleton--editor>:last-child{display:none}}@media (width<=767px){.ec-route-skeleton{padding:12px}.ec-route-skeleton-heading{flex-direction:column;align-items:flex-start;gap:8px}.ec-route-skeleton-toolbar{flex-direction:column;align-items:stretch}.ec-route-skeleton-toolbar>*{width:100%}.ec-route-skeleton-project-grid,.ec-route-skeleton--editor{grid-template-columns:1fr}.ec-route-skeleton--editor>aside{display:none}.ec-route-skeleton-canvas-sheet{width:100%;min-height:360px;padding:18px}}
