@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-ext-wght-normal.fbf4c1a6.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-wght-normal.bfe8c811.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-font-weight:initial;--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:host,:root{--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-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--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{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mx-auto{margin-inline:auto}.mr-1{margin-right:var(--spacing)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.contents{display:contents}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.h-\[calc\(var\(--control-h\)-6px\)\]{height:calc(var(--control-h) - 6px)}.h-\[var\(--control-h\)\]{height:var(--control-h)}.w-full{width:100%}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/10{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--danger) 10%,transparent)}}.bg-muted{background-color:var(--muted)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-secondary,.bg-secondary\/10{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/10{background-color:color-mix(in oklab,var(--secondary) 10%,transparent)}}.bg-transparent{background-color:#0000}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--danger)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-destructive\/90:hover{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--danger) 90%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary) 90%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:inline{display:inline}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{color-scheme:light;--font-interface:"DM Sans Variable","DM Sans",ui-sans-serif,system-ui,sans-serif;--font-display:"DM Sans Variable","DM Sans",ui-sans-serif,system-ui,sans-serif;--blue-50:#eff7fc;--blue-100:#ddeef8;--blue-200:#bbdcf0;--blue-300:#89c2e3;--blue-400:#55a4d3;--blue-500:#3589c2;--blue-600:#2878b8;--blue-700:#226194;--blue-800:#224f78;--blue-900:#214363;--orange-50:#fff3f0;--orange-100:#ffe3dd;--orange-200:#ffc9bf;--orange-300:#f6a390;--orange-400:#ee806a;--orange-500:#e86452;--orange-600:#d34a38;--orange-700:#b13a2c;--orange-800:#91332a;--orange-900:#782f29;--red-50:#fff0f1;--red-500:#e5484d;--green-50:#eaf9f0;--green-500:#2d9d63;--amber-50:#fff6dd;--amber-500:#d99100;--bg:#f7f8fa;--surface:#fff;--surface-raised:#fff;--surface-subtle:#f1f3f6;--surface-muted:#e9ecf1;--text:#17191d;--text-secondary:#5f6570;--text-tertiary:#8b919c;--border:#e1e4e9;--border-strong:#cfd3da;--primary:var(--blue-600);--primary-hover:var(--blue-700);--primary-soft:var(--blue-50);--secondary:var(--orange-500);--secondary-hover:var(--orange-600);--secondary-soft:var(--orange-50);--danger:var(--red-500);--success:var(--green-500);--warning:var(--amber-500);--background:var(--bg);--foreground:var(--text);--card:var(--surface);--card-foreground:var(--text);--popover:var(--surface-raised);--popover-foreground:var(--text);--primary-foreground:#fff;--secondary-foreground:#fff;--muted:var(--surface-subtle);--muted-foreground:var(--text-secondary);--accent:var(--primary-soft);--accent-foreground:var(--primary);--radius:16px;--radius-xs:8px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-round:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--control-h:40px;--content-gap:24px;--panel-pad:24px;--row-h:52px;--shadow-float:0 12px 36px #1a1f2c1f,0 2px 8px #1a1f2c0f;--shadow-dialog:0 24px 80px #0f121838,0 4px 16px #0f12181a;--focus:0 0 0 3px #2878b833;font-family:DM Sans Variable,DM Sans,ui-sans-serif,system-ui,sans-serif}[data-theme=dark]{color-scheme:dark;--bg:#111317;--surface:#181b20;--surface-raised:#1e2228;--surface-subtle:#20242b;--surface-muted:#292e36;--text:#f3f5f7;--text-secondary:#adb3bd;--text-tertiary:#7e8692;--border:#2c3139;--border-strong:#3a414c;--primary:#62a9d8;--primary-hover:#82bde2;--primary-soft:#18344a;--secondary:#f08070;--secondary-hover:#f49a8d;--secondary-soft:#432923;--danger:#ff6b70;--success:#54c486;--warning:#f0b83f;--primary-foreground:#101318;--secondary-foreground:#17100d;--shadow-float:0 14px 42px #0000004d,0 2px 8px #00000038;--shadow-dialog:0 28px 90px #0000008c,0 6px 20px #00000052;--focus:0 0 0 3px #62a9d83d}[data-density=compact]{--control-h:34px;--content-gap:16px;--panel-pad:18px;--row-h:42px}[data-density=comfortable]{--control-h:44px;--content-gap:28px;--panel-pad:28px;--row-h:58px}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:clip}body{background:var(--bg);width:100%;min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-interface);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;margin:0;font-size:14px;font-weight:400}:where(strong,b,h1,h2,h3,h4,h5,h6){font-weight:500}button,input,select,textarea{font:inherit}a,button,input,textarea{outline:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--focus)}button{color:inherit}::selection{background:var(--blue-200);color:#182a5e}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.checkbox,.input-wrap input,.input-wrap>button,.select-wrap select,.switch-control{background:0 0}.checkbox>i{color:#fff}.switch-control>i{transition:background .12s}.switch-control>i:after{background:#fff;transition:transform .12s;box-shadow:0 1px 3px #00000038}.switch-control.is-on>i:after{transform:translate(15px)}.tabs button{background:0 0}.tabs button.is-active{box-shadow:0 1px 3px #0f141e14}.mini-navigation>button{background:0 0}.alert--info{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.alert--info{border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}}.alert--info>span{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.alert--info>span{background:color-mix(in srgb,var(--primary) 15%,transparent)}}.alert--warning{border-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.alert--warning{border-color:color-mix(in srgb,var(--secondary) 22%,var(--border))}}.alert--warning>span{background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.alert--warning>span{background:color-mix(in srgb,var(--secondary) 14%,transparent)}}.alert>button,.segmented-control button{background:0 0}.segmented-control button.is-active{box-shadow:0 1px 3px #0f141e14}@media (max-width:480px){.form-grid{grid-template-columns:1fr}.control-row{flex-direction:column;align-items:flex-start}.button-row .button{flex:1}.feedback-actions{flex-direction:column;align-items:stretch}.feedback-actions .button{width:100%}}.chart-grid line{stroke-width:1px}.chart-primary,.chart-secondary{stroke-width:3px}.chart-secondary{stroke-width:2px}.chart-point{stroke-width:3px}.activity-more{background:0 0}tbody tr:hover td{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){tbody tr:hover td{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}}.chat-item{background:0 0}.chat-item.is-active{box-shadow:0 1px 3px #1418200d}.chat-item>b{color:#fff}.message-block.is-own .message-bubble{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.message-block.is-own .message-bubble{border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}}.attachment-card button,.composer textarea{background:0 0}.send-button{color:#fff}.detail-row button{background:0 0}.kanban-column{background:var(--surface-muted);border:1px solid #0000}@supports (color:color-mix(in lab,red,red)){.kanban-column{background:color-mix(in srgb,var(--surface-muted) 44%,transparent)}}.task-card{box-shadow:0 1px 2px #0f141e08}.add-task,.task-grip{background:0 0}@media (max-width:760px){.metrics-grid{grid-template-columns:1fr 1fr}.chat-demo{grid-template-columns:1fr;min-height:720px}.chat-list{display:none}.message-block>div{max-width:88%}.board-toolbar{flex-wrap:wrap;align-items:flex-start}.board-members{order:3;width:100%;margin-left:5px;padding-left:0}.kanban-columns{grid-template-columns:repeat(4,265px)}}@media (max-width:540px){.activity-list,.metrics-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar>div:last-child{justify-content:flex-end}.analytics-head{flex-direction:column;align-items:flex-start}.chart-tooltip{display:none}.chart-wrap{height:235px}.message-stream{padding-inline:14px}.message-block>div{max-width:95%}.attachment-card{min-width:0}.composer-wrap{padding-inline:12px}.board-actions{width:100%}.board-actions .button{flex:1}}#root{width:100%;overflow-x:clip}#root,.app-shell{min-height:100vh}.workspace{min-width:0;margin-left:256px;transition:margin-left .16s}.is-sidebar-collapsed .workspace{margin-left:0}.is-sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar{z-index:40;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;width:256px;padding:18px 14px 14px;transition:transform .16s;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;min-height:42px;padding:0 6px 14px;display:flex}.brand-mark{background:var(--text);border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.brand-mark span:first-child{background:var(--primary);border-radius:4px;width:12px;height:22px;position:absolute;transform:rotate(38deg)translate(-2px,2px)}.brand-mark span:last-child{background:var(--secondary);border-radius:3px;width:8px;height:16px;position:absolute;transform:rotate(38deg)translate(7px,-4px)}.brand-copy{gap:1px;display:grid}.brand-copy strong{font:500 15px/1.2 var(--font-display);letter-spacing:-.02em}.brand-copy span{color:var(--text-tertiary);font-size:11px}.chat-search,.search-field,.sidebar-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle);min-height:38px;color:var(--text-tertiary);align-items:center;gap:8px;padding:0 10px;display:flex}.sidebar-search{margin:4px 2px 18px}.chat-search input,.search-field input,.sidebar-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0}.chat-search input::placeholder,.search-field input::placeholder,.sidebar-search input::placeholder{color:var(--text-tertiary)}kbd{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-tertiary);font:500 10px/1.3 var(--font-interface);box-shadow:0 1px 0 var(--border);white-space:nowrap;border-radius:5px;padding:2px 5px}.sidebar-nav{gap:20px;display:grid;overflow-y:auto}.nav-group{gap:3px;display:grid}.nav-label{color:var(--text-tertiary);letter-spacing:.09em;text-transform:uppercase;margin:0 9px 4px;font-size:10px;font-weight:500}.nav-group button{border-radius:var(--radius-sm);width:100%;min-height:37px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.nav-group button:hover{background:var(--surface-subtle);color:var(--text)}.nav-group button.is-active{background:var(--primary-soft);color:var(--primary);font-weight:500}.sidebar-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:auto 2px 12px;padding:11px;display:grid}.sidebar-card-icon{background:var(--secondary-soft);width:34px;height:34px;color:var(--secondary);border-radius:9px;place-items:center;display:grid}.sidebar-card div:nth-child(2){gap:2px;display:grid}.sidebar-card strong{font-size:12px}.sidebar-card span{font-size:10px}.sidebar-card span,.sidebar-card>svg{color:var(--text-tertiary)}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 4px 0;display:flex}.sidebar-footer>button:first-child{color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.status-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 15%,transparent)}}.mobile-menu,.sidebar-mobile-close{display:none!important}.topbar{z-index:30;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.topbar{border-bottom:1px solid color-mix(in srgb,var(--border) 84%,transparent)}}.topbar{background:var(--bg)}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--bg) 90%,transparent)}}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.badge-row,.button-row,.feedback-actions,.hero-actions,.topbar-actions,.topbar-left{align-items:center;gap:9px;display:flex}.breadcrumbs{align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs b,.breadcrumbs span{color:var(--text-tertiary);font-weight:500}.breadcrumbs strong{font-weight:500}.density-control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:2px;padding:3px;display:flex}.density-control button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:27px;display:grid}.density-control button.is-active,.density-control button:hover{background:var(--surface-subtle)}.density-control button.is-active{color:var(--primary)}.density-icon{border-top:1.5px solid;border-bottom:1.5px solid;width:13px}.density-icon--compact{height:7px;box-shadow:inset 0 2px #0000,inset 0 -2px #0000}.density-icon--regular{height:9px}.density-icon--comfortable{height:12px}.notification-button{position:relative}.notification-button>span{border:1.5px solid var(--surface);background:var(--secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.icon-button{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--border);background:var(--surface-subtle);color:var(--text)}.button{min-height:var(--control-h);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:500;transition:background-color .12s,border-color .12s,transform 80ms;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button--sm{min-height:calc(var(--control-h) - 6px);padding-inline:12px;font-size:12px}.button--primary{background:var(--primary);color:#fff}.button--primary:hover{background:var(--primary-hover)}.button--secondary{background:var(--secondary);color:#fff}.button--secondary:hover{background:var(--secondary-hover)}.button--outline{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.button--outline:hover{background:var(--surface-subtle)}.button--ghost{color:var(--text-secondary);background:0 0}.button--ghost:hover{background:var(--surface-subtle);color:var(--text)}.button--danger{background:var(--danger);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.content{width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:0 42px 48px}.hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);align-items:center;gap:72px;min-height:570px;padding:72px 0 76px;scroll-margin-top:64px;display:grid}.hero>*{min-width:0}.hero-kicker{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:20px;font-size:12px;font-weight:500;display:flex}.hero-kicker span{background:var(--secondary);width:7px;height:7px;box-shadow:0 0 0 4px var(--secondary-soft);border-radius:50%}.hero h1{max-width:750px;font:500 clamp(44px,5vw,76px)/.98 var(--font-display);letter-spacing:-.055em;margin:0}.hero-copy>p{max-width:680px;color:var(--text-secondary);margin:24px 0 30px;font-size:clamp(16px,1.45vw,19px);line-height:1.6}.hero-preview{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:100%;max-width:100%;box-shadow:0 24px 70px var(--primary);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hero-preview{box-shadow:0 24px 70px color-mix(in srgb,var(--primary) 8%,transparent)}}.preview-window-bar{border-bottom:1px solid var(--border);background:var(--surface-subtle);align-items:center;gap:6px;height:46px;padding:0 16px;display:flex}.preview-window-bar i{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.preview-window-bar i:nth-child(2){background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.preview-window-bar i:nth-child(2){background:color-mix(in srgb,var(--secondary) 45%,var(--border))}}.preview-window-bar span{color:var(--text-tertiary);font:500 10px var(--font-interface);margin-left:auto}.token-preview{padding:14px 18px;display:grid}.token-line{border-bottom:1px solid var(--border);grid-template-columns:54px minmax(120px,1fr) 44px 68px;align-items:center;gap:8px;min-height:56px;font-size:11px;display:grid}.token-line:last-child{border-bottom:0}.token-line>span{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:500}.token-line b{font-size:11px;font-weight:500}.token-line code{color:var(--text-secondary);font:500 10px var(--font-interface);text-align:right}.token-line i{border:4px solid var(--surface);width:26px;height:26px;box-shadow:0 0 0 1px var(--border);border-radius:8px}.swatch-blue{background:#2878b8}.swatch-orange{background:#e86452}.token-line em{background:var(--surface-subtle);width:29px;height:29px;color:var(--text);border-radius:8px;place-items:center;font-style:normal;font-weight:500;display:grid}.token-line em.space-token{width:34px;color:var(--primary);letter-spacing:0;background:0 0;font-size:10px;line-height:29px;display:block;overflow:hidden}.preview-note{border-top:1px solid var(--border);background:var(--primary-soft);min-height:48px;color:var(--primary);align-items:center;gap:7px;padding:0 18px;font-size:11px;display:flex}.preview-note b{margin-left:auto}.catalog-section{min-width:0;padding:82px 0 6px;scroll-margin-top:64px}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.section-heading>div{max-width:760px}.card-heading>div>span,.card-label,.eyebrow{color:var(--primary);letter-spacing:.095em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:500;display:block}.section-heading h2{font:500 clamp(30px,3vw,44px)/1.08 var(--font-display);letter-spacing:-.04em;margin:0}.section-heading p{max-width:720px;color:var(--text-secondary);margin:12px 0 0;font-size:15px;line-height:1.6}.showcase-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-heading>div>span{color:var(--text-tertiary);margin-bottom:5px}.card-heading h3,.showcase-card>h3{font:500 18px/1.25 var(--font-display);letter-spacing:-.025em;margin:0}.card-heading>svg{color:var(--text-tertiary)}.showcase-card>p{margin:12px 0 20px;font-size:13px;line-height:1.55}.badge,.showcase-card>p{color:var(--text-secondary)}.badge{border:1px solid var(--border);border-radius:var(--radius-round);background:var(--surface-subtle);min-height:23px;white-space:nowrap;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge--blue{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.badge--blue{border-color:color-mix(in srgb,var(--primary) 20%,transparent)}}.badge--blue{background:var(--primary-soft);color:var(--primary)}.badge--orange{border-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.badge--orange{border-color:color-mix(in srgb,var(--secondary) 20%,transparent)}}.badge--orange{background:var(--secondary-soft);color:var(--secondary)}.badge--green{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.badge--green{border-color:color-mix(in srgb,var(--success) 20%,transparent)}}.badge--green{background:var(--success)}@supports (color:color-mix(in lab,red,red)){.badge--green{background:color-mix(in srgb,var(--success) 12%,var(--surface))}}.badge--green{color:var(--success)}.badge--red{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.badge--red{border-color:color-mix(in srgb,var(--danger) 20%,transparent)}}.badge--red{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.badge--red{background:color-mix(in srgb,var(--danger) 10%,var(--surface))}}.badge--red{color:var(--danger)}.avatar{border:2px solid var(--surface);border-radius:var(--radius-round);background:var(--primary-soft);color:var(--primary);flex:none;place-items:center;font-size:10px;font-weight:500;display:inline-grid}.avatar--orange{background:var(--secondary-soft);color:var(--secondary)}.avatar--gray{background:var(--surface-muted);color:var(--text-secondary)}.avatar--sm{width:28px;height:28px}.avatar--md{width:36px;height:36px}.avatar--lg{width:58px;height:58px;font-size:15px}.foundation-grid{gap:var(--content-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.foundation-grid .showcase-card{min-height:430px;padding:var(--panel-pad)}.palette-mini{display:flex}.palette-mini i{border:2px solid var(--surface);background:var(--primary);border-radius:50%;width:16px;height:16px;margin-left:-4px}.palette-mini i:nth-child(2){background:var(--secondary)}.palette-mini i:nth-child(3){background:var(--text)}.palette-list{border:1px solid var(--border);border-radius:var(--radius-md);gap:1px;display:grid;overflow:hidden}.palette-row{border-bottom:1px solid var(--border);background:var(--surface-subtle);grid-template-columns:44px 1fr auto;align-items:center;gap:11px;min-height:59px;padding:7px 11px;display:grid}.palette-row:last-child{border-bottom:0}.palette-row>i{border:1px solid #0000000f;border-radius:8px;width:42px;height:38px}.palette-blue{background:#2878b8}.palette-orange{background:#e86452}.palette-ink{background:#17191d}.palette-cloud{background:#f1f3f6}.palette-row>div{gap:2px;display:grid}.palette-row strong{font-size:11px}.palette-row span{color:var(--text-tertiary);font-size:9px}.palette-row code{color:var(--text-secondary);font:500 10px var(--font-interface)}.type-samples{gap:18px;display:grid}.type-samples>div{border-bottom:1px solid var(--border);gap:7px;padding-bottom:16px;display:grid}.type-samples>div>span{color:var(--text-tertiary);text-transform:uppercase;font-size:9px;font-weight:500}.type-samples strong{font:500 26px/1.08 var(--font-display);letter-spacing:-.035em}.type-samples p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.type-samples .type-scale{border-bottom:0;align-items:baseline;gap:8px;display:flex}.type-scale b{font:500 30px var(--font-display)}.type-scale i{background:var(--primary);border-radius:50%;width:5px;height:5px}.type-scale i:nth-of-type(2){width:8px;height:8px}.type-scale i:nth-of-type(3){background:var(--secondary);width:12px;height:12px}.type-scale code{color:var(--text-tertiary);font:500 9px var(--font-interface);margin-left:auto}.radius-samples{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.radius-samples>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle);align-items:center;gap:10px;padding:11px;display:flex}.radius-samples i{border:2px solid var(--primary);background:var(--primary-soft);width:34px;height:34px;display:block}.radius-8{border-radius:8px}.radius-12{border-radius:12px}.radius-16{border-radius:16px}.radius-pill{border-radius:999px}.radius-samples span{color:var(--text-tertiary);font-size:9px;display:grid}.radius-samples b{color:var(--text);font-size:12px}.foundation-rule{border-top:1px solid var(--border);color:var(--text-secondary);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:18px;padding-top:16px;font-size:10px;display:grid}.foundation-rule>svg:first-child{color:var(--success)}.foundation-rule>svg:last-child{color:var(--text-tertiary)}.dialog-overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0f158c;animation:fadeIn .12s;position:fixed;inset:0}.dialog-content{z-index:90;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-raised);width:min(480px,100vw - 32px);box-shadow:var(--shadow-dialog);padding:28px;animation:dialogIn .14s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.dialog-content h2{font:500 22px var(--font-display);letter-spacing:-.03em;margin:0}.dialog-content>p{color:var(--text-secondary);margin:12px 0 20px;line-height:1.6}.dialog-list{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:9px;padding:15px;display:grid}.dialog-list span{align-items:center;gap:9px;font-size:12px;display:flex}.dialog-list svg{color:var(--success)}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.dialog-close{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.dialog-close:hover{background:var(--surface-subtle);color:var(--text)}.toast{z-index:100;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:min(380px,100vw - 32px);box-shadow:var(--shadow-float);grid-template-columns:auto 1fr auto;align-items:start;gap:11px;padding:14px;animation:toastIn .18s;display:grid;position:fixed;bottom:22px;right:22px}.toast-icon{background:var(--success);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab,red,red)){.toast-icon{background:color-mix(in srgb,var(--success) 14%,var(--surface))}}.toast-icon{color:var(--success)}.toast div{gap:3px;display:grid}.toast strong{font-size:12px}.toast p{color:var(--text-secondary);margin:0;font-size:10px}.toast>button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0}@keyframes fadeIn{0%{opacity:0}}@keyframes dialogIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.page-footer{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:90px;padding:28px 0 12px;display:grid}.page-footer>div:nth-child(2){gap:3px;display:grid}.page-footer strong{font:500 13px var(--font-display)}.page-footer p,.page-footer span{color:var(--text-tertiary);font-size:10px}.page-footer p{margin:0}.mobile-scrim{display:none}@media (max-width:1180px){.content{padding-inline:28px}.hero{grid-template-columns:1fr 390px;gap:40px}.foundation-grid{grid-template-columns:repeat(2,1fr)}.geometry-card{grid-column:span 2;min-height:auto!important}}@media (max-width:900px){.is-sidebar-collapsed .workspace,.workspace{margin-left:0}.sidebar{box-shadow:var(--shadow-dialog);transform:translate(-100%)}.sidebar.is-mobile-open{transform:translate(0)}.mobile-menu,.sidebar-mobile-close{display:inline-grid!important}.sidebar-mobile-close{margin-left:auto}.desktop-sidebar-toggle{display:none}.mobile-scrim{z-index:35;background:#0c0f156b;border:0;display:block;position:fixed;inset:0}.hero{grid-template-columns:1fr;min-height:0;padding-block:64px}.hero-preview{max-width:620px;transform:none}}@media (max-width:680px){.topbar{height:58px;padding:0 16px}.breadcrumbs,.density-control,.topbar-actions>.button{display:none}.content{padding-inline:17px}.hero{gap:38px;padding-block:48px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.token-line{grid-template-columns:42px minmax(100px,1fr) 34px 60px}.token-line b{text-overflow:ellipsis;overflow:hidden}.catalog-section{padding-top:62px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading h2{font-size:31px}.foundation-grid{grid-template-columns:1fr}.geometry-card{grid-column:auto}.foundation-grid .showcase-card{min-height:auto}.page-footer{grid-template-columns:auto 1fr}.page-footer p{grid-column:2}.dialog-content{padding:22px}}.components-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--content-gap)}.components-grid>.showcase-card{padding:var(--panel-pad)}.actions-card,.form-card{grid-column:span 6}.empty-card,.feedback-card,.nav-card,.selection-card{grid-column:span 4}.actions-card .button-row{flex-wrap:wrap;margin-top:22px}.actions-card .button-row+.button-row{margin-top:9px}.actions-card .badge-row{flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.required-note{color:var(--text-tertiary);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.field{display:grid;align-content:start;gap:7px;color:var(--text-secondary);font-size:10px;font-weight:500}.field small{min-height:12px;color:var(--text-tertiary);font-size:9px;font-weight:450}.input-wrap,.select-wrap{display:flex;height:var(--control-h);align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-tertiary)}.input-wrap:focus-within,.select-wrap:focus-within{border-color:var(--primary);box-shadow:var(--focus)}.input-wrap input,.select-wrap select{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:12px}.input-wrap>button{display:grid;padding:0;border:0;background:none;color:var(--text-tertiary);cursor:pointer}.select-wrap select{appearance:none}.select-wrap>svg:last-child{margin-left:auto}.control-row{display:flex;align-items:center;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.checkbox,.switch-control{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--text-secondary);font-size:11px;cursor:pointer}.checkbox>i{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:white}.checkbox.is-checked>i{border-color:var(--primary);background:var(--primary)}.switch-control>i{position:relative;display:block;width:34px;height:19px;border-radius:var(--radius-round);background:var(--surface-muted);transition:background .12s ease}.switch-control>i:after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 3px rgb(0 0 0/.22);content:"";transition:transform .12s ease}.switch-control.is-on>i{background:var(--primary)}.switch-control.is-on>i:after{transform:translateX(15px)}.tabs{display:flex;gap:4px;margin-top:20px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle)}.tabs button{display:flex;min-height:31px;flex:1;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:10px;cursor:pointer}.tabs button.is-active{background:var(--surface);color:var(--text);font-weight:500;box-shadow:0 1px 3px rgb(15 20 30/.08)}.tabs button b{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--surface-muted);font-size:9px}.breadcrumb-sample{display:flex;align-items:center;gap:7px;margin:18px 0;color:var(--text-tertiary);font-size:10px}.breadcrumb-sample strong{color:var(--text)}.mini-navigation{display:grid;gap:4px}.mini-navigation>button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:52px;padding:6px 9px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;text-align:left}.mini-navigation>button.is-active{background:var(--surface-subtle)}.mini-navigation>button>svg{color:var(--text-tertiary)}.activity-icon,.nav-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px}.activity-icon.blue,.nav-icon.blue{background:var(--primary-soft);color:var(--primary)}.activity-icon.orange,.nav-icon.orange{background:var(--secondary-soft);color:var(--secondary)}.nav-icon.gray{background:var(--surface-muted);color:var(--text-secondary)}.mini-navigation>button div{display:grid;gap:2px}.mini-navigation strong{font-size:11px}.mini-navigation small{color:var(--text-tertiary);font-size:9px}.feedback-card .card-heading{margin-bottom:18px}.alert{display:grid;grid-template-columns:30px 1fr auto;align-items:start;gap:9px;margin-top:9px;padding:11px;border:1px solid var(--border);border-radius:var(--radius-sm)}.alert>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px}.alert--info{border-color:color-mix(in srgb,var(--primary) 22%,var(--border));background:var(--primary-soft)}.alert--info>span{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.alert--warning{border-color:color-mix(in srgb,var(--secondary) 22%,var(--border));background:var(--secondary-soft)}.alert--warning>span{background:color-mix(in srgb,var(--secondary) 14%,transparent);color:var(--secondary)}.alert>div{display:grid;gap:3px}.alert strong{font-size:10px}.alert p{margin:0;color:var(--text-secondary);font-size:9px;line-height:1.4}.alert>button{align-self:center;border:0;background:none;color:var(--primary);font-size:9px;font-weight:500;cursor:pointer}.progress-row{display:grid;gap:8px;margin-top:17px}.progress-row>div{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:10px}.progress-row b{color:var(--text)}.progress-row>i{overflow:hidden;height:6px;border-radius:var(--radius-round);background:var(--surface-muted)}.progress-row>i>span{display:block;width:68%;height:100%;border-radius:inherit;background:var(--primary)}.feedback-actions{margin-top:18px}.selection-card .segmented-control{display:flex;gap:3px;margin-top:20px;padding:3px;border-radius:var(--radius-sm);background:var(--surface-subtle)}.segmented-control button{flex:1;min-height:31px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:10px;cursor:pointer}.segmented-control button.is-active{background:var(--surface);color:var(--text);font-weight:500;box-shadow:0 1px 3px rgb(15 20 30/.08)}.selection-card .search-field{margin-top:14px;background:var(--surface)}.search-field input{font-size:10px}.people-select{display:grid;gap:3px;margin-top:12px}.people-select>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px;border-radius:var(--radius-sm)}.people-select>div:first-child{background:var(--primary-soft)}.people-select>div>span{display:grid;gap:2px}.people-select strong{font-size:10px}.people-select small{color:var(--text-tertiary);font-size:9px}.people-select svg{color:var(--primary)}.empty-card{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-card>p{max-width:260px;margin:9px auto 17px}.empty-visual{position:relative;width:96px;height:76px;margin-bottom:15px}.empty-visual>i{position:absolute;inset:18px 0 0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle);transform:rotate(-7deg)}.empty-visual>i:nth-child(2){inset:8px 12px 8px 0;transform:rotate(6deg);background:var(--surface)}.empty-visual>span{position:absolute;z-index:1;inset:20px 24px 8px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}@media (max-width:1180px){.empty-card,.feedback-card,.nav-card,.selection-card{grid-column:span 6}}@media (max-width:760px){.actions-card,.empty-card,.feedback-card,.form-card,.nav-card,.selection-card{grid-column:1/-1}}@media (max-width:480px){.form-grid{grid-template-columns:1fr}.control-row{align-items:flex-start;flex-direction:column}.button-row .button{flex:1}.feedback-actions{align-items:stretch;flex-direction:column}.feedback-actions .button{width:100%}}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--content-gap);margin-bottom:var(--content-gap)}.metric-card{padding:var(--panel-pad);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.metric-card>div{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:10px}.metric-card>div .icon-button{width:28px;height:28px}.metric-card>strong{display:block;margin:12px 0 9px;font:500 29px/1 var(--font-display);letter-spacing:-.04em}.metric-card>p{display:flex;align-items:center;gap:4px;margin:0;color:var(--success);font-size:9px}.metric-card>p b{font-weight:500}.metric-card>p span{color:var(--text-tertiary)}.metric-card>p.is-negative,.metric-card>p.is-negative b{color:var(--danger)}.metric-card>p.is-negative span{color:var(--text-tertiary)}.data-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.75fr);gap:var(--content-gap)}.activity-card,.analytics-card{min-height:425px;padding:var(--panel-pad)}.analytics-head,.board-toolbar,.table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.analytics-head .card-label{margin-bottom:7px;color:var(--text-tertiary)}.analytics-head h3{margin:0;font:500 28px var(--font-display);letter-spacing:-.035em}.analytics-head h3 small{color:var(--text-tertiary);font:500 10px var(--font-interface);letter-spacing:0}.period-button{display:flex;min-height:32px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:9px;cursor:pointer}.chart-legend{display:flex;justify-content:flex-end;gap:14px;margin:6px 0 0}.chart-legend span{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:9px}.chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--primary)}.chart-legend .legend-orange{background:var(--secondary)}.chart-wrap{position:relative;height:275px;margin-top:7px;padding:0 0 24px 34px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-grid line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 5}.chart-area{fill:url(#chart-fill)}.chart-primary,.chart-secondary{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round}.chart-secondary{stroke:var(--secondary);stroke-width:2;stroke-dasharray:4 6;opacity:.9}.chart-point{fill:var(--surface);stroke:var(--primary);stroke-width:3}.y-axis{inset:0 auto 24px 0;flex-direction:column}.x-axis,.y-axis{position:absolute;display:flex;justify-content:space-between;color:var(--text-tertiary);font-size:8px}.x-axis{right:0;bottom:0;left:34px}.chart-tooltip{position:absolute;top:26px;right:8%;display:grid;gap:3px;min-width:138px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-float)}.chart-tooltip small,.chart-tooltip span{color:var(--text-tertiary);font-size:8px}.chart-tooltip strong{font-size:11px}.activity-card .card-heading{margin-bottom:18px}.activity-list{display:grid}.activity-list>div{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;min-height:67px;padding:10px 0;border-bottom:1px solid var(--border)}.activity-list>div:last-child{border-bottom:0}.activity-list p{display:grid;gap:3px;margin:0;color:var(--text-secondary);font-size:10px;line-height:1.4}.activity-list strong{color:var(--text)}.activity-list small{color:var(--text-tertiary);font-size:8px}.activity-more{display:flex;align-items:center;gap:6px;margin-top:10px;padding:0;border:0;background:none;color:var(--primary);font-size:10px;font-weight:500;cursor:pointer}.table-card{margin-top:var(--content-gap);overflow:hidden}.table-toolbar{padding:var(--panel-pad)}.table-toolbar h3{align-items:center;margin:0;font:500 18px var(--font-display)}.table-toolbar h3,.table-toolbar>div:last-child{display:flex;gap:8px}.responsive-table{overflow-x:auto;border-top:1px solid var(--border)}table{width:100%;min-width:840px;border-collapse:collapse;text-align:left}th{height:39px;background:var(--surface-subtle);color:var(--text-tertiary);font-size:8px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}td,th{padding:0 13px}td{height:var(--row-h);border-top:1px solid var(--border);color:var(--text-secondary);font-size:10px}tbody tr:hover td{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}td>strong{color:var(--text);font-size:11px}.owner-cell{gap:7px}.owner-cell,.table-progress{display:flex;align-items:center}.table-progress{width:100%;gap:8px}.table-progress>i{width:75px;height:5px;overflow:hidden;border-radius:999px;background:var(--surface-muted)}.table-progress b{display:block;height:100%;border-radius:inherit;background:var(--primary)}.table-progress small{color:var(--text-tertiary);font-size:9px}.table-card .icon-button{width:28px;height:28px}input[type=checkbox]{accent-color:var(--primary)}.chat-demo{display:grid;grid-template-columns:240px minmax(400px,1fr) 205px;min-height:680px;overflow:hidden}.chat-details,.chat-list{background:var(--surface-subtle)}.chat-list{padding:14px 10px;border-right:1px solid var(--border)}.chat-list-head,.conversation-head{display:flex;align-items:center;justify-content:space-between}.chat-list-head{height:40px;padding:0 4px 8px}.chat-list-head strong{font:500 14px var(--font-display)}.chat-list-head .icon-button,.conversation-head .icon-button{width:33px;height:33px}.chat-search{height:34px;min-height:34px;margin:5px 3px 17px;background:var(--surface)}.chat-search input{font-size:10px}.chat-group-label{display:block;margin:0 8px 7px;color:var(--text-tertiary);font-size:8px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.chat-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;width:100%;align-items:center;gap:8px;min-height:59px;margin-bottom:3px;padding:7px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;text-align:left}.chat-item.is-active,.chat-item:hover{background:var(--surface)}.chat-item.is-active{box-shadow:0 1px 3px rgb(20 24 32/.05)}.chat-item>span{display:grid;min-width:0;gap:4px}.chat-item small,.chat-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item strong{font-size:10px}.chat-item small{color:var(--text-tertiary);font-size:9px}.chat-item em{align-self:start;color:var(--text-tertiary);font-size:8px;font-style:normal}.chat-item>b{position:absolute;right:8px;bottom:8px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--primary);color:white;font-size:8px}.conversation{display:flex;min-width:0;flex-direction:column;background:var(--surface)}.conversation-head{height:65px;padding:0 18px;border-bottom:1px solid var(--border)}.conversation-head>div:last-child,.conversation-title{display:flex;align-items:center;gap:9px}.conversation-title>div{display:grid;gap:3px}.conversation-title strong{font-size:11px}.conversation-title span{display:flex;align-items:center;gap:5px;color:var(--text-tertiary);font-size:8px}.conversation-title span i{width:6px;height:6px;border-radius:50%;background:var(--success)}.message-stream{display:flex;min-height:0;flex:1;flex-direction:column;padding:18px 24px}.date-divider{display:flex;align-items:center;gap:10px;margin:1px 0 19px;color:var(--text-tertiary);font-size:8px}.date-divider:after,.date-divider:before{height:1px;flex:1;background:var(--border);content:""}.message-block{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;margin-bottom:18px}.message-block>div{max-width:78%}.message-block.is-own>div{justify-self:end}.message-block.is-own .message-bubble{border-color:color-mix(in srgb,var(--primary) 20%,var(--border));background:var(--primary-soft)}.message-meta{display:flex;align-items:center;gap:7px;margin:0 0 6px}.message-meta strong{font-size:9px}.message-meta span{color:var(--text-tertiary);font-size:8px}.message-bubble{display:inline-block;padding:10px 12px;border:1px solid var(--border);border-radius:4px 12px 12px;background:var(--surface-subtle);font-size:11px;line-height:1.55}.attachment-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-width:280px;gap:9px;margin-top:7px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm)}.attachment-card>span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary)}.attachment-card>div{display:grid;gap:2px}.attachment-card strong{font-size:9px}.attachment-card small{color:var(--text-tertiary);font-size:8px}.attachment-card button{border:0;background:none;color:var(--primary);font-size:8px;font-weight:500;cursor:pointer}.reactions{display:flex;gap:4px;margin-top:6px}.reactions button{padding:3px 6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:9px}.reactions span{color:var(--text-tertiary)}.read-state{justify-content:flex-end;gap:4px;margin-top:4px}.read-state,.typing{display:flex;align-items:center;color:var(--text-tertiary);font-size:8px}.typing{gap:7px;margin-top:auto;padding-left:38px}.typing>span{display:flex;gap:2px}.typing i{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary)}.composer-wrap{padding:0 20px 18px}.composer-toolbar{display:flex;gap:6px;margin:0 7px -1px}.composer-toolbar button{display:flex;min-height:27px;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--border);border-radius:7px 7px 0 0;background:var(--surface-subtle);color:var(--text-secondary);font-size:8px}.composer{overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.composer:focus-within{border-color:var(--primary);box-shadow:var(--focus)}.composer textarea{display:block;width:100%;height:55px;resize:none;padding:12px;border:0;background:transparent;color:var(--text);font-size:10px}.composer>div{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 7px}.composer>div>span{display:flex}.composer .icon-button{width:29px;height:29px}.send-button{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:8px;background:var(--primary);color:white;cursor:pointer}.send-button:disabled{background:var(--surface-muted);color:var(--text-tertiary)}.chat-details{padding:20px 14px;border-left:1px solid var(--border)}.details-hero{display:flex;align-items:center;flex-direction:column;padding:7px 0 18px}.details-hero strong{margin-top:8px;font-size:11px}.details-hero>span{margin-top:3px;color:var(--text-tertiary);font-size:8px}.details-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:18px;border-bottom:1px solid var(--border)}.details-actions button{display:grid;min-height:51px;place-items:center;gap:4px;border:0;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:8px}.detail-row{display:grid;margin-top:12px}.detail-row button{display:flex;min-height:40px;align-items:center;justify-content:space-between;padding:0 7px;border:0;background:transparent;color:var(--text);font-size:9px}.detail-row button span{display:flex;align-items:center;gap:7px}.detail-row b{color:var(--text-tertiary);font-size:9px}.kanban-demo{overflow:hidden}.board-toolbar{align-items:center;padding:var(--panel-pad);border-bottom:1px solid var(--border)}.board-toolbar>div:first-child{display:grid;gap:4px}.board-toolbar h3{margin:0;font:500 18px var(--font-display)}.board-toolbar>div:first-child span{color:var(--text-tertiary);font-size:9px}.board-members{display:flex;margin-left:auto;padding-left:18px}.board-members .avatar{margin-left:-6px}.board-members i{display:grid;width:28px;height:28px;margin-left:-6px;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--surface-muted);color:var(--text-secondary);font-size:8px;font-style:normal}.board-actions{display:flex;gap:8px}.kanban-columns{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:12px;overflow-x:auto;padding:16px;background:var(--surface-subtle)}.kanban-column{min-height:510px;padding:9px;border:1px solid transparent;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-muted) 44%,transparent)}.kanban-column:has(.task-card:active){border-color:var(--primary)}.kanban-column-head{display:flex;height:39px;align-items:center;justify-content:space-between;padding:0 3px 8px}.kanban-column-head>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500}.kanban-column-head>span>i{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary)}.column--blue .kanban-column-head>span>i{background:var(--primary)}.column--orange .kanban-column-head>span>i{background:var(--secondary)}.column--green .kanban-column-head>span>i{background:var(--success)}.kanban-column-head b{color:var(--text-tertiary);font-size:9px}.kanban-column-head .icon-button{width:28px;height:28px}.kanban-tasks{display:grid;gap:9px}.task-card{position:relative;min-height:127px;padding:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 1px 2px rgb(15 20 30/.03);cursor:grab}.task-card:active{box-shadow:var(--shadow-float);cursor:grabbing}.task-grip{position:absolute;top:9px;right:7px;display:grid;width:26px;height:26px;place-items:center;border:0;background:none;color:var(--text-tertiary);opacity:0;cursor:grab}.task-card:hover .task-grip{opacity:1}.task-card .badge{max-width:calc(100% - 22px)}.task-card h4{min-height:35px;margin:10px 0 14px;font-size:11px;font-weight:500;line-height:1.45}.task-meta{justify-content:space-between}.task-meta,.task-meta>span{display:flex;align-items:center}.task-meta>span{gap:8px}.task-meta em{display:flex;align-items:center;gap:3px;color:var(--text-tertiary);font-size:8px;font-style:normal}.task-meta em.is-today{color:var(--secondary)}.task-done{position:absolute;top:12px;right:12px;color:var(--success)}.add-task{display:flex;width:100%;min-height:35px;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:9px;cursor:pointer}.add-task:hover{border-color:var(--primary);color:var(--primary)}@media (max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:1fr}.activity-card{min-height:auto}.activity-list{grid-template-columns:repeat(2,1fr);column-gap:20px}.chat-demo{grid-template-columns:220px minmax(430px,1fr)}.chat-details{display:none}}@media (max-width:760px){.metrics-grid{grid-template-columns:1fr 1fr}.chat-demo{grid-template-columns:1fr;min-height:720px}.chat-list{display:none}.message-block>div{max-width:88%}.board-toolbar{align-items:flex-start;flex-wrap:wrap}.board-members{order:3;width:100%;margin-left:5px;padding-left:0}.kanban-columns{grid-template-columns:repeat(4,265px)}}@media (max-width:540px){.activity-list,.metrics-grid{grid-template-columns:1fr}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar>div:last-child{justify-content:flex-end}.analytics-head{align-items:flex-start;flex-direction:column}.chart-tooltip{display:none}.chart-wrap{height:235px}.message-stream{padding-inline:14px}.message-block>div{max-width:95%}.attachment-card{min-width:0}.composer-wrap{padding-inline:12px}.board-actions{width:100%}.board-actions .button{flex:1}}a{color:inherit;text-decoration:none}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:block}.builder-shell{min-height:100vh}.builder-topbar{position:sticky;z-index:30;top:0;height:64px;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px)}.builder-brand,.builder-brand-mark,.builder-topbar,.builder-topbar-actions,.editor-actions,.editor-title,.login-brand,.preview-status,.project-meta,.viewport-switcher{display:flex;align-items:center}.builder-brand{min-width:0;gap:10px;font:500 14px var(--font-display)}.builder-brand-mark{width:34px;height:34px;justify-content:center;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-foreground)}.builder-topbar-actions{gap:8px}.builder-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 72px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{margin:4px 0 8px;font:500 clamp(30px,4vw,44px)/1.05 var(--font-display);letter-spacing:-.045em}.muted-copy,.page-heading p{margin:0;color:var(--text-secondary);line-height:1.55}.project-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.6fr);gap:var(--content-gap)}.create-project-card,.login-card,.projects-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.create-project-card,.login-card{padding:var(--panel-pad)}.create-project-card h2,.login-card h1,.projects-card h2{margin:0;font:500 20px/1.2 var(--font-display);letter-spacing:-.025em}.create-project-card>p,.login-card>p{margin:10px 0 22px;color:var(--text-secondary);line-height:1.55}.builder-form{display:grid;gap:15px}.builder-field{display:grid;gap:7px}.builder-field label{color:var(--text-secondary);font-size:11px;font-weight:500}.builder-input,.builder-textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.builder-input{height:var(--control-h);padding:0 12px}.builder-textarea{min-height:104px;resize:vertical;padding:11px 12px;line-height:1.5}.builder-input:focus,.builder-textarea:focus{border-color:var(--primary);box-shadow:var(--focus)}.projects-card{overflow:hidden}.projects-card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--panel-pad);border-bottom:1px solid var(--border)}.project-list{display:grid}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:92px;padding:16px var(--panel-pad);border-bottom:1px solid var(--border);transition:background-color .12s ease}.project-row:last-child{border-bottom:0}.project-row:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.project-row h3{overflow:hidden;margin:0 0 7px;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.project-meta{flex-wrap:wrap;gap:8px;color:var(--text-tertiary);font-size:10px}.empty-projects{display:grid;min-height:300px;place-items:center;padding:32px;color:var(--text-secondary);text-align:center}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.login-visual{position:relative;display:flex;min-height:620px;justify-content:flex-end;flex-direction:column;overflow:hidden;padding:clamp(36px,6vw,80px);background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 35%),radial-gradient(circle at 80% 76%,color-mix(in srgb,var(--secondary) 18%,transparent),transparent 34%),var(--surface-subtle)}.login-visual:after,.login-visual:before{position:absolute;border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:var(--shadow-float);content:"";transform:rotate(-6deg)}.login-visual:before{top:13%;left:16%;width:52%;height:34%}.login-visual:after{top:22%;left:28%;width:58%;height:37%;transform:rotate(4deg)}.login-copy{position:relative;z-index:1;max-width:600px}.login-copy h2{margin:14px 0;font:500 clamp(36px,5.2vw,68px)/.98 var(--font-display);letter-spacing:-.055em}.login-copy p{max-width:520px;margin:0;color:var(--text-secondary);font-size:16px;line-height:1.6}.login-panel{display:grid;place-items:center;padding:40px;background:var(--bg)}.login-card{width:min(100%,430px)}.login-brand{gap:9px;margin-bottom:34px;color:var(--text-secondary);font-weight:500}.form-error{margin:-2px 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-size:11px}.editor-page{display:flex;height:calc(100vh - 64px);min-height:660px;flex-direction:column}.editor-toolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;padding:9px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.editor-title{min-width:0;gap:10px}.editor-title-text{display:grid;min-width:0;gap:2px}.editor-title-text small,.editor-title-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-title-text small{color:var(--text-tertiary);font-size:9px}.editor-actions,.viewport-switcher{gap:6px}.viewport-switcher{padding:3px;border-radius:var(--radius-sm);background:var(--surface-subtle)}.viewport-switcher button{display:grid;width:32px;height:30px;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--text-tertiary);cursor:pointer}.viewport-switcher button.is-active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px rgb(15 20 30/.08)}.editor-grid{display:grid;min-height:0;flex:1;grid-template-columns:minmax(360px,38%) minmax(0,1fr)}.agent-panel{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}.agent-head{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border)}.agent-head>div{display:grid;gap:3px}.agent-head small{color:var(--text-tertiary);font-size:9px}.agent-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.agent-message{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px}.agent-message.is-user{grid-template-columns:minmax(0,1fr) auto}.agent-message.is-user>div{justify-self:end;background:var(--primary-soft)}.agent-message>div{max-width:88%;padding:11px 13px;border:1px solid var(--border);border-radius:5px var(--radius-md) var(--radius-md);background:var(--surface-subtle);line-height:1.55}.agent-message p{margin:0}.agent-composer{padding:12px 16px 16px;border-top:1px solid var(--border)}.agent-composer .composer{position:relative}.agent-composer textarea{min-height:72px;padding-right:50px}.agent-composer .send-button{position:absolute;right:8px;bottom:8px}.preview-panel{display:flex;min-width:0;flex-direction:column;background:var(--surface-subtle)}.preview-bar{display:flex;min-height:46px;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border)}.preview-status{gap:7px;color:var(--text-secondary);font-size:10px}.preview-status i{width:7px;height:7px;border-radius:50%;background:var(--success)}.preview-stage{display:grid;min-height:0;flex:1;place-items:center;overflow:auto;padding:24px}.preview-canvas{container-name:site-preview;container-type:inline-size;width:100%;min-height:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:white;box-shadow:var(--shadow-float);color:#17191d;transition:width .16s ease}.preview-canvas[data-viewport=tablet]{width:min(100%,768px)}.preview-canvas[data-viewport=mobile]{width:min(100%,390px)}.mock-site-nav{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,5cqw,68px);border-bottom:1px solid #e1e4e9}.mock-site-nav strong{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.35}.mock-site-links{flex-shrink:0;color:#5f6570;font-size:11px}.mock-site-menu{display:none;width:36px;height:36px;flex-shrink:0;place-items:center;padding:0;border:1px solid #e1e4e9;border-radius:10px;background:#ffffff;color:#5f6570}.mock-hero{display:grid;min-height:520px;place-items:center;padding:clamp(44px,8cqw,60px) clamp(20px,5cqw,28px);background:radial-gradient(circle at 75% 28%,rgb(40 120 184/.15),transparent 34%),#f7f8fa;text-align:center}.mock-hero>div{width:100%;max-width:720px;min-width:0}.mock-hero small{color:#2878b8;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.mock-hero h2{margin:16px 0;overflow-wrap:anywhere;font:500 clamp(34px,7cqw,70px)/1 var(--font-display);letter-spacing:-.055em;text-wrap:balance}.mock-hero p{max-width:620px;margin:0 auto 26px;color:#5f6570;font-size:15px;line-height:1.6;overflow-wrap:anywhere;text-wrap:pretty}@container site-preview (max-width: 540px){.mock-site-nav{min-height:68px;align-items:center;padding:12px 18px}.mock-site-nav strong{font-size:13px}.mock-site-links{display:none}.mock-site-menu{display:grid}.mock-hero{min-height:520px;padding:48px 20px}.mock-hero h2{font-size:clamp(32px,10.5cqw,42px);line-height:1.02}.mock-hero p{font-size:14px}}@container site-preview (max-width: 360px){.mock-hero{padding-inline:16px}.mock-hero h2{font-size:32px}.mock-hero .button{width:100%}}@media (max-width:900px){.login-page,.project-grid{grid-template-columns:1fr}.login-visual{min-height:430px}.editor-grid{grid-template-columns:1fr}.preview-panel{display:none}}@media (max-width:640px){.builder-topbar{padding-inline:14px}.builder-main{width:min(100% - 28px,1180px);padding-top:30px}.page-heading{align-items:flex-start;flex-direction:column}.login-visual{display:none}.login-panel{min-height:100vh;padding:20px}.editor-actions>.button{display:none}}