@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@400;500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-auto{overflow:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-transparent{background-color:#0000}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-red-600{color:var(--color-red-600)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}}:root{color-scheme:dark;--bg:#121211;--surface:#191918;--surface-2:#212120;--line:#f3f1ec14;--text:#f3f1ec;--muted:#9c978e;--faint:#6f6b64;--accent:#d7c4a8;--on-accent:#211c16;--ok:#8ea184;--warn:#c2a56a;--danger:#c47b72;--stage:#0d0d0c;--thumb:#292721;--thumb-well:#343026;--thumb-panel:#27251f;--thumb-block:#464033;--thumb-ink:#9c8d73;--thumb-collection:#5b6657;--thumb-experience:#6b7d88;--avatar:#2a2824;--sidebar:232px;--nav-width:210px;--context-width:280px;--inspector-width:320px;--agent-drawer-height:280px;--font:"Manrope", ui-sans-serif, system-ui, sans-serif;--display:"Cormorant Garamond", Georgia, serif;--mono:ui-monospace, "SFMono-Regular", menlo, monospace;font-family:var(--font);background:var(--bg);color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg:#f6f3ee;--surface:#fffcf8;--surface-2:#ece7df;--line:#1c1a171a;--text:#1c1a17;--muted:#6f6a62;--faint:#948e86;--accent:#8c7356;--on-accent:#fffcf8;--ok:#4f6b48;--warn:#8a6a2e;--danger:#9a4e46;--stage:#e7e1d8;--thumb:#e4ddd3;--thumb-well:#d4cdc3;--thumb-panel:#ddd6cc;--thumb-block:#cfc6ba;--thumb-ink:#8c7356;--thumb-collection:#6d7a68;--thumb-experience:#6b7d88;--avatar:#e4ddd3}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--accent);text-decoration:none}::selection{background:#d7c4a847}.app{grid-template-columns:var(--sidebar) 1fr;grid-template-rows:minmax(0,1fr);height:100%;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:2px;padding:14px 10px;display:flex;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.sidebar-head{min-height:28px;margin-bottom:8px;padding-right:28px;position:relative}.brand{align-items:center;min-width:0;min-height:32px;padding:0 4px;display:flex}.brand-mark{width:32px;height:32px;display:block}.collapse-btn{width:28px;height:28px;color:var(--muted);border-radius:6px;place-items:center;display:grid;position:absolute;top:0;right:0}.collapse-btn:hover{background:var(--surface-2);color:var(--text)}.collapse-btn svg{width:15px;height:15px}.nav-link{height:28px;color:var(--muted);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.nav-link.active{background:var(--surface-2);color:var(--text)}.nav-link svg{stroke-width:1.6px;flex:none;width:15px;height:15px}.nav-gap{background:var(--line);height:1px;margin:8px}.sidebar-foot{flex-direction:column;flex:none;gap:2px;display:flex}.profile-pill{background:var(--surface-2);color:var(--text);border-radius:8px 999px 999px 8px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin:8px 0 4px;padding:4px 4px 4px 12px;display:flex}.profile-copy{flex-direction:column;min-width:0;line-height:1.2;display:flex}.profile-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-username{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.profile-avatar{background:var(--avatar);width:32px;height:32px;color:var(--accent);border-radius:999px;flex:none;place-items:center;font-size:11px;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.sidebar.collapsed{padding-left:8px;padding-right:8px}.sidebar.collapsed .nav-label,.sidebar.collapsed .profile-copy{display:none}.sidebar.collapsed .sidebar-head{padding-right:0}.sidebar.collapsed .brand{align-items:center;padding:36px 0 0}.sidebar.collapsed .nav-link{justify-content:center;padding:0}.sidebar.collapsed .profile-pill{background:0 0;border-radius:999px;justify-content:center;width:32px;height:32px;margin:8px auto 4px;padding:0}.workspace{flex-direction:column;min-width:0;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;position:relative;overflow:visible}.tools-section{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.tools-dropdown{position:relative}.tools-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;transition:background-color .2s,color .2s;display:flex}.tools-btn:hover,.tools-btn[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.tools-dropdown-menu{background:var(--surface);border:1px solid var(--line);z-index:1000;border-radius:6px;min-width:120px;margin-top:4px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 4px 6px #0000001a}.tools-menu-item{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.tools-menu-item:hover{background:var(--surface-2);color:var(--text)}.website-selector{position:relative}.website-selector button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:13px;display:flex}.website-selector button:hover,.website-selector button[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.right-panel{background:var(--surface);border-left:1px solid var(--line);z-index:1000;flex-direction:column;height:calc(100% - 48px);transition:transform .3s,width .3s,height .3s,top .3s;display:flex;position:fixed;top:48px;right:0;overflow:hidden;box-shadow:-4px 0 6px #0000001a}.right-panel[data-closed=true]{transform:translate(100%)}.right-panel[data-fullscreen=true]{width:100vw;height:100vh;box-shadow:none;z-index:1001;border:none;top:0;left:0}.right-panel-header{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.right-panel-header h3{color:var(--text);margin:0;font-size:14px;font-weight:600}.right-panel-controls{gap:6px;display:flex}.right-panel-controls button{padding:2px 6px;font-size:11px}.right-panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.right-panel-tabs{border-bottom:1px solid var(--line);background:var(--surface-2);display:flex}.tab-btn{text-align:center;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:12px;transition:all .2s}.tab-btn:hover{background:var(--surface);color:var(--text)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent);background:var(--surface)}.right-panel-view{flex:1;padding:8px;overflow:auto}.panel-content{width:100%;height:100%;display:none}.panel-content.active{display:block}.terminal-placeholder,.browser-placeholder,.preview-placeholder{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-style:italic;display:flex}@media(max-width:720px){.topbar{padding:0 8px}.tools-section{gap:2px}.tools-btn{padding:2px 6px;font-size:12px}.tools-menu-item{padding:4px 6px;font-size:12px}}.browser-inspection{background:var(--surface-2);height:100%;overflow:auto}.browser-inspection img{background:#fff;width:100%;height:auto;display:block}.browser-inspection details{border-top:1px solid var(--line);color:var(--muted);font:11px var(--mono);padding:9px}.browser-inspection summary{cursor:pointer;color:var(--text);font-family:var(--font);font-size:12px}.browser-inspection p{overflow-wrap:anywhere;margin:7px 0 0}.crumb{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.crumb button,.crumb span{color:var(--muted)}.crumb strong{color:var(--text);font-weight:560}.selector{position:relative}.selector-menu{background:var(--surface);border:1px solid var(--line);z-index:20;border-radius:8px;width:280px;padding:6px;position:absolute;top:28px;left:0}.menu-item,.menu-sub{text-align:left;border-radius:6px;width:100%;padding:6px 8px;font-size:13px;display:block}.menu-sub{color:var(--muted);padding-left:16px}.menu-item:hover,.menu-sub:hover,.nav-link:hover{background:var(--surface-2)}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.status{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.dot{background:var(--faint);border-radius:99px;width:6px;height:6px;display:inline-block}.dot.live{background:var(--ok)}.dot.draft{background:var(--warn)}.dot.failed{background:var(--danger)}.btn,.btn-primary{border:1px solid var(--line);border-radius:6px;height:28px;padding:0 10px;font-size:13px}.btn:disabled,.btn-primary:disabled{opacity:.45;cursor:default}.content{flex:1;min-height:0;overflow:auto}.workspace-body{flex:1;min-height:0;display:flex;overflow:hidden}.tools-dock{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex:none;min-width:280px;display:flex;position:relative;box-shadow:-8px 0 24px #0000000f}.tools-resize{z-index:3;cursor:col-resize;outline:none;width:10px;position:absolute;top:0;bottom:0;left:-5px}.tools-resize:hover,.tools-resize:focus-visible{border-left:2px solid var(--accent)}.tools-tabs,.browser-tabs{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:3px;display:flex;overflow:auto}.tools-tabs{min-height:42px;padding:5px 7px}.tools-tabs button,.browser-tabs button,.browser-address button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.tools-tabs button{border-radius:6px;padding:7px}.tools-tabs button.active,.browser-tabs button.active{color:var(--text);background:var(--surface)}.tools-tabs .tools-add{margin-left:auto}.tools-view{flex:1;min-height:0;overflow:hidden}.browser{flex-direction:column;height:100%;display:flex}.browser-tabs{min-height:36px;padding:4px 7px}.browser-tabs button{white-space:nowrap;border-radius:5px 5px 0 0;max-width:150px;padding:6px;overflow:hidden}.browser-tabs i{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.browser-address{border-bottom:1px solid var(--line);gap:6px;padding:7px;display:flex}.browser-address input{border:1px solid var(--line);min-width:0;color:var(--text);background:var(--surface);border-radius:5px;flex:1;padding:5px 7px;font-size:12px}.browser-address button{padding:5px 7px}.browser-frame{background:#fff;flex:1;min-height:0;position:relative}.browser-frame iframe{border:0;width:100%;height:100%}.browser-loading{z-index:2;border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:6px;padding:6px 8px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.browser-error{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;padding:12px;font-size:12px;display:grid;position:absolute;top:35%;left:12px;right:12px}.browser-empty{background:var(--surface-2);height:100%;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.browser-empty h2{color:var(--text);margin:0;font-size:16px}.browser-empty button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:7px 9px}@media(max-width:820px){.tools-dock{min-width:0;width:min(380px,48vw)!important}.tools-tabs button:not(.tools-add):not(.tools-close){font-size:0}.tools-tabs button svg{width:17px;height:17px}}@media(max-width:620px){.tools-dock{display:none}}.content.pinned{flex-direction:column;display:flex;overflow:hidden}.content.pinned>.builder,.content.pinned>.settings,.content.pinned>.agent-page{flex:1;height:auto;min-height:0}.page{max-width:760px;padding:28px 32px 64px}.page h1{margin:0 0 6px;font-size:22px;font-weight:560}.lede,.muted{color:var(--muted);font-size:13px}.rule{border:0;border-top:1px solid var(--line);margin:18px 0}.stack{flex-direction:column;display:flex}.row small,.meta{color:var(--muted);font-size:12px}a.row{color:inherit;text-decoration:none}.profile-detail{align-items:center;gap:12px;margin:8px 0 16px;display:flex}.profile-detail p{margin:0}.search{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;margin-bottom:8px;padding:8px 0}.filters{color:var(--muted);gap:12px;margin:8px 0;font-size:12px;display:flex}.filters button.active{color:var(--text)}.template-list{gap:6px;display:grid}.template-option{text-align:left;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:10px}.template-option:hover,.template-option.active{background:var(--surface-2);color:var(--text)}.template-option strong,.template-option span,.template-option small{display:block}.template-option strong{font-size:13px;font-weight:560}.template-option span{margin-top:2px;font-size:12px}.template-option small{color:var(--faint);margin-top:6px;font-size:11px}.builder{grid-template-columns:var(--nav-width) var(--context-width) 1fr var(--inspector-width);grid-template-rows:1fr var(--agent-drawer-height);grid-template-areas:"nav context canvas inspector""nav agent agent agent";height:100%;min-height:0;display:grid}.builder.context-collapsed{grid-template-columns:var(--nav-width) 0 1fr var(--inspector-width)}.builder.inspector-collapsed{grid-template-columns:var(--nav-width) var(--context-width) 1fr 0}.builder.agent-collapsed{grid-template-rows:1fr 0}.pane.nav{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;grid-area:nav;min-height:0;padding:0;display:flex;overflow:hidden}.pane.context{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;grid-area:context;min-height:0;padding:0;transition:width .2s,border-width .2s;display:flex;overflow:hidden}.pane.context.collapsed{border-right:0;width:0;overflow:hidden}.stage{background:var(--stage);flex-direction:column;grid-area:canvas;min-height:0;display:flex;overflow:hidden}.pane.inspector{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;grid-area:inspector;min-height:0;padding:0;transition:width .2s,border-width .2s;display:flex;overflow:hidden}.pane.inspector.collapsed{border-left:0;width:0;overflow:hidden}.agent-drawer{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;grid-area:agent;min-height:0;transition:height .2s,border-width .2s;display:flex;overflow:hidden}.agent-drawer.collapsed{border-top:0;height:0;overflow:hidden}.resize-handle{z-index:10;background:0 0;position:relative}.resize-handle.vertical{cursor:col-resize;width:8px}.resize-handle.vertical:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.resize-handle.vertical:hover:before,.resize-handle.vertical:focus-visible:before{background:var(--accent);width:2px}.resize-handle.horizontal{cursor:row-resize;height:8px}.resize-handle.horizontal:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.resize-handle.horizontal:hover:before,.resize-handle.horizontal:focus-visible:before{background:var(--accent);height:2px}.collapse-toggle{z-index:20;background:var(--surface-2);border:1px solid var(--line);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.collapse-toggle:hover{background:var(--surface);color:var(--text);border-color:var(--accent)}.builder .pane{position:relative}.pane-header{border-bottom:1px solid var(--line);background:var(--surface-2);flex:none;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.pane-header h2{margin:0;font-size:13px;font-weight:560}.pane-tabs{flex:none;gap:4px;margin-bottom:0;padding:10px 10px 0;display:flex}.pane-tabs button{color:var(--muted);border-radius:5px;padding:4px 6px;font-size:12px}.pane-tabs button.active{color:var(--text);background:var(--surface-2)}.pane-scroll{flex:1;min-height:0;padding:8px 10px 16px;overflow:auto}.pane:last-child{border-right:0;border-left:1px solid var(--line)}.tree-button,.catalog-button{text-align:left;width:100%;color:var(--text);border-radius:5px;padding:4px 6px;font-size:13px;display:block}.tree-button.child{color:var(--muted);padding-left:16px}.tree-button.active{background:var(--surface-2)}.structure-add,.structure-row,.structure-actions{align-items:center;gap:4px;display:flex}.structure-add{margin-bottom:8px}.structure-add input,.structure-rename input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;flex:1;min-width:0}.structure-row .tree-button{flex:1;min-width:0}.structure-actions button{color:var(--muted);padding:2px 3px;font-size:11px}.structure-actions button:disabled{color:var(--faint)}.structure-path{color:var(--faint);padding:0 6px 4px;font-size:11px;display:block}.structure-rename{gap:4px;padding:4px 6px 8px;display:grid}.structure-page{margin-bottom:8px}.asset-library{min-width:0}.asset-grid{gap:7px;display:grid}.asset-row{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.asset-row>div{flex:1;min-width:0}.asset-copy{text-align:left;flex:1;min-width:0}.asset-thumb{background:var(--thumb);height:76px;margin-bottom:6px;display:block;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.asset-thumb i{background:var(--thumb-well);height:100%;display:block}.asset-row strong,.asset-row span{display:block}.asset-row strong{font-size:13px;font-weight:520}.asset-row span{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.35}.compact{padding:4px 6px}.group-label{color:var(--faint);padding:10px 6px 4px;font-size:11px}.stage{background:var(--stage);flex-direction:column;min-height:0;display:flex;overflow:hidden}.stage-bar{flex:none;justify-content:center;padding:8px;display:flex}.stage-bar select{color:var(--muted);background:0 0;border:0;font-size:12px}.frame-wrap{flex:1;justify-content:center;min-height:0;padding:12px 24px 40px;display:flex;overflow:auto}.frame{width:100%;transition:max-width .15s linear}.frame.desktop{max-width:1120px}.frame.tablet{max-width:768px}.frame.mobile{max-width:390px}.preview-anchor{position:relative}.device-menu{background:var(--surface);border:1px solid var(--line);z-index:30;border-radius:8px;width:168px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-label{color:var(--faint);padding:4px 8px 6px;font-size:11px}.device-menu button{width:100%;color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.device-menu button:hover{background:var(--surface-2)}.device-switch{gap:4px;margin-left:auto;display:flex}.device-switch button{height:28px;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.device-switch button.active{background:var(--surface-2);color:var(--text)}.preview-stage{background:var(--stage);justify-content:center;min-height:calc(100vh - 48px);padding:24px 16px 48px;display:flex}.preview-frame{width:100%}.preview-frame.desktop{max-width:1120px}.preview-frame.tablet,.preview-frame.mobile{border:1px solid var(--line);background:var(--surface);overflow:hidden}.preview-frame.tablet{border-radius:16px;width:min(768px,100%)}.preview-frame.mobile{border-radius:24px;width:min(390px,100%)}.site{min-height:480px;padding:28px}.site.viewport-desktop h2{font-size:40px}.site.viewport-tablet{padding:22px}.site.viewport-tablet h2{font-size:32px}.site.viewport-tablet .cards{grid-template-columns:1fr 1fr}.site.viewport-mobile{padding:16px}.site.viewport-mobile h2{font-size:26px}.site.viewport-mobile .cards{grid-template-columns:1fr}.hero-image{object-fit:cover;width:100%;max-height:280px;display:block}.asset-image{object-fit:cover;width:100%;max-height:260px;margin:10px 0;display:block}.site.viewport-tablet .hero-image{max-height:220px}.site.viewport-mobile .hero-image{max-height:160px}.site h2,.site h3{margin:0 0 8px;font-family:Georgia,Iowan Old Style,serif;font-weight:500}.site p{margin:0 0 10px;line-height:1.45}.block{cursor:pointer;border-top:1px solid #0000;padding:16px 0}.block.selected{outline-offset:6px;outline:1px solid #d7c4a8b3}.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.card{border:1px solid #ffffff14;padding:8px;font-size:13px}.card img{object-fit:cover;width:100%;height:84px;margin-bottom:6px;display:block}.lock-row,.field{margin:8px 0}.lock-row{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.field label,.lock-row span{color:var(--faint);margin-bottom:4px;font-size:11px;display:block}.field input,.field textarea,.field select,.settings-field input,.settings-field textarea,.settings-field select{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:6px 0}.disclosure{border-top:1px solid var(--line);padding:8px 0}.disclosure summary{cursor:pointer;color:var(--muted);font-size:13px}.inspector h2{margin:4px 0 10px;font-size:14px;font-weight:560}.asset-meta{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:0 0 8px;font-size:11px;display:flex}.asset-actions{gap:4px;display:inline-flex}.asset-preview{z-index:32;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;position:fixed;inset:8vh 8vw;overflow:auto}.asset-preview header,.asset-preview footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.asset-preview h2{margin:0;font-size:16px;font-weight:560}.asset-preview p,.asset-preview footer span{color:var(--muted);margin:4px 0 0;font-size:12px}.asset-preview .device-switch{margin:14px 0}.asset-preview-frame{background:var(--stage);border:1px solid var(--line);margin:0 auto 16px;overflow:hidden}.asset-preview-frame.desktop{max-width:960px}.asset-preview-frame.tablet{max-width:680px}.asset-preview-frame.mobile{border-radius:18px;max-width:390px}.template-library{gap:10px;display:grid}.template-card{border:1px solid var(--line);border-radius:7px;padding:7px}.template-card.active{border-color:#d7c4a8b3}.template-card strong,.template-card p,.template-card small{display:block}.template-card strong{margin-top:6px;font-size:13px;font-weight:560}.template-card p{color:var(--muted);margin:3px 0;font-size:11px;line-height:1.35}.template-card small{color:var(--faint);margin-bottom:7px;font-size:10px;line-height:1.35}.template-thumb{background:var(--thumb-panel);grid-template-columns:1.1fr .9fr;gap:3px;height:84px;padding:5px;display:grid}.template-thumb span{background:var(--thumb-block)}.template-thumb span:first-child{background:var(--thumb-ink);grid-row:span 2}.template-thumb.collection span:first-child{background:var(--thumb-collection)}.template-thumb.experience-led span:first-child{background:var(--thumb-experience)}.sheet-backdrop,.modal-backdrop,.palette-backdrop{z-index:30;background:#00000047;position:fixed;inset:0}.sheet{background:var(--bg);border-left:1px solid var(--line);z-index:31;width:min(380px,100%);height:100%;padding:18px 18px 32px;position:fixed;top:0;right:0;overflow:auto}.modal{background:var(--surface);border:1px solid var(--line);z-index:31;border-radius:8px;width:min(420px,100% - 32px);padding:16px;position:fixed;top:18vh;left:50%;transform:translate(-50%)}.modal h2{margin:0 0 8px;font-size:16px;font-weight:560}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.palette{background:var(--surface);border:1px solid var(--line);z-index:32;border-radius:8px;width:min(520px,100% - 24px);position:fixed;top:14vh;left:50%;overflow:hidden;transform:translate(-50%)}.palette input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:12px 14px}.palette button{text-align:left;width:100%;padding:8px 14px;font-size:13px;display:block}.palette button.active,.palette button:hover{background:var(--surface-2)}.toast{background:var(--surface-2);border:1px solid var(--line);z-index:40;border-radius:6px;padding:8px 12px;font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.check{gap:8px;padding:4px 0;font-size:13px;display:flex}.check.warn{color:var(--warn)}.check.block{color:var(--danger)}.check.pass{color:var(--ok)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.media-grid button{border:1px solid var(--line);text-align:left;padding:0}.media-grid img{object-fit:cover;width:100%;height:72px;display:block}.media-grid span{color:var(--muted);padding:4px 6px;font-size:11px;display:block}.gate{place-items:center;min-height:100%;padding:24px;display:grid}.gate-card{width:min(420px,100%)}.kbd{color:var(--faint);font-family:var(--mono);font-size:11px}.empty{color:var(--muted);padding:18px 0;font-size:13px}.settings{grid-template-rows:minmax(0,1fr);grid-template-columns:200px 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.settings nav{border-right:1px solid var(--line);min-height:0;padding:16px 10px;overflow:auto}.settings nav button{text-align:left;width:100%;color:var(--muted);border-radius:6px;padding:6px 8px;font-size:13px;display:block}.settings nav button.active{background:var(--surface-2);color:var(--text)}.settings-body{max-width:640px;min-height:0;padding:28px 32px 64px;overflow:auto}.composer{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.composer input{background:0 0;border:0;outline:none;flex:1}.agent-page{grid-template-rows:minmax(0,1fr);grid-template-columns:220px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.agent-history{flex-direction:column;min-height:0;padding:20px 16px;display:flex;overflow:hidden}.agent-history-new{flex:none}.agent-history-list{flex:1;min-height:0;overflow:auto}.agent-history button{text-align:left;width:100%;color:var(--muted);padding:8px 0;font-size:13px;display:block}.agent-history button.active{color:var(--text)}.agent-history-group{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.agent-history-group span{color:var(--faint);font-size:11px;font-weight:600}.agent-history-group button,.agent-history-row .delete{width:auto;color:var(--faint);padding:0;font-size:11px}.agent-history-row{align-items:center;gap:8px;display:flex}.agent-history-row>button:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-site-row{align-items:center;gap:8px;display:flex}.agent-site-row>button:first-child{flex:1;width:auto;min-width:0}.agent-site-row.active>button:first-child{color:var(--text);font-weight:600}.agent-site-row>button:last-child{width:auto;color:var(--faint);padding:0;font-size:12px}.agent-rename{gap:8px;padding:6px 0;display:flex}.agent-rename input{border:0;border-bottom:1px solid var(--line);min-width:0;color:var(--text);background:0 0;outline:none;flex:1}.agent-rename button{width:auto}.agent-main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.agent-stage{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:20px 24px 8px;display:flex;overflow:auto}.agent-stage.chatting{justify-content:flex-start;padding-bottom:0;overflow:hidden}.agent-stage.chatting .transcript{flex:1;min-height:0;overflow:auto}.agent-stage.chatting .agent-dock{flex:none}.agent-main.chatting .agent-stage{padding-bottom:0}.agent-dock.at-bottom{border:1px solid var(--line);border-radius:16px;width:min(1040px,100% - 32px);margin:0 auto 16px;box-shadow:0 4px 18px #0000000f}.agent-main.chatting .agent-sites{display:none}.agent-greet{width:min(1040px,100% - 32px);margin:0 auto 16px}.agent-greet h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:52px;font-weight:500;line-height:1}.agent-greet p{font-family:var(--font);color:var(--muted);margin:8px 0 18px;font-size:26px;line-height:1.25}.agent-stage .agent-dock{margin:0 auto}.agent-sites{flex:none;width:min(1040px,100% - 32px);max-height:160px;margin:16px auto 0;padding:0;overflow:auto}.agent-sites h2{margin:0 0 6px;padding-bottom:8px;font-size:13px;font-weight:560}.agent-sites button{text-align:left;justify-content:space-between;gap:12px;width:100%;padding:8px 0;font-size:13px;display:flex}.agent-sites button.active{color:var(--text);font-weight:600}.agent-sites .empty button{width:auto;color:var(--accent);padding:0;font-weight:500;display:inline}.agent-menu--sites{width:280px;max-height:280px;overflow:auto}.transcript{flex-direction:column;gap:14px;width:min(1040px,100% - 32px);margin:0 auto;padding:0 0 16px;font-size:14px;display:flex}.agent-message{border:1px solid var(--line);border-radius:12px;max-width:min(920px,92%);padding:8px 12px}.agent-message .media-preview{margin-top:8px}.agent-message--user{background:var(--accent);align-self:flex-end;min-width:min(480px,70%)}@supports (color:color-mix(in lab,red,red)){.agent-message--user{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}}.agent-message--user{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.agent-message--user{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}}.agent-message--agent{background:var(--surface);align-self:flex-start}.agent-message--user .who{color:var(--accent)}.agent-message--agent .who{color:var(--ok)}.turn-text{color:var(--text);line-height:1.55}.turn-text p{margin:0 0 8px}.turn-text p:last-child{margin-bottom:0}.turn-text__heading{font-size:15px;font-weight:650;margin-top:14px!important}.turn-text__heading:first-child{margin-top:0!important}.turn-text__bullet{padding-left:4px}.turn-text__flow{border:1px solid var(--line);background:var(--surface-2);color:var(--accent);border-radius:7px;padding:8px 10px;font-size:12px;display:inline-block}.turn-text__table-row{border:1px solid var(--line);background:var(--line);border-bottom:0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;margin:0;font-size:12px;display:grid;overflow:hidden}.turn-text__table-row+.turn-text__table-row{margin-top:0}.turn-text__table-row span{background:var(--surface);color:var(--muted);padding:6px 7px}.turn-text__table-row.head span{color:var(--text);background:var(--surface-2);font-weight:600}.who{color:var(--faint);margin-bottom:2px;font-size:11px}.agent-note{color:var(--muted);margin:0 0 8px;font-size:13px}.agent-todos{gap:7px;padding:0 0 8px;display:grid}.agent-todos--collapsed,.agent-todos-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-todos--collapsed span,.agent-todos-bar strong{font-size:12px;font-weight:600}.agent-todos--collapsed button,.agent-todos-bar button{color:var(--muted);font-size:12px}.agent-todos strong{font-size:12px;font-weight:600}.agent-todos label{color:var(--muted);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.agent-todos input{accent-color:var(--ok);margin:2px 0 0}.agent-todos input:checked+span{color:var(--faint);text-decoration:line-through}.agent-status{align-items:center;gap:4px;margin:0;font-size:13px;display:inline-flex}.agent-status-label{background-image:linear-gradient(100deg,var(--muted) 0%,var(--muted) 35%,var(--text) 50%,var(--muted) 65%,var(--muted) 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite agent-gloss}.agent-dots{align-items:center;gap:3px;width:16px;display:inline-flex}.agent-dots i{background:var(--muted);border-radius:99px;width:3px;height:3px;animation:1.2s ease-in-out infinite agent-dot}.agent-dots i:nth-child(2){animation-delay:.15s}.agent-dots i:nth-child(3){animation-delay:.3s}@keyframes agent-gloss{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes agent-dot{0%,80%,to{opacity:.2}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.agent-status-label{color:var(--muted);background:0 0;animation:none}.agent-dots{display:none}.agent-status:after{content:"…"}}.agent-key{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:4px 0 6px;font-size:13px}.agent-turn{gap:10px;margin:0 0 16px;display:grid}.agent-activity-status{border:1px solid var(--line);width:fit-content;min-height:34px;color:var(--text);background:var(--surface);border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:13px;display:inline-flex}.agent-activity-status svg{width:15px;height:15px;color:var(--accent)}.agent-activity-status.done svg{color:var(--ok)}.agent-activity-status.failed svg{color:var(--danger)}.agent-activity-status__hint{color:var(--faint);font-size:11px}.agent-spinner{animation:1s linear infinite agent-spin}@keyframes agent-spin{to{transform:rotate(360deg)}}.agent-turn-summary{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.agent-turn-summary header{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.agent-turn-summary__title{align-items:center;gap:9px;display:flex}.agent-turn-summary__title strong{font-size:13px;font-weight:560;display:block}.agent-turn-summary__icon{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.agent-turn-summary__icon svg{width:16px;height:16px}.agent-change-count{font-family:var(--mono);gap:2px;margin-top:2px;font-size:11px;font-style:normal;display:inline-flex}.agent-change-count b{color:#57cfa0;font-weight:500}.agent-change-count i{color:#ef7771;font-style:normal}.agent-turn-summary__actions{align-items:center;gap:8px;display:flex}.agent-turn-summary__actions button{border:1px solid var(--line);height:28px;color:var(--text);border-radius:7px;padding:0 9px;font-size:12px}.agent-turn-summary__actions button:first-child{color:var(--muted);border-color:#0000}.agent-turn-summary__actions svg{vertical-align:-2px;width:13px;height:13px;margin-right:4px}.agent-turn-summary__copy{color:var(--muted);margin:0;padding:0 12px 12px;font-size:12px;line-height:1.5}.agent-turn-summary__files{border-top:1px solid var(--line)}.agent-turn-summary__files>div{font-family:var(--mono);justify-content:space-between;gap:12px;padding:9px 12px;font-size:12px;display:flex}.agent-turn-summary__files>div+div{border-top:1px solid var(--line)}.agent-turn-summary__files p{color:var(--muted);margin:0;padding:9px 12px;font-size:11px}.agent-turn-summary__details{border-top:1px solid var(--line)}.agent-turn-summary__details summary{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;list-style:none;display:flex}.agent-turn-summary__details summary::-webkit-details-marker{display:none}.agent-turn-summary__details summary svg{width:14px;height:14px;transition:transform .15s}.agent-turn-summary__details[open] summary svg{transform:rotate(180deg)}.agent-turn-summary__details ul{color:var(--faint);margin:0;padding:0 12px 12px 28px;font-size:11px;line-height:1.6}.agent-edits{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;width:100%;margin-top:10px;display:flex;overflow:hidden}.agent-edits header{justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 12px;display:flex}.agent-edits header strong{font-size:13px;font-weight:560}.agent-edits header div{gap:8px;display:flex}.agent-edits header button{border:1px solid var(--line);height:28px;color:var(--text);background:0 0;border-radius:7px;padding:0 10px;font-size:12px}.agent-edits ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.agent-edits li{align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.agent-edits li+li{border-top:1px solid var(--line)}.agent-edits__kind{min-width:42px;color:var(--muted);letter-spacing:.04em;font-size:10px;font-weight:650}.agent-edits__path{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);flex:1;font-size:12px;overflow:hidden}.agent-edits .agent-change-count{margin-top:0;margin-left:auto}.agent-dock{border:1px solid var(--line);background:var(--surface);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:6px;width:min(1040px,100% - 32px);margin:0 auto 16px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.agent-dock:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.agent-dock:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.agent-dock:focus-within{box-shadow:0 4px 18px #00000014}.agent-dock textarea{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:24px;max-height:120px;padding:2px;font-family:inherit;font-size:14px;line-height:1.4}.agent-tools{align-items:center;gap:8px;min-height:28px;display:flex}.agent-tools-main{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.agent-tools button[type=submit]{border-radius:8px;height:26px;padding:0 12px;font-size:12px}.agent-chip{border:1px solid var(--line);height:26px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;max-width:220px;padding:0 8px;font-size:11.5px;display:inline-flex}.agent-chip svg{flex:none;width:13px;height:13px}.agent-menu-wrap{position:relative}.agent-menu{background:var(--bg);border:1px solid var(--line);z-index:20;border-radius:12px;width:240px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:0}.agent-menu .menu-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-menu .menu-item.with-icon{justify-content:flex-start;gap:8px}.agent-menu .menu-item svg{flex:none;width:14px;height:14px}.agent-menu .menu-item.active{background:var(--surface-2);color:var(--text)}.agent-menu .menu-item small{color:var(--faint);font-size:11px}.agent-passed{gap:6px;margin:0 0 8px;display:grid}.agent-passed>span{color:var(--faint);font-size:11px}.media-preview{gap:8px;display:grid}.media-thumbs{flex-wrap:wrap;gap:8px;display:flex}.media-thumb-wrap{width:72px;height:72px;position:relative}.media-thumb{border:1px solid var(--line);border-radius:8px;width:72px;height:72px;padding:0;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-thumb-remove{background:var(--surface);width:16px;height:16px;color:var(--text);border-radius:999px;place-items:center;display:grid;position:absolute;top:2px;right:2px}.media-thumb-remove svg{width:10px;height:10px}.media-large{z-index:40;background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.media-large img{object-fit:contain;max-width:min(920px,92vw);max-height:88vh}.agent-files{flex-wrap:wrap;gap:6px;display:flex}.agent-file{border:1px solid var(--line);max-width:220px;height:24px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:0 6px 0 8px;font-size:11px;display:inline-flex}.agent-file button{width:16px;height:16px;color:var(--faint);place-items:center;display:grid}.agent-file svg{width:12px;height:12px}.agent-message--awaiting{border-style:dashed}.agent-review-badge{background:var(--accent);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:500;display:inline-block}@supports (color:color-mix(in lab,red,red)){.agent-review-badge{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}}.agent-review-badge{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.agent-review-badge{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}}.agent-waiting-panel{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:6px;padding:8px 10px;font-size:13px;display:flex}.agent-waiting-panel__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-waiting-panel__title{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.agent-waiting-count{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.agent-waiting-hint{color:var(--faint);font-size:11px}.agent-waiting-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.agent-waiting-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.agent-waiting-item-content{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.agent-waiting-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-size:12px;overflow:hidden}.agent-waiting-actions{flex:none;align-items:center;gap:4px;display:flex}.agent-waiting-actions button{border:1px solid var(--line);height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:0 8px;font-size:11px}.agent-waiting-actions button:hover{color:var(--text);border-color:var(--text)}.agent-waiting-btn-delete:hover{color:var(--danger,#e5484d)!important;border-color:var(--danger,#e5484d)!important}.agent-waiting-edit-form{align-items:center;gap:6px;width:100%;display:flex}.agent-waiting-edit-form input{border:1px solid var(--line);min-width:0;height:24px;color:var(--text);background:0 0;border-radius:6px;outline:none;flex:1;padding:0 6px;font-size:12px}.agent-busy-send-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.agent-busy-send-controls button{white-space:nowrap;border-radius:8px;height:26px;padding:0 10px;font-size:11.5px}.agent-btn-waiting{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.agent-btn-waiting:hover:not(:disabled){background:var(--surface);border-color:var(--text)}.agent-btn-immediate{background:var(--accent);color:#fff;border:1px solid #0000}.agent-brief{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:0 0 12px;padding:14px}.agent-brief__step{color:var(--muted);margin:0 0 6px;font-size:11px}.agent-brief h2{margin:0 0 12px;font-size:14px;font-weight:600}.agent-brief__options{gap:7px;display:grid}.agent-brief__options button,.agent-brief__custom button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;padding:7px 10px}.agent-brief__options button:hover,.agent-brief__options button:focus-visible{border-color:var(--accent);outline:2px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.agent-brief__options button:hover,.agent-brief__options button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}}.agent-brief__custom{gap:7px;margin-top:10px;display:flex}.agent-brief__custom input{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:8px 10px}.agent-brief__custom button{text-align:center;white-space:nowrap}.agent-brief-complete{color:var(--muted);margin:0 0 10px;font-size:12px}.settings-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:280px 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.settings-sidebar{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.settings-search{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;outline:none;margin:12px 16px;padding:8px 12px;font-size:13px}.settings-search::placeholder{color:var(--faint)}.settings-sidebar nav{flex:1;padding:0 12px 16px;overflow-y:auto}.settings-group{margin-bottom:16px}.settings-group-label{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;padding:12px 8px 6px;font-size:11px;font-weight:600}.settings-page-btn{text-align:left;width:100%;color:var(--muted);border-radius:6px;margin-bottom:2px;padding:8px 10px;font-size:13px;transition:all .15s;display:block}.settings-page-btn:hover{background:var(--surface-2);color:var(--text)}.settings-page-btn.active{background:var(--accent);color:var(--on-accent)}.settings-body{max-width:none;min-height:0;padding:28px 32px 64px;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section h2{color:var(--text);font-size:18px;font-weight:600;font-family:var(--font);margin:0 0 6px}.settings-section p.meta{color:var(--muted);margin:0 0 16px;font-size:13px}.settings-field{margin-bottom:16px}.settings-field label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.settings-field input,.settings-field select,.settings-field textarea{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:var(--accent)}.settings-field input[type=color]{cursor:pointer;height:40px;padding:4px}.settings-field select{cursor:pointer}.group-label{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin:20px 0 12px;padding-left:4px;font-size:12px;font-weight:600}.row{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:1fr auto;gap:8px 16px;width:100%;padding:10px 0;font-size:13px;display:grid}.row label,.row span{color:var(--text)}.row small{color:var(--muted);font-size:12px}.settings-form{flex-direction:column;gap:16px;display:flex}.form-message{border-radius:6px;margin-top:8px;padding:8px 12px;font-size:13px}.form-message.saved{background:var(--ok)}@supports (color:color-mix(in lab,red,red)){.form-message.saved{background:color-mix(in srgb,var(--ok) 15%,transparent)}}.form-message.saved{color:var(--ok);border:1px solid var(--ok)}@supports (color:color-mix(in lab,red,red)){.form-message.saved{border:1px solid color-mix(in srgb,var(--ok) 40%,transparent)}}.form-message.submitting{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.form-message.submitting{background:color-mix(in srgb,var(--accent) 15%,transparent)}}.form-message.submitting{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.form-message.submitting{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}}.btn{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text);cursor:pointer;border-radius:6px;padding:0 16px;font-size:13px;transition:all .15s}.btn:hover{background:var(--surface-2);border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn-primary:hover{opacity:.9}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}@supports (color:color-mix(in lab,red,red)){.btn-danger{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}}.btn-danger:hover{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover{background:color-mix(in srgb,var(--danger) 15%,transparent)}}.btn.btn-sm{height:24px;padding:0 8px;font-size:11px}.kbd{background:var(--surface-2);border:1px solid var(--line);min-width:28px;height:24px;color:var(--text);font-family:var(--mono);border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;display:inline-flex}.shortcuts-list{flex-direction:column;gap:8px;display:flex}.shortcut-row{background:var(--surface);border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.shortcut-row span{color:var(--muted);font-size:13px}.masked-value{font-family:var(--mono);letter-spacing:1px;color:var(--muted);font-size:12px}.progress-bar{background:var(--surface-2);border-radius:4px;width:100%;height:8px;margin:4px 0;overflow:hidden}.progress-fill{background:var(--ok);height:100%;transition:width .3s}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{background:var(--ok)}@supports (color:color-mix(in lab,red,red)){.badge-active{background:color-mix(in srgb,var(--ok) 20%,transparent)}}.badge-active{color:var(--ok);border:1px solid var(--ok)}@supports (color:color-mix(in lab,red,red)){.badge-active{border:1px solid color-mix(in srgb,var(--ok) 40%,transparent)}}.badge-inactive{background:var(--muted)}@supports (color:color-mix(in lab,red,red)){.badge-inactive{background:color-mix(in srgb,var(--muted) 15%,transparent)}}.badge-inactive{color:var(--muted);border:1px solid var(--muted)}@supports (color:color-mix(in lab,red,red)){.badge-inactive{border:1px solid color-mix(in srgb,var(--muted) 40%,transparent)}}.badge-required{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.badge-required{background:color-mix(in srgb,var(--danger) 20%,transparent)}}.badge-required{color:var(--danger);border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.badge-required{border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}}.badge-optional{background:var(--warn)}@supports (color:color-mix(in lab,red,red)){.badge-optional{background:color-mix(in srgb,var(--warn) 20%,transparent)}}.badge-optional{color:var(--warn);border:1px solid var(--warn)}@supports (color:color-mix(in lab,red,red)){.badge-optional{border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}}.empty-state{text-align:center;color:var(--muted);padding:48px 24px}.empty-state h2{color:var(--text);margin:0 0 8px;font-size:18px}.empty-state p.meta{margin:0 0 20px}.table{border-collapse:separate;border-spacing:0;width:100%}.table .header-row,.table .data-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;gap:16px;padding:10px 12px;font-size:13px;display:grid}.table .header-row{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.table .data-row{background:var(--surface);color:var(--text)}.table .data-row:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.table .data-row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.confirmation-dialog-overlay{z-index:100;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.confirmation-dialog{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:320px;max-width:90%;padding:24px}.confirmation-dialog h2{color:var(--text);margin:0 0 12px;font-size:16px}.confirmation-dialog p{color:var(--muted);margin:0 0 20px;font-size:13px}.confirmation-actions{justify-content:flex-end;gap:10px;display:flex}.btn-cancel{color:var(--muted);background:0 0}.btn-cancel:hover{color:var(--text)}.connection-status{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-label{color:var(--muted);font-size:12px;font-weight:600}.connect-btn,.test-btn{height:24px;color:var(--accent);border:1px solid var(--accent);background:0 0;padding:0 8px;font-size:11px}@supports (color:color-mix(in lab,red,red)){.connect-btn,.test-btn{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}}.connect-btn,.test-btn{cursor:pointer;border-radius:4px;margin-left:auto}.connect-btn:hover,.test-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.connect-btn:hover,.test-btn:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}}.unsaved-indicator{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.unsaved-indicator.unsaved{background:var(--warn)}@supports (color:color-mix(in lab,red,red)){.unsaved-indicator.unsaved{background:color-mix(in srgb,var(--warn) 20%,transparent)}}.unsaved-indicator.unsaved{color:var(--warn);border:1px solid var(--warn)}@supports (color:color-mix(in lab,red,red)){.unsaved-indicator.unsaved{border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}}.unsaved-indicator.saved{background:var(--ok)}@supports (color:color-mix(in lab,red,red)){.unsaved-indicator.saved{background:color-mix(in srgb,var(--ok) 20%,transparent)}}.unsaved-indicator.saved{color:var(--ok);border:1px solid var(--ok)}@supports (color:color-mix(in lab,red,red)){.unsaved-indicator.saved{border:1px solid color-mix(in srgb,var(--ok) 40%,transparent)}}.settings-table{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.settings-table .table-header,.settings-table .data-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto 120px;gap:16px;padding:12px 16px;font-size:13px;display:grid}.settings-table .table-header{background:var(--surface-2);color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.settings-table .data-row:last-child{border-bottom:0}.settings-table .data-row:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.settings-table .data-row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.settings-table .empty-row{text-align:center;color:var(--muted);padding:24px}.color-picker{flex-direction:column;gap:6px;display:flex}.color-label{color:var(--muted);font-size:12px;font-weight:600}.color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;width:40px;height:40px;padding:0}.color-value{font-family:var(--mono);color:var(--muted);font-size:11px}.font-selector{flex-direction:column;gap:6px;display:flex}.font-label{color:var(--muted);font-size:12px;font-weight:600}.font-select{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px}.model-config-form{flex-direction:column;gap:12px;display:flex}.secret-input{flex-direction:column;gap:6px;display:flex}.secret-label{color:var(--muted);font-size:12px;font-weight:600}.secret-wrapper{align-items:center;display:flex;position:relative}.secret-field{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;padding:8px 36px 8px 10px;font-size:13px}.reveal-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.reveal-btn:hover{color:var(--text)}.secret-hint{color:var(--faint);font-size:11px}.model-config-form .check.block{margin-top:8px}.grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.not-implemented{text-align:center;color:var(--muted);padding:48px 24px}.not-implemented p.meta{margin-top:12px}@media(max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{display:none}.settings-body{padding:16px}.table .header-row,.table .data-row,.settings-table .table-header,.settings-table .data-row{grid-template-columns:1fr}}@media(max-width:720px){.agent-page{grid-template-columns:1fr}.agent-history{display:none}.agent-stage{padding:20px 16px}.agent-sites{padding:4px 16px 16px}.agent-greet h1{font-size:40px}.agent-greet p{font-size:22px}.agent-tools-main{overflow-x:auto}.agent-turn-summary header{flex-direction:column;align-items:flex-start}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{transition:all .15s}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{transition:all .15s}.badge.pending{background:var(--warn)}@supports (color:color-mix(in lab,red,red)){.badge.pending{background:color-mix(in srgb,var(--warn) 15%,transparent)}}.badge.pending{color:var(--warn);border:1px solid var(--warn)}@supports (color:color-mix(in lab,red,red)){.badge.pending{border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}}.badge-blocked{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.badge-blocked{background:color-mix(in srgb,var(--danger) 15%,transparent)}}.badge-blocked{color:var(--danger);border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.badge-blocked{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}}.badge-success{background:var(--ok)}@supports (color:color-mix(in lab,red,red)){.badge-success{background:color-mix(in srgb,var(--ok) 15%,transparent)}}.badge-success{color:var(--ok);border:1px solid var(--ok)}@supports (color:color-mix(in lab,red,red)){.badge-success{border:1px solid color-mix(in srgb,var(--ok) 30%,transparent)}}.save-status{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.save-status.saved{background:var(--ok)}@supports (color:color-mix(in lab,red,red)){.save-status.saved{background:color-mix(in srgb,var(--ok) 15%,transparent)}}.save-status.saved{color:var(--ok);border-color:var(--ok)}@supports (color:color-mix(in lab,red,red)){.save-status.saved{border-color:color-mix(in srgb,var(--ok) 30%,transparent)}}.save-status.saving{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.save-status.saving{background:color-mix(in srgb,var(--accent) 15%,transparent)}}.save-status.saving{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.save-status.saving{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}}.save-status.unsaved{background:var(--warn)}@supports (color:color-mix(in lab,red,red)){.save-status.unsaved{background:color-mix(in srgb,var(--warn) 15%,transparent)}}.save-status.unsaved{color:var(--warn);border-color:var(--warn)}@supports (color:color-mix(in lab,red,red)){.save-status.unsaved{border-color:color-mix(in srgb,var(--warn) 30%,transparent)}}.save-status.failed{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.save-status.failed{background:color-mix(in srgb,var(--danger) 15%,transparent)}}.save-status.failed{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.save-status.failed{border-color:color-mix(in srgb,var(--danger) 30%,transparent)}}.capability-card{position:relative;overflow:hidden}.capability-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.capability-card .node-icon{transition:all .2s}.capability-card:hover .node-icon{transform:scale(1.05)}.tree-node.selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tree-node.selected{background:color-mix(in srgb,var(--accent) 15%,transparent)}}.tree-node.selected{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.tree-node.selected{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}}.tree-node.selected{border-radius:6px}.tree-node.drag-over{background:var(--ok)}@supports (color:color-mix(in lab,red,red)){.tree-node.drag-over{background:color-mix(in srgb,var(--ok) 15%,transparent)}}.tree-node.drag-over{border:2px dashed var(--ok);border-radius:6px}.tree-node.dragging{opacity:.5}.tree-node:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.pane-header{z-index:5;position:sticky;top:0}.resize-handle:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.resize-handle:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.agent-drawer{box-shadow:0 -2px 24px #0003}.stage{position:relative;overflow:hidden}.frame-wrap{padding:16px 24px}.topbar{box-shadow:0 1px 2px #0000001a}.save-history-dropdown{animation:.15s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-page-btn.active{border-left:3px solid var(--accent)}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}}.kbd{box-shadow:inset 0 -1px #0003}.empty.compact{padding:8px}.rule{margin:12px 0}.node-path{opacity:.7}.builder .Icons.navDown,.builder .Icons.navRight{stroke-width:1.5px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}