@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&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-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--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,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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)}}}::-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}*{box-sizing:border-box;border-color:hsl(var(--border))}body{background:hsl(var(--background));color:hsl(var(--foreground));margin:0;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);color:hsl(var(--card-foreground));background:hsl(var(--card));padding:10px 12px}textarea{resize:vertical}button{color:inherit}}@layer utilities{.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}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.animate-spin{animation:var(--animate-spin)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-primary{color:hsl(var(--primary))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}}:root{--background:40 20% 98%;--foreground:150 10% 17%;--card:0 0% 100%;--card-foreground:150 10% 17%;--popover:0 0% 100%;--popover-foreground:150 10% 17%;--primary:151 31% 29%;--primary-foreground:0 0% 100%;--secondary:40 13% 95%;--secondary-foreground:150 10% 23%;--muted:40 13% 95%;--muted-foreground:140 4% 44%;--accent:147 19% 92%;--accent-foreground:151 31% 27%;--destructive:0 61% 44%;--destructive-foreground:0 0% 100%;--success:148 34% 32%;--success-foreground:0 0% 100%;--warning:35 68% 38%;--warning-foreground:0 0% 100%;--info:181 31% 35%;--info-foreground:0 0% 100%;--border:40 9% 89%;--input:40 9% 84%;--ring:151 31% 29%;--radius:.625rem;--shadow-sm:0 1px 3px hsl(var(--foreground) / .04);--shadow-md:0 4px 16px hsl(var(--foreground) / .08);--shadow-lg:0 20px 60px hsl(var(--foreground) / .15);--transition-fast:.15s ease;--transition:.2s ease;--transition-smooth:.3s ease;--canvas:40 9% 92%;--canvas-foreground:150 10% 17%;--code:144 14% 12%;--code-foreground:140 12% 86%;--art:40 24% 80%;--art-foreground:40 18% 40%}.dark{--background:150 10% 10%;--foreground:40 13% 93%;--card:150 9% 13%;--card-foreground:40 13% 93%;--popover:150 9% 15%;--popover-foreground:40 13% 93%;--primary:147 31% 66%;--primary-foreground:150 20% 12%;--secondary:150 7% 18%;--secondary-foreground:40 13% 93%;--muted:150 7% 18%;--muted-foreground:140 7% 65%;--accent:150 16% 22%;--accent-foreground:147 31% 77%;--destructive:0 62% 65%;--destructive-foreground:0 0% 10%;--success:148 34% 64%;--success-foreground:150 20% 12%;--warning:35 65% 65%;--warning-foreground:30 20% 12%;--info:181 31% 65%;--info-foreground:180 20% 12%;--border:150 7% 23%;--input:150 7% 30%;--ring:147 31% 66%;--canvas:150 8% 9%;--canvas-foreground:40 13% 93%;--code:144 14% 8%;--code-foreground:140 12% 86%;--art:40 16% 25%;--art-foreground:40 16% 70%}.button{border-radius:calc(var(--radius) - 2px);white-space:nowrap;min-height:36px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.98)}.button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button-secondary{background:hsl(var(--card));color:hsl(var(--card-foreground));border-color:hsl(var(--border));box-shadow:var(--shadow-sm)}.button-ghost{color:hsl(var(--muted-foreground));background:0 0;padding:8px}.button-ghost:hover{background:hsl(var(--muted))}.button-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.selected{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.hidden{display:none}.status-dot{background:hsl(var(--success));border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid hsl(var(--border));background:hsl(var(--background));flex-direction:column;width:232px;min-width:232px;height:100dvh;padding:28px 16px 0;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.4px;white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.wordmark-light{font-weight:500}.brand-mark{color:hsl(var(--primary));display:flex}.workspace-select{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:10px;margin-top:32px;padding:12px 10px;display:flex}.workspace-avatar{border-radius:calc(var(--radius) - 4px);background:hsl(var(--accent));width:30px;height:30px;color:hsl(var(--accent-foreground));place-items:center;font-size:13px;display:grid}.workspace-select>div{flex:1;min-width:0}.workspace-select strong{font-size:12px;font-weight:500;display:block}.workspace-select>div>span{color:hsl(var(--muted-foreground));font-size:10px}.workspace-select>svg{color:hsl(var(--muted-foreground))}.new-project-nav{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);background:hsl(var(--card));box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:12px;display:flex}.new-project-nav>span{color:hsl(var(--muted-foreground));margin-left:auto;font-size:10px}.nav-label{letter-spacing:1.1px;color:hsl(var(--muted-foreground));margin:28px 12px 12px;font-size:10px;font-weight:500}.side-nav{gap:4px;display:grid}.side-nav a{border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.side-nav a:hover{background:hsl(var(--muted))}.side-nav a.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:500}.nav-count{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:4px;margin-left:auto;padding:0 5px;font-size:10px}.recent-label{margin-top:28px}.recent-projects{gap:4px;display:grid}.recent-projects a{border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:flex}.recent-projects a.selected{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.project-dot{background:hsl(var(--primary) / .65);border-radius:2px;width:7px;height:7px}.tiny-label{color:hsl(var(--muted-foreground));margin-left:auto;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:28px}.free-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:linear-gradient(135deg, hsl(var(--accent) / .6), hsl(var(--card)));padding:16px 12px}.free-card>div{align-items:center;gap:7px;display:flex}.free-card strong{font-size:11px;font-weight:500}.free-card p{color:hsl(var(--muted-foreground));margin:8px 0 12px;font-size:11px;line-height:1.8}.free-card a{color:hsl(var(--primary));align-items:center;gap:6px;font-size:11px;display:flex}.user-footer{border-top:1px solid hsl(var(--border));justify-content:space-between;align-items:center;margin:20px -16px 0;padding:16px;display:flex}.user-control{text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.avatar{background:hsl(var(--secondary));width:30px;height:30px;color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.user-control strong{font-size:11px;font-weight:500;display:block}.user-control small{color:hsl(var(--muted-foreground));font-size:10px}.main-shell{flex:1;min-width:0}.main-shell>main{height:100%}.mobile-header,.mobile-nav,.workspace-mobile-switch{display:none}.collapse-control{border:1px solid hsl(var(--border));background:hsl(var(--card));width:22px;height:22px;color:hsl(var(--muted-foreground));border-radius:calc(var(--radius) - 4px);z-index:2;place-items:center;display:grid;position:fixed;bottom:100px;left:210px}.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .collapse-control{left:8px}.workspace-page{background:hsl(var(--card));height:100dvh;color:hsl(var(--card-foreground));flex-direction:column;display:flex}.workspace-header{border-bottom:1px solid hsl(var(--border));flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 28px;display:flex}.breadcrumbs{align-items:center;gap:12px;min-width:0;display:flex}.breadcrumbs>a{color:hsl(var(--muted-foreground));font-size:12px}.breadcrumbs>svg{color:hsl(var(--muted-foreground))}.breadcrumbs h1{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.project-type{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:4px;padding:2px 6px;font-size:10px}.demo-marker{color:hsl(var(--muted-foreground));background:hsl(var(--muted));white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px}.header-actions{align-items:center;gap:8px;display:flex}.save-status{color:hsl(var(--muted-foreground));white-space:nowrap;align-items:center;gap:5px;margin-right:12px;font-size:10px;display:flex}.save-status>svg{color:hsl(var(--success))}.builder-grid{flex:1;grid-template-columns:336px minmax(0,1fr);min-height:0;display:grid}.chat-panel{border-right:1px solid hsl(var(--border));background:hsl(var(--card));min-height:0;color:hsl(var(--card-foreground));flex-direction:column;display:flex}.panel-heading{border-bottom:1px solid hsl(var(--border));flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.panel-heading>div{align-items:center;gap:8px;display:flex}.panel-heading strong{font-size:12px;font-weight:500}.panel-heading>a{color:hsl(var(--muted-foreground))}.assistant-symbol{background:hsl(var(--accent));width:24px;height:24px;color:hsl(var(--accent-foreground));border-radius:calc(var(--radius) - 4px);justify-content:center;align-items:center;display:inline-flex}.chat-scroll{scrollbar-width:thin;flex:1;padding:24px 20px;overflow-y:auto}.chat-date{letter-spacing:1.5px;text-align:center;color:hsl(var(--muted-foreground));margin-bottom:28px;font-size:9px}.chat-message{margin-bottom:28px}.message-author{align-items:center;gap:8px;display:flex}.message-author strong{font-size:11px;font-weight:500}.message-author>span:last-child:not(.chat-avatar){color:hsl(var(--muted-foreground));margin-left:auto;font-size:12px}.chat-avatar{background:hsl(var(--secondary));width:24px;height:24px;color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:50%;place-items:center;font-size:10px;display:grid}.chat-message>p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:12px;line-height:1.9}.chat-message.user>p{background:hsl(var(--muted));color:hsl(var(--foreground));border:1px solid hsl(var(--border) / .6);border-radius:var(--radius);padding:12px}.build-result{border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:16px;overflow:hidden}.build-result>div{background:hsl(var(--secondary) / .7);align-items:center;gap:7px;padding:12px 10px;display:flex}.result-check{background:hsl(var(--accent));width:18px;height:18px;color:hsl(var(--accent-foreground));border-radius:50%;place-items:center;display:grid}.build-result strong{font-size:10px;font-weight:500}.file-count{color:hsl(var(--muted-foreground));margin-left:auto;font-size:10px}.build-result>button{border:0;border-top:1px solid hsl(var(--border));background:hsl(var(--card));width:100%;color:hsl(var(--muted-foreground));align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.build-result>button>svg:last-child{margin-left:auto}.suggested-changes{gap:8px;margin-top:28px;display:grid}.suggested-changes>span{letter-spacing:1px;color:hsl(var(--muted-foreground));margin-bottom:4px;font-size:9px}.suggested-changes>button{background:hsl(var(--card));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);text-align:left;align-items:center;gap:8px;padding:9px 10px;font-size:11px;display:flex}.suggested-changes>button>svg:last-child{margin-left:auto}.thinking{color:hsl(var(--primary));gap:10px;font-size:12px;display:flex}.thinking p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:11px}.composer-wrap{border-top:1px solid hsl(var(--border) / .65);padding:16px}.composer{border:1px solid hsl(var(--input));border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.composer:focus-within{border-color:hsl(var(--ring))}.composer>textarea{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:96px;padding:14px;font-size:12px}.composer>textarea::placeholder{color:hsl(var(--muted-foreground))}.composer-bottom{justify-content:space-between;align-items:center;padding:4px 8px 8px;display:flex}.composer-bottom>div{align-items:center;gap:4px;display:flex}.model-select{color:hsl(var(--muted-foreground));align-items:center;gap:5px;font-size:10px;display:flex}.send-button{border-radius:calc(var(--radius) - 4px);min-width:30px;min-height:30px;padding:6px}.composer-note{color:hsl(var(--muted-foreground));justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;display:flex}.editor-panel{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.editor-toolbar{border-bottom:1px solid hsl(var(--border));flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex}.editor-tabs{gap:20px;height:100%;display:flex}.editor-tabs button{color:hsl(var(--muted-foreground));background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 2px;font-size:12px;display:flex}.editor-tabs button.active{color:hsl(var(--foreground));border-bottom-color:hsl(var(--primary))}.preview-tools{align-items:center;gap:2px;display:flex}.preview-tools .button{min-height:28px;padding:6px}.device-switch{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);gap:2px;padding:2px;display:flex}.device-switch .selected{background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:var(--shadow-sm)}.toolbar-divider{background:hsl(var(--border));width:1px;height:16px;margin:0 8px}.preview-tools>.selected{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.browser-bar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));align-items:center;gap:12px;min-height:44px;padding:8px 16px;display:flex}.browser-bar .button{min-height:24px;padding:4px}.browser-address{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground));border-radius:calc(var(--radius) - 4px);flex:1;justify-content:center;align-items:center;gap:7px;max-width:400px;margin:0 auto;padding:4px 8px;font-size:10px;display:flex}.preview-badge{color:hsl(var(--muted-foreground));white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.preview-canvas{background:hsl(var(--canvas));min-height:0;color:hsl(var(--canvas-foreground));flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;overflow:auto}.iframe-wrap{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 4px);width:100%;height:100%;min-height:380px;box-shadow:var(--shadow-sm);background:hsl(var(--card));transition:width var(--transition-smooth);overflow:hidden}.iframe-wrap>iframe{border:0;width:100%;height:100%;display:block}.device-tablet .iframe-wrap{max-width:768px}.device-mobile .iframe-wrap{flex-shrink:0;width:375px;max-width:100%}.iframe-wrap .sp-wrapper,.iframe-wrap .sp-layout,.iframe-wrap .sp-preview-container{height:100%}.workspace-status{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--card));justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.workspace-status>div{align-items:center;gap:8px;display:flex}.workspace-status>div:last-child{gap:16px}.workspace-status button{background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:flex}.error-count{color:hsl(var(--destructive))}.build-logs{background:hsl(var(--code));max-height:260px;color:hsl(var(--code-foreground));border-top:1px solid hsl(var(--border));z-index:3;padding:12px 16px;position:absolute;bottom:34px;left:0;right:0;overflow:auto}.build-logs>div{align-items:center;gap:8px;margin-bottom:12px;display:flex}.build-logs strong{margin-right:auto;font-size:12px}.build-logs pre{white-space:pre-wrap;word-break:break-word;margin:4px 0;font-size:12px}.code-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.file-explorer{border-right:1px solid hsl(var(--border));background:hsl(var(--background));width:190px;padding:12px 8px;overflow:auto}.file-explorer>div{justify-content:space-between;align-items:center;padding:0 8px 8px;display:flex}.file-explorer strong{letter-spacing:1px;color:hsl(var(--muted-foreground));font-size:9px;font-weight:500}.file-explorer>button{text-align:left;border-radius:calc(var(--radius) - 4px);overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:8px;font-size:11px;display:flex}.file-explorer>button.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.code-editor{flex-direction:column;flex:1;min-width:0;display:flex}.code-editor-heading{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.code-editor-heading>span{align-items:center;gap:6px;font-size:11px;display:flex}.code-editor-heading>div{align-items:center;gap:4px;display:flex}.source-editor{resize:none;background:hsl(var(--code));width:100%;color:hsl(var(--code-foreground));tab-size:2;white-space:pre;border:0;border-radius:0;outline:none;flex:1;padding:20px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.9}.inspector{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));width:232px;color:hsl(var(--card-foreground));flex-shrink:0;max-height:100%;margin-left:12px;padding:16px;overflow:auto}.inspector-title{align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.tag{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px}.inspector p{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.8}.inspector-actions{gap:4px;margin:12px 0;display:flex}.inspector .button{white-space:normal;font-size:11px}.dialog-overlay{z-index:80;background:hsl(var(--foreground) / .3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);background:hsl(var(--popover));width:100%;max-width:540px;max-height:90dvh;color:hsl(var(--popover-foreground));box-shadow:var(--shadow-lg);animation:enter var(--transition);padding:24px;overflow:auto}.dialog-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dialog-header h2{font-size:20px}.dialog>p{color:hsl(var(--muted-foreground));margin:16px 0;font-size:14px;line-height:1.8}.field{gap:8px;margin-bottom:16px;display:grid}.field label{font-size:12px;font-weight:500}.field small{color:hsl(var(--muted-foreground));font-size:12px}.field input,.field textarea,.field select{width:100%;min-width:0}.field textarea{min-height:72px}.auth-box{gap:16px;display:grid}.auth-box>p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.8}.auth-box .field{margin-bottom:0}.account-summary{align-items:center;gap:12px;display:flex}.account-summary strong{font-size:13px}.account-summary p{color:hsl(var(--muted-foreground));font-size:12px}.history-list{gap:8px;margin-top:16px;display:grid}.history-list>button{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);text-align:left;align-items:center;gap:12px;padding:12px;display:flex}.history-list>button>span{flex:1}.history-list strong{font-size:12px;display:block}.history-list small{color:hsl(var(--muted-foreground));margin-top:4px;font-size:11px;display:block}.publish-intro{text-align:center}.publish-icon{background:hsl(var(--accent));width:64px;height:64px;color:hsl(var(--accent-foreground));border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.publish-intro h3{margin-bottom:12px;font-size:20px}.publish-intro p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.9}.publish-options{gap:12px;margin:24px 0;display:flex}.published-link{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.published-link label,.published-link input{width:100%;font-size:12px}.text-link{color:hsl(var(--primary));justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.toast{z-index:100;background:hsl(var(--popover));max-width:480px;color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow-wrap:anywhere;animation:enter var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px}.standard-page{max-width:1200px;margin:0 auto;padding:48px 40px 64px}.page-eyebrow{letter-spacing:1.5px;color:hsl(var(--primary));margin-bottom:16px;font-size:10px;font-weight:500}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.page-heading h1{margin-bottom:12px;font-size:32px;line-height:1.25}.page-heading p{color:hsl(var(--muted-foreground));font-size:14px}.project-dashboard-banner{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);align-items:center;gap:20px;margin-bottom:36px;padding:28px;display:flex}.banner-icon{background:hsl(var(--card) / .6);border-radius:var(--radius);flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.project-dashboard-banner h2{margin-bottom:8px;font-size:18px}.project-dashboard-banner p{font-size:12px}.project-dashboard-banner>div{flex:1}.project-dashboard-banner .button{background:hsl(var(--card));color:hsl(var(--card-foreground))}.project-filters{align-items:center;gap:12px;margin-bottom:28px;display:flex}.search-input{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground));border-radius:calc(var(--radius) - 2px);flex:1;align-items:center;gap:8px;max-width:360px;padding:0 12px;display:flex}.search-input input{border:0;outline:none;width:100%;min-width:0;padding:10px 0;font-size:12px}.project-filters>select{padding:9px 12px;font-size:12px}.view-switch{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);background:hsl(var(--card));margin-left:auto;padding:2px;display:flex}.view-switch .selected{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.project-list-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.project-list-heading h2{font-size:16px}.project-list-heading h2 span{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:4px;margin-left:6px;padding:2px 6px;font-size:11px}.project-list-heading>span{color:hsl(var(--muted-foreground));margin-left:auto;font-size:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-thumbnail{background:hsl(var(--secondary));height:212px;color:hsl(var(--secondary-foreground));border-radius:calc(var(--radius) - 4px);border:1px solid hsl(var(--border));margin:12px 12px 0;display:block;overflow:hidden}.thumbnail-nav{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.thumbnail-nav strong{letter-spacing:-1px;font-size:17px}.thumbnail-nav span{font-size:12px}.thumbnail-content{grid-template-columns:1fr 1fr;height:calc(100% - 56px);display:grid}.thumbnail-content>div:first-child{flex-direction:column;align-items:flex-start;padding:24px 20px;display:flex}.thumbnail-content small{letter-spacing:1px;font-size:7px}.thumbnail-content strong{white-space:pre-line;letter-spacing:-1px;margin:12px 0;font-size:26px;font-weight:500;line-height:1.1}.thumbnail-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));margin-top:auto;padding:6px 9px;font-size:12px}.thumbnail-art{background:hsl(var(--art));color:hsl(var(--art-foreground));place-items:center;display:grid}.thumbnail-art>div{background:hsl(var(--art-foreground) / .22);width:60%;height:65%;box-shadow:var(--shadow-md);border-radius:60% 60% 8px 8px;transform:rotate(-8deg)}.project-card-meta{justify-content:space-between;gap:8px;padding:20px 16px 12px;display:flex}.project-card-meta h3{font-size:13px}.project-card-meta p{color:hsl(var(--muted-foreground));align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.project-row-actions{align-items:flex-start;gap:0;display:flex}.project-row-actions .button{min-height:28px;padding:5px}.project-card-footer{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;padding:12px 16px;font-size:10px;display:flex}.project-card-footer>span{align-items:center;gap:6px;display:flex}.new-project-card{border:1px dashed hsl(var(--input));border-radius:var(--radius);min-height:312px;color:hsl(var(--muted-foreground));background:0 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.new-project-card:hover{background:hsl(var(--secondary))}.new-project-card>span{background:hsl(var(--card));width:48px;height:48px;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);place-items:center;margin-bottom:16px;display:grid}.new-project-card strong{color:hsl(var(--foreground));font-size:13px;font-weight:500}.new-project-card p{margin-top:8px;font-size:12px}.list-view{grid-template-columns:1fr}.list-view .project-card{align-items:center;display:flex}.list-view .project-thumbnail{flex-shrink:0;width:180px;height:100px;margin:12px}.list-view .thumbnail-nav{padding:8px}.list-view .thumbnail-nav span,.list-view .thumbnail-content small,.list-view .thumbnail-button{display:none}.list-view .thumbnail-content>div:first-child{padding:8px}.list-view .thumbnail-content strong{font-size:16px}.list-view .project-card-meta{flex:1}.list-view .project-card-footer{border:0;gap:8px;display:grid}.list-view .new-project-card{min-height:100px}.list-view .new-project-card>span{display:none}.empty-state{text-align:center;padding:48px 24px}.empty-state>svg{color:hsl(var(--muted-foreground));margin:0 auto 16px}.empty-state h2{font-size:20px}.empty-state p{color:hsl(var(--muted-foreground));margin:12px 0 20px;font-size:14px}.empty-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:80dvh;padding:32px;display:flex}.empty-page>svg{color:hsl(var(--primary))}.empty-page h1{font-size:30px}.empty-page p{color:hsl(var(--muted-foreground))}.save-account-panel{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:var(--radius);margin-top:40px;padding:28px}.save-account-panel h2{margin-bottom:20px;font-size:20px}.save-account-panel .auth-box{max-width:480px}.outline-badge{color:hsl(var(--primary));border:1px solid hsl(var(--border));white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;display:inline-flex}.settings-card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:28px}.section-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-icon{background:hsl(var(--secondary));width:42px;height:42px;color:hsl(var(--secondary-foreground));border-radius:var(--radius);flex-shrink:0;place-items:center;display:grid}.section-title h2{font-size:18px}.section-title p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:12px}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.provider-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--card-foreground));text-align:left;padding:20px}.provider-card.selected{border-color:hsl(var(--primary));background:hsl(var(--accent) / .45);box-shadow:0 0 0 1px hsl(var(--primary))}.provider-card>div{color:hsl(var(--primary));justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.provider-card strong{font-size:13px;font-weight:500}.provider-card p{color:hsl(var(--muted-foreground));margin-top:6px;font-size:11px}.provider-card>span{letter-spacing:1px;color:hsl(var(--muted-foreground));margin-top:16px;font-size:9px;display:block}.model-detail{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:var(--radius);margin:24px 0;padding:20px}.model-detail>div{align-items:center;gap:8px;display:flex}.model-detail strong{font-size:13px}.model-detail p{color:hsl(var(--muted-foreground));margin-top:10px;font-size:12px;line-height:1.9}.model-test-row{flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;display:flex}.connection-result{color:hsl(var(--muted-foreground));flex:1;align-items:center;gap:7px;min-width:200px;margin-right:auto;font-size:12px;display:flex}.connection-result.connected{color:hsl(var(--success))}.settings-fields{grid-template-columns:1.3fr 1fr;gap:20px;margin-top:28px;display:grid}.setup-box{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:var(--radius);gap:12px;margin:8px 0 20px;padding:20px;display:flex}.setup-box>svg{flex-shrink:0;margin-top:4px}.setup-box strong{font-size:13px}.setup-box p{color:hsl(var(--muted-foreground));margin-top:10px;font-size:12px;line-height:1.8}.setup-box pre{background:hsl(var(--code));color:hsl(var(--code-foreground));border-radius:calc(var(--radius) - 2px);white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;padding:16px;font-size:12px;line-height:1.9}.checkbox-field{align-items:flex-start;gap:10px;font-size:12px;display:flex}.checkbox-field input{accent-color:hsl(var(--primary));margin-top:3px}.checkbox-field>span>span{color:hsl(var(--muted-foreground));margin-top:5px;font-size:11px;display:block}.fine-print{color:hsl(var(--muted-foreground));margin:20px 0;font-size:12px;line-height:1.8}.connector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.connector-row{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.connector-row strong{font-size:13px;font-weight:500}.connector-row small{color:hsl(var(--muted-foreground));margin-top:5px;font-size:11px;display:block}.billing-settings{border-top:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:24px;display:flex}.billing-settings strong{font-size:13px}.billing-settings p{color:hsl(var(--muted-foreground));margin-top:5px;font-size:12px;line-height:1.8}.settings-copy{color:hsl(var(--muted-foreground));margin-bottom:24px;font-size:13px;line-height:1.9}.account-settings{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:28px;display:grid}.guide-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:var(--shadow-sm);padding:28px}.guide-card>svg{color:hsl(var(--primary));margin-bottom:20px}.guide-card h2{margin-bottom:12px;font-size:18px}.guide-card p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.9}.guide-steps{margin:0;padding-left:24px}.guide-steps li{margin-bottom:24px;padding-left:8px}.guide-steps li:last-child{margin-bottom:0}.guide-steps strong{font-size:14px;font-weight:500;display:block}.guide-steps span{color:hsl(var(--muted-foreground));margin-top:8px;font-size:13px;line-height:1.9;display:block}.guide-boundaries{gap:16px;display:grid}.guide-boundaries p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.9}.faq-section{margin-top:40px}.faq-section h2{margin-bottom:24px;font-size:24px}.faq-section details{border-bottom:1px solid hsl(var(--border));padding:20px 0}.faq-section summary{cursor:pointer;font-size:14px;font-weight:500}.faq-section details p{color:hsl(var(--muted-foreground));max-width:760px;margin-top:12px;font-size:13px;line-height:1.9}.guide-bottom{gap:12px;margin-top:32px;display:flex}@keyframes enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (width>=1440px){.builder-grid{grid-template-columns:368px minmax(0,1fr)}.workspace-header{padding:0 32px}.preview-canvas{padding:24px}.standard-page{padding:56px 48px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1279px){.sidebar{width:208px;min-width:208px;padding-left:12px;padding-right:12px}.wordmark{gap:8px;font-size:14px}.user-footer{margin-left:-12px;margin-right:-12px;padding:16px 12px}.collapse-control{left:188px}.builder-grid{grid-template-columns:300px minmax(0,1fr)}.workspace-header{padding:0 20px}.save-status{display:none}.breadcrumbs{gap:8px}.project-type{display:none}.chat-scroll{padding:24px 16px}.editor-toolbar{padding:0 12px}.preview-tools{gap:0}.preview-tools .button{padding:5px}.toolbar-divider{margin:0 4px}.standard-page{padding:36px 28px}.preview-canvas{padding:12px}.composer-note{flex-wrap:wrap}.project-dashboard-banner{padding:24px}}@media (width<=1023px){.sidebar,.collapse-control{display:none}.mobile-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));justify-content:space-between;align-items:center;height:60px;padding:12px 20px;display:flex}.mobile-nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:hsl(var(--card));color:hsl(var(--card-foreground));border-top:1px solid hsl(var(--border));z-index:20;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav>a,.mobile-nav>.button{color:hsl(var(--muted-foreground));flex-direction:column;align-items:center;gap:4px;padding:4px 16px;font-size:10px;display:flex}.mobile-nav>a.active{color:hsl(var(--primary))}.main-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.workspace-page{height:calc(100dvh - 136px - env(safe-area-inset-bottom));min-height:460px}.workspace-header{height:64px}.builder-grid{grid-template-columns:300px minmax(0,1fr)}.toast{bottom:calc(88px + env(safe-area-inset-bottom));max-width:unset;left:16px;right:16px}.device-switch,.toolbar-divider{display:none}.project-dashboard-banner p{max-width:340px}.page-heading h1{font-size:30px}.standard-page{padding:32px 24px 48px}.provider-card{padding:16px}.inspector{width:200px}.preview-badge{display:none}.guide-grid{gap:16px}}@media (width<=767px){.workspace-header{height:60px;padding:0 16px}.breadcrumbs>a,.breadcrumbs>svg,.breadcrumbs .demo-marker{display:none}.breadcrumbs h1{max-width:190px;font-size:12px}.header-actions .button{min-height:32px;padding:6px 8px}.hide-small{display:none}.workspace-mobile-switch{background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));gap:8px;padding:8px 16px;display:flex}.workspace-mobile-switch .button{flex:1;min-height:32px}.builder-grid{min-height:0;display:block;position:relative}.chat-panel,.editor-panel{height:100%;display:none}.chat-panel.mobile-active,.editor-panel.mobile-active{display:flex}.chat-panel{border-right:0}.panel-heading{height:44px}.chat-scroll{padding:20px}.chat-message>p{font-size:13px}.chat-date{margin-bottom:20px}.composer-wrap{padding:12px 16px}.composer>textarea{min-height:76px}.composer-note{font-size:10px}.editor-toolbar{height:44px}.editor-tabs{gap:20px}.preview-tools .button{padding:6px}.browser-bar{min-height:36px;padding:6px 12px}.preview-canvas{padding:8px}.workspace-status{padding:8px 12px}.workspace-status>div:last-child>span{display:none}.iframe-wrap{min-height:240px}.device-mobile .iframe-wrap{width:100%}.inspector{width:220px;height:calc(100% - 140px);box-shadow:var(--shadow-md);z-index:5;position:absolute;top:90px;right:8px}.code-workspace{flex-direction:column}.file-explorer{border-right:0;border-bottom:1px solid hsl(var(--border));flex-wrap:wrap;flex-shrink:0;gap:4px;width:100%;max-height:100px;padding:8px;display:flex}.file-explorer>div{width:100%;padding:0 4px}.file-explorer>button{width:auto;padding:4px 8px;font-size:10px}.code-editor{min-height:0}.source-editor{padding:12px;font-size:12px}.code-editor-heading{padding:6px 8px}.code-editor-heading>.button{padding:4px}.standard-page{padding:28px 20px 40px}.page-eyebrow{margin-bottom:12px;font-size:10px}.page-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.page-heading h1{font-size:28px}.page-heading p{font-size:13px;line-height:1.8}.project-dashboard-banner{flex-wrap:wrap;gap:12px;padding:20px}.banner-icon{width:44px;height:44px}.project-dashboard-banner h2{font-size:16px}.project-dashboard-banner p{font-size:12px}.project-dashboard-banner>.button{margin-left:56px}.project-filters{flex-wrap:wrap;gap:8px}.search-input{flex-basis:100%;max-width:100%}.project-filters>select{flex:1}.project-list-heading{flex-wrap:wrap;gap:8px}.project-list-heading>span{width:100%;margin-left:0}.project-grid{grid-template-columns:1fr;gap:20px}.project-thumbnail{height:230px}.new-project-card{min-height:200px}.list-view .project-card{flex-wrap:wrap}.list-view .project-thumbnail{width:100%;height:100px}.list-view .project-card-footer{border-top:1px solid hsl(var(--border));width:100%;display:flex}.list-view .project-card-meta{padding:12px 16px}.settings-card{margin-bottom:20px;padding:20px}.provider-grid{grid-template-columns:1fr;gap:12px}.provider-card{grid-template-columns:32px 1fr auto;gap:4px 12px;padding:16px;display:grid}.provider-card>div{grid-row:1/3;margin:0}.provider-card>div>svg:last-child:not(:first-child){display:none}.provider-card>strong{font-size:13px}.provider-card>p{grid-column:2;margin:0}.provider-card>span{grid-area:1/3/3;align-self:center;margin:0;font-size:9px}.settings-fields{grid-template-columns:1fr;gap:4px}.model-test-row{gap:8px}.connection-result{flex:none;width:100%;margin:0 0 8px}.model-test-row>.button{flex:1}.connector-grid{grid-template-columns:1fr}.billing-settings{flex-direction:column;align-items:flex-start;gap:16px}.account-settings{flex-direction:column;align-items:flex-start}.setup-box{gap:8px;padding:16px}.setup-box>svg{display:none}.outline-badge{font-size:11px}.section-title h2{font-size:17px}.section-title p{line-height:1.7}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{padding:24px}.guide-steps{padding-left:20px}.guide-card h2{font-size:18px}.dialog{padding:20px}.dialog-header{margin-bottom:20px}.publish-options{flex-direction:column}.publish-intro h3{font-size:18px}.empty-page h1{font-size:26px}.save-account-panel{padding:20px}.guide-bottom{flex-wrap:wrap}}.shared-preview{background:hsl(var(--background));height:100dvh;color:hsl(var(--foreground));flex-direction:column;display:flex}.shared-preview>header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.shared-preview>header>span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shared-preview>header strong{font-size:14px;font-weight:500}.shared-preview>header small{color:hsl(var(--muted-foreground));font-size:12px}.shared-preview>iframe{border:0;flex:1;width:100%}.shared-preview>.sp-wrapper{flex:1;min-height:0}.shared-preview .sp-preview-container{height:100%}.shared-preview>footer{color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border));padding:8px 20px;font-size:12px}.preview-loading{text-align:center;color:hsl(var(--muted-foreground));padding:32px}.button:disabled{pointer-events:none}.chat-date,.message-author>span:last-child:not(.chat-avatar),.suggested-changes>span,.nav-label,.page-eyebrow,.provider-card>span{font-size:10px}.workspace-select>div>span,.new-project-nav>span,.free-card strong,.free-card p,.free-card a,.user-control strong,.user-control small,.project-type,.demo-marker,.tiny-label,.save-status,.message-author strong,.chat-avatar,.build-result strong,.file-count,.build-result>button,.suggested-changes>button,.model-select,.composer-note,.browser-address,.preview-badge,.workspace-status,.workspace-status button,.file-explorer strong,.file-explorer>button,.code-editor-heading>span,.project-list-heading>span,.project-card-meta p,.project-card-footer,.connector-row small,.checkbox-field>span>span{font-size:12px}.thumbnail-nav span,.thumbnail-content small,.thumbnail-button{font-size:10px}.composer-note{flex-wrap:wrap}.free-card{padding:12px}.preview-tools>.selected{color:hsl(var(--accent-foreground))}.shared-preview>header small{width:100%}.button-primary:focus-visible{outline-color:hsl(var(--ring))}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}