:root{font-family:Inter,SF Pro Text,Segoe UI,ui-sans-serif,system-ui,sans-serif;color:#252523;background:#f5f4f0;font-synthesis:none;--bg: #f5f4f0;--surface: #ffffff;--surface-subtle: #f9f8f5;--surface-raised: #ffffff;--sidebar: #191a18;--sidebar-hover: #252622;--text: #252523;--text-secondary: #74736d;--text-muted: #9b9991;--border: #e3e1db;--border-strong: #d1cec5;--accent: #7457e8;--accent-hover: #6547db;--accent-soft: #eeeaff;--accent-text: #5b3fce;--success: #2e8a5c;--success-soft: #e6f5ed;--warning: #a86b16;--warning-soft: #fff3d8;--danger: #c64f4f;--danger-soft: #fce9e8;--shadow-sm: 0 1px 2px rgb(25 26 24 / 4%), 0 2px 8px rgb(25 26 24 / 3%);--shadow-md: 0 10px 30px rgb(25 26 24 / 9%), 0 2px 8px rgb(25 26 24 / 5%);--shadow-lg: 0 22px 70px rgb(18 18 17 / 18%);--radius-sm: 7px;--radius-md: 11px;--radius-lg: 16px;--radius-xl: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--transition: .16s cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{color:#efeee9;background:#141512;--bg: #141512;--surface: #1c1d1a;--surface-subtle: #181916;--surface-raised: #252622;--sidebar: #11120f;--sidebar-hover: #20211d;--text: #efeee9;--text-secondary: #aaa89f;--text-muted: #7d7b74;--border: #30312d;--border-strong: #41413b;--accent: #9079f4;--accent-hover: #a08cf9;--accent-soft: #2b2545;--accent-text: #b3a4ff;--success: #5dbb85;--success-soft: #183426;--warning: #db9c3e;--warning-soft: #372a15;--danger: #ef7773;--danger-soft: #3b2020;--shadow-sm: 0 1px 2px rgb(0 0 0 / 18%);--shadow-md: 0 10px 30px rgb(0 0 0 / 28%);--shadow-lg: 0 22px 70px rgb(0 0 0 / 45%)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition),transform var(--transition)}button{color:inherit}button:disabled{cursor:not-allowed!important;opacity:.46}a{color:inherit}::selection{background:var(--accent-soft);color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0;color:var(--accent-text);font-size:.69rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}kbd{display:inline-grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--surface-raised);color:var(--text-secondary);font-family:inherit;font-size:.64rem;line-height:1}.ui-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;font-weight:690;line-height:1;text-decoration:none;white-space:nowrap}.ui-button-md{min-height:40px;padding:0 15px}.ui-button-sm{min-height:32px;padding:0 11px;font-size:.76rem}.ui-button-primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 1px 2px #2d1e6e2e}.ui-button-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);transform:translateY(-1px)}.ui-button-secondary{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.ui-button-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-subtle)}.ui-button-ghost{background:transparent;color:var(--text-secondary)}.ui-button-ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--text)}.ui-button-danger{border-color:var(--danger);background:var(--danger);color:#fff}.ui-button-danger:hover:not(:disabled){filter:brightness(.94)}.icon-button{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.icon-button:hover:not(:disabled){border-color:var(--border);background:var(--surface-raised);color:var(--text)}.ui-input,.ui-textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);box-shadow:inset 0 1px 1px #14141205}.ui-input{height:42px;padding:0 12px}.ui-textarea{padding:10px 12px;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder,textarea::placeholder{color:var(--text-muted)}.ui-input:focus,.ui-textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px var(--accent-soft)}.ui-card,.ui-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.ui-badge,.status{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:3px 7px;border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font-size:.62rem;font-style:normal;font-weight:740;letter-spacing:.055em;line-height:1.3;text-transform:uppercase}.ui-badge-success,.status-ready,.status-preview-running,.status-completed{background:var(--success-soft);color:var(--success)}.ui-badge-warning,.status-starting,.status-pending,.status-building_context,.status-calling_llm,.status-validating,.status-applying,.status-verifying,.status-reverting{background:var(--warning-soft);color:var(--warning)}.ui-badge-danger,.status-failed,.status-rolled_back,.status-reverted,.status-preview-failed{background:var(--danger-soft);color:var(--danger)}.ui-badge-accent{background:var(--accent-soft);color:var(--accent-text)}.ui-spinner{display:inline-flex}.ui-spinner>span:first-child,.button-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .75s linear infinite}.skeleton-stack{display:grid;gap:9px;width:100%}.ui-skeleton{display:block;height:12px;border-radius:5px;background:linear-gradient(90deg,var(--border) 20%,var(--surface-raised) 48%,var(--border) 76%);background-size:220% 100%;animation:shimmer 1.4s infinite}.ui-skeleton:first-child{width:70%;height:18px}.ui-skeleton:last-child{width:82%}.empty-state{display:grid;justify-items:center;padding:68px 24px;text-align:center}.empty-state-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.empty-state h2{margin:0 0 8px;font-size:1.08rem}.empty-state p{max-width:380px;margin:0 0 20px;color:var(--text-secondary);font-size:.85rem;line-height:1.55}.segmented-control{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle)}.segmented-control button{display:flex;height:28px;align-items:center;gap:6px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.7rem}.segmented-control button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-page{display:grid;min-height:100vh;place-items:center;padding:32px 20px;background:radial-gradient(circle at 50% 0,var(--accent-soft),transparent 38%),var(--bg)}.auth-card{display:grid;width:min(440px,100%);gap:26px;padding:34px;border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-lg)}.verification-card{text-align:center}.verification-icon{display:grid;width:48px;height:48px;place-items:center;margin:0 auto -10px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.verification-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.verification-code input{width:100%;min-width:0;height:58px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:700 1.45rem/1 var(--font);text-align:center;transition:border-color var(--transition),box-shadow var(--transition)}.verification-code input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.verification-resend{border:0;background:none;color:var(--accent);font:inherit;cursor:pointer}.verification-resend:disabled{color:var(--muted);cursor:default}.inline-success{padding:11px 12px;border:1px solid color-mix(in srgb,var(--success) 25%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success);font-size:.78rem}.auth-brand{width:fit-content;color:var(--text)}.auth-heading h1{margin:8px 0 10px;font-size:2.3rem;letter-spacing:-.055em;line-height:1}.auth-heading>p:last-child{margin:0;color:var(--text-secondary);font-size:.84rem;line-height:1.55}.auth-form{display:grid;gap:10px}.auth-form .field-label{margin-top:2px}.auth-form .ui-button{width:100%;margin-top:8px}.auth-switch{margin:-4px 0 0;color:var(--text-secondary);font-size:.76rem;text-align:center}.auth-switch a{color:var(--accent-text);font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.app-shell{display:grid;min-height:100vh;grid-template-columns:252px minmax(0,1fr);transition:grid-template-columns var(--transition)}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.verification-banner{display:flex;align-items:center;gap:12px;margin:16px 20px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.verification-banner div{display:grid;flex:1;gap:3px}.verification-banner strong{font-size:.84rem}.verification-banner span{color:var(--muted);font-size:.74rem}.app-sidebar{position:sticky;z-index:20;top:0;display:grid;width:252px;height:100vh;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;gap:12px;padding:16px 12px 12px;overflow:hidden;background:var(--sidebar);color:#f5f4ef}.sidebar-collapsed .app-sidebar{visibility:hidden;transform:translate(-100%)}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 2px 6px 5px}.brand{display:inline-flex;align-items:center;color:#f4f3ef;text-decoration:none}.brand>span{display:grid;width:29px;height:29px;place-items:center;margin-right:8px;border-radius:8px;background:var(--accent);color:#fff}.brand strong{font-size:1rem;letter-spacing:-.03em}.brand em{color:#a99afb;font-size:.92rem;font-style:normal;font-weight:700}.brand-row .icon-button{color:#85867e}.brand-row .icon-button:hover{border-color:#34352f;background:#252622;color:#fff}.new-project-button{width:100%}.sidebar-templates-link{display:flex;height:35px;align-items:center;gap:8px;padding:0 9px;border-radius:7px;color:#a9aaa3;font-size:.73rem;text-decoration:none}.sidebar-templates-link:hover,.sidebar-templates-link.is-active{background:var(--sidebar-hover);color:#fff}.command-trigger{display:flex;height:35px;align-items:center;gap:8px;padding:0 9px;border:1px solid #30312c;border-radius:7px;background:#20211e;color:#96978f;cursor:pointer;text-align:left}.command-trigger:hover{border-color:#47483f;color:#d8d8d2}.command-trigger span{flex:1;font-size:.73rem}.command-trigger kbd,.sidebar-footer kbd{border-color:#3a3b35;background:#272823;color:#85867e}.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 7px 2px;color:#777870;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-section-heading select{max-width:72px;border:0;outline:0;background:transparent;color:#777870;font-size:.62rem;text-transform:none}.project-navigation{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#393a35 transparent}.project-navigation>a{position:relative;display:grid;min-height:50px;align-items:center;gap:9px;margin:2px 0;padding:6px 8px;border-radius:8px;color:#b0b1aa;grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none}.project-navigation>a:hover,.project-navigation>a.is-active{background:var(--sidebar-hover);color:#fff}.project-navigation>a.is-active:before{position:absolute;left:-12px;width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--accent);content:""}.project-glyph{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / 8%);border-radius:7px;background:linear-gradient(145deg,#575950,#30322c);color:#e4e3dd;font-size:.69rem;font-weight:750}.project-navigation a>span:nth-child(2){min-width:0}.project-navigation strong,.project-navigation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-navigation strong{font-size:.73rem;font-weight:610}.project-navigation small{margin-top:2px;color:#70716b;font-size:.61rem}.health-dot{display:inline-block;width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#76766f}.health-ready,.health-running,.health-completed{background:#56b77e;box-shadow:0 0 0 3px #56b77e1f}.health-creating,.health-starting,.health-pending,.health-building_context,.health-calling_llm,.health-validating,.health-applying,.health-verifying{background:#e2a94f;box-shadow:0 0 0 3px #e2a94f1f}.health-failed,.health-rolled_back{background:#dd6c68;box-shadow:0 0 0 3px #dd6c681f}.sidebar-empty,.sidebar-error{margin:16px 8px;color:#777870;font-size:.69rem;line-height:1.5}.sidebar-error{color:#d8817c}.sidebar-footer{display:grid;gap:2px;padding-top:8px;border-top:1px solid #292a26}.sidebar-credits{display:grid;min-height:34px;align-items:center;gap:8px;padding:0 8px;border-radius:7px;color:#b8b9b1;font-size:.7rem;grid-template-columns:auto minmax(0,1fr) auto}.sidebar-credits strong{color:#f1cf78;font-size:.72rem;font-variant-numeric:tabular-nums}.sidebar-footer>button,.sidebar-footer>label{display:grid;min-height:34px;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#8f9089;cursor:pointer;font-size:.7rem;grid-template-columns:auto minmax(0,1fr) auto;text-align:left}.sidebar-footer>button:hover,.sidebar-footer>label:hover{background:#22231f;color:#d7d7d1}.sidebar-footer select{max-width:68px;border:0;outline:0;background:transparent;color:inherit;font-size:.65rem}.sidebar-account{display:grid;align-items:center;gap:7px;margin-bottom:5px;padding:7px 8px 10px;border-bottom:1px solid #292a26;grid-template-columns:auto minmax(0,1fr)}.sidebar-account>span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:.66rem;font-weight:750}.sidebar-account>strong{overflow:hidden;color:#c7c7c1;font-size:.65rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sidebar-account>button{padding:0;border:0;background:transparent;color:#777870;cursor:pointer;font-size:.59rem;grid-column:2;text-align:left}.sidebar-account>button:hover{color:#d7d7d1}.app-content{min-width:0}.sidebar-expand{position:fixed;z-index:18;top:16px;left:14px;display:none;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer}.sidebar-collapsed .sidebar-expand{display:grid}.mobile-header,.mobile-scrim{display:none}.dashboard-page,.create-page{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:64px 0 80px;animation:page-in .35s ease both}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.dashboard-hero h1{margin:8px 0 14px;font-size:clamp(2.6rem,5vw,4.7rem);font-weight:670;letter-spacing:-.065em;line-height:.95}.dashboard-hero h1 span{color:var(--accent)}.dashboard-hero>div>p:last-child{max-width:520px;margin:0;color:var(--text-secondary);font-size:.94rem;line-height:1.6}.dashboard-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:9px}.language-switcher{display:inline-flex;height:40px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow-sm);cursor:pointer;font-size:.67rem;font-weight:760;letter-spacing:.04em}.language-switcher:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.language-switcher span.is-active{color:var(--accent-text)}.language-switcher i{width:1px;height:14px;background:var(--border)}.dashboard-stats{display:grid;gap:12px;margin-bottom:44px;grid-template-columns:repeat(3,1fr)}.dashboard-stats article{display:flex;min-height:80px;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 78%,transparent)}.dashboard-stats article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-text)}.dashboard-stats strong,.dashboard-stats small{display:block}.dashboard-stats strong{margin-bottom:2px;font-size:1rem}.dashboard-stats small{color:var(--text-secondary);font-size:.68rem}.projects-section>header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.projects-section>header>div:first-child{display:flex;align-items:baseline;gap:10px}.projects-section h2{margin:0;font-size:1.15rem;letter-spacing:-.025em}.projects-section>header>div:first-child span{color:var(--text-muted);font-size:.7rem}.project-filters{display:flex;gap:8px}.project-filters label{position:relative}.project-filters label svg{position:absolute;z-index:1;top:12px;left:11px;color:var(--text-muted)}.project-filters .ui-input{width:190px;height:36px;padding-left:34px;font-size:.72rem}.project-filters select{height:36px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:.7rem}.project-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.project-card-link{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.project-thumbnail{position:relative;height:152px;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(145deg,#eae6ff,#dad4f8 48%,#f2efff)}[data-theme=dark] .project-thumbnail{background:linear-gradient(145deg,#322c50,#25213d 48%,#2c2940)}.project-thumbnail>span{position:absolute;top:50%;left:50%;color:#503aaa30;font-size:6.5rem;font-weight:800;line-height:1;transform:translate(-50%,-48%)}.thumbnail-browser{position:absolute;top:20px;right:22px;bottom:0;left:22px;padding:10px;border:1px solid rgb(255 255 255 / 70%);border-radius:9px 9px 0 0;background:#ffffffc2;box-shadow:0 12px 24px #4b389121;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thumbnail-browser i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#c2bddb}.thumbnail-lines{position:absolute;top:54px;right:43px;left:43px;display:grid;gap:8px}.thumbnail-lines i{height:8px;border-radius:4px;background:#7457e82b}.thumbnail-lines i:first-child{width:56%;height:13px;background:#7457e85c}.thumbnail-lines i:last-child{width:72%}.project-card-body{padding:16px}.project-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-card h3{margin:0 0 4px;overflow:hidden;font-size:.9rem;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.project-card p{margin:0;color:var(--text-secondary);font-size:.69rem}.project-delete{position:relative;z-index:2;display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;opacity:0}.project-card:hover .project-delete,.project-delete:focus-visible{opacity:1}.project-delete:hover{background:var(--danger-soft);color:var(--danger)}.project-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.project-card-metrics{margin:14px 0 -7px;color:var(--text-muted);font-size:.58rem}.project-card time{color:var(--text-muted);font-size:.62rem}.project-card-loading{min-height:238px;padding:20px}.create-page{max-width:900px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:38px;color:var(--text-secondary);font-size:.75rem;font-weight:650;text-decoration:none}.back-link:hover{color:var(--text)}.create-page>header{margin-bottom:38px}.create-page>header h1{margin:8px 0 10px;font-size:clamp(2.3rem,5vw,3.5rem);letter-spacing:-.055em}.create-page>header>p:last-child{margin:0;color:var(--text-secondary);font-size:.9rem}.create-form{display:grid;gap:14px}.form-section{display:grid;gap:18px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:32px minmax(0,1fr)}.form-section-number{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);font-size:.72rem;font-weight:760}.form-section-content{display:grid;gap:12px}.form-section-content h2{margin:1px 0 4px;font-size:1rem}.form-section-content>div:first-child p{margin:0;color:var(--text-secondary);font-size:.74rem}.field-label{margin-top:8px;font-size:.72rem;font-weight:670}.field-hint{justify-self:end;margin-top:-7px;color:var(--text-muted);font-size:.62rem}.field-success,.field-error{justify-self:end;margin-top:-7px;font-size:.62rem}.field-success{color:var(--success)}.field-error{color:var(--danger)}.template-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{position:relative;display:grid;gap:7px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);cursor:pointer}.template-card:hover{border-color:var(--border-strong)}.template-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.template-card>input{position:absolute;opacity:0}.template-preview{position:relative;display:grid;height:112px;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#dcd5ff,#f0edff);color:var(--accent-text)}[data-theme=dark] .template-preview{background:linear-gradient(145deg,#332b56,#25213d)}.template-preview-mark{font-size:3.4rem;font-weight:780;opacity:.35}.template-preview img{width:100%;height:100%;object-fit:cover}.template-preview i{position:absolute;top:8px;right:8px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.template-card>strong{font-size:.8rem}.template-card>span:not(.template-preview){color:var(--text-secondary);font-size:.68rem;line-height:1.45}.template-card>small{color:var(--text-muted);font-size:.6rem;text-transform:capitalize}.inline-error{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:.72rem}.inline-error span{flex:1}.sidebar-referral-link{display:grid;min-height:34px;align-items:center;gap:8px;padding:0 8px;border-radius:7px;color:#8f9089;font-size:.7rem;grid-template-columns:auto 1fr;text-decoration:none}.sidebar-referral-link:hover{background:#22231f;color:#d7d7d1}.referrals-page{width:min(760px,calc(100% - 64px));margin:0 auto;padding:64px 0 80px;animation:page-in .35s ease both}.referrals-page>header{margin-bottom:28px}.referrals-page h1{margin:7px 0 10px;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.055em}.referrals-page header>p:last-child{max-width:620px;color:var(--text-secondary)}.referral-card{display:grid;gap:18px;padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.referral-card label{color:var(--text-secondary);font-size:.72rem;font-weight:650}.referral-link-row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.referral-link-row input{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text)}.referral-stats{display:grid;gap:10px;margin:0;grid-template-columns:repeat(3,1fr)}.referral-stats div{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised)}.referral-stats dt{color:var(--text-secondary);font-size:.68rem}.referral-stats dd{margin:7px 0 0;font-size:1.5rem;font-weight:700}.create-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.selected-template-card{display:grid;align-items:center;gap:15px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:160px minmax(0,1fr)}.selected-template-card .template-preview{height:96px}.selected-template-card strong{display:block;margin-bottom:6px;font-size:.86rem}.selected-template-card p{margin:0 0 8px;color:var(--text-secondary);font-size:.7rem;line-height:1.5}.selected-template-card small{color:var(--text-muted);font-size:.61rem;text-transform:capitalize}.created-project-recovery{margin:0;color:var(--text-secondary);font-size:.72rem;text-align:right}.created-project-recovery a{color:var(--accent-text);font-weight:700}.templates-page{max-width:1120px}.templates-gallery{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.template-gallery-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.template-gallery-card>.template-preview{height:190px;border-radius:0}.template-gallery-body{display:grid;gap:9px;padding:17px}.template-gallery-body h2{margin:0;font-size:.94rem}.template-gallery-body p{min-height:42px;margin:0;color:var(--text-secondary);font-size:.7rem;line-height:1.5}.template-gallery-body small{color:var(--text-muted);font-size:.6rem;text-transform:capitalize}.template-gallery-body .ui-button{justify-self:stretch;margin-top:4px}.template-action-arrow{transform:rotate(180deg)}.editor-page{position:relative;display:grid;width:100%;min-width:0;max-width:100vw;height:100vh;overflow:hidden;background:var(--bg);grid-template-rows:58px minmax(0,1fr) 25px;animation:page-in .25s ease both}.editor-header{position:relative;display:grid;min-width:0;align-items:center;gap:20px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.editor-project{display:flex;min-width:0;align-items:center;gap:9px}.editor-project>a{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:7px;color:var(--text-secondary)}.editor-project>a:hover{background:var(--surface-subtle);color:var(--text)}.editor-project>div{min-width:0}.editor-project h1{margin:0;overflow:hidden;font-size:.82rem;font-weight:690;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.editor-project>div>span{display:flex;align-items:center;gap:7px;margin-top:2px;color:var(--text-secondary);font-size:.6rem}.editor-state{display:flex;align-items:center;gap:14px}.editor-state>span{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.65rem;text-transform:capitalize}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.project-settings-popover{position:absolute;z-index:40;top:50px;right:12px;width:330px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-lg);animation:pop-in .16s ease both}.project-settings-popover>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.project-settings-popover>header strong,.project-settings-popover>header span{display:block}.project-settings-popover>header strong{font-size:.82rem}.project-settings-popover>header span{margin-top:2px;color:var(--text-secondary);font-size:.65rem}.project-settings-popover dl{display:grid;margin:0 0 16px;border-top:1px solid var(--border);grid-template-columns:1fr 1fr}.project-settings-popover dl div{padding:10px 0;border-bottom:1px solid var(--border)}.project-settings-popover dt{color:var(--text-muted);font-size:.58rem;text-transform:uppercase}.project-settings-popover dd{margin:3px 0 0;font-size:.69rem}.project-settings-popover form label{display:block;margin-bottom:6px;font-size:.65rem;font-weight:670}.project-settings-popover form>div{display:flex;gap:6px}.project-settings-popover form .ui-input{height:34px;font-size:.72rem}.settings-delete{display:flex;align-items:center;gap:6px;margin-top:14px;padding:0;border:0;background:transparent;color:var(--danger);cursor:pointer;font-size:.68rem}.editor-workspace{display:grid;min-width:0;min-height:0;gap:0;padding:8px}.panel-resizer{display:grid;place-items:center;cursor:col-resize;touch-action:none}.panel-resizer span{width:2px;height:36px;border-radius:3px;background:var(--border-strong);transition:width var(--transition),height var(--transition),background var(--transition)}.panel-resizer:hover span,.panel-resizer:focus span{width:3px;height:54px;background:var(--accent)}.is-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.is-resizing iframe{pointer-events:none}.editor-statusbar{display:flex;align-items:center;gap:16px;padding:0 12px;border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.56rem}.editor-statusbar>span{display:flex;align-items:center;gap:5px}.leads-panel{position:fixed;z-index:80;top:58px;right:0;bottom:25px;display:flex;width:min(440px,100vw);flex-direction:column;border-left:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.publication-panel{position:fixed;z-index:82;top:58px;right:0;bottom:25px;display:flex;width:min(460px,100vw);flex-direction:column;border-left:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.publication-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.publication-panel h2{margin:2px 0 3px;font-size:1.05rem}.publication-panel header p{margin:0;color:var(--text-muted);font-size:.68rem}.publication-panel-body{min-height:0;flex:1;overflow-y:auto;padding:18px}.publication-domain-form,.publication-state{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.publication-domain-form h3,.publication-state h3{margin:0;font-size:1rem}.publication-domain-form p,.publication-state p{margin:0;color:var(--text-secondary);font-size:.72rem;line-height:1.55}.publication-domain-form label{font-size:.66rem;font-weight:680}.publication-domain-form .ui-input{width:100%}.publication-icon,.publication-success,.publication-error-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.publication-success{background:var(--success-soft);color:var(--success)}.publication-error-icon{background:var(--danger-soft);color:var(--danger)}.publication-actions{display:flex;flex-wrap:wrap;gap:7px}.dns-records{display:grid;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle)}.dns-records code{display:grid;padding:10px 12px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;grid-template-columns:36px 48px minmax(0,1fr)}.dns-records code+code{border-top:1px solid var(--border)}.dns-records strong{overflow:hidden;color:var(--text-primary);text-overflow:ellipsis}.publication-progress{display:grid;width:100%;gap:3px;margin:4px 0 0;padding:0;list-style:none}.publication-progress li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.72rem}.publication-progress li i{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--border);border-radius:50%;font-style:normal;font-size:.62rem}.publication-progress li.active{background:var(--accent-soft);color:var(--text-primary)}.publication-progress li.active i{border-color:var(--accent);color:var(--accent)}.publication-progress li.done{color:var(--success)}.publication-progress li.done i{border-color:var(--success)}.published-link{display:flex;max-width:100%;align-items:center;gap:6px;overflow:hidden;color:var(--accent);font-size:.82rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.publication-disconnect{margin-top:8px;border:0;background:transparent;color:var(--danger);cursor:pointer;font-size:.68rem}.leads-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.leads-panel h2{margin:2px 0 3px;font-size:1.05rem}.leads-panel header p{margin:0;color:var(--text-muted);font-size:.68rem}.leads-panel-body{display:flex;min-height:0;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.lead-card{padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}.lead-card.lead-new{border-color:var(--accent)}.lead-card-heading,.lead-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.lead-card-heading>div{display:flex;min-width:0;flex-direction:column;gap:2px}.lead-card-heading strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.lead-card time{color:var(--text-muted);font-size:.6rem}.lead-contacts{display:grid;gap:6px;margin:12px 0}.lead-contacts>div{display:grid;gap:8px;grid-template-columns:78px minmax(0,1fr)}.lead-contacts dt{color:var(--text-muted);font-size:.62rem}.lead-contacts dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.68rem}.lead-contacts a,.lead-card footer>a{color:var(--accent)}.lead-message{margin:10px 0;padding:9px;border-radius:7px;background:var(--surface);color:var(--text-secondary);font-size:.68rem;line-height:1.5;white-space:pre-wrap}.lead-card footer{margin-top:10px}.lead-card footer>a{font-size:.62rem}.lead-card select{min-height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:.64rem}.statusbar-tip{margin-left:auto}.statusbar-tip kbd{min-width:16px;height:15px;padding:0 3px;font-size:.5rem}.project-loading{display:grid;gap:20px;width:calc(100% - 48px);margin:40px auto}.project-loading>div{display:grid;gap:18px;grid-template-columns:420px 1fr}.project-loading>div>div{min-height:500px;padding:25px;border:1px solid var(--border);border-radius:var(--radius-lg)}.project-not-found,.error-page,.fatal-error{display:grid;min-height:100vh;align-content:center;justify-items:center;padding:40px 24px;text-align:center}.project-not-found>svg,.fatal-error>span,.error-page-icon{display:grid;width:56px;height:56px;place-items:center;margin-bottom:18px;border-radius:16px;background:var(--danger-soft);color:var(--danger)}.project-not-found h1,.error-page h1,.fatal-error h1{max-width:620px;margin:8px 0 10px;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.055em}.project-not-found>p:not(.eyebrow),.error-page>p:not(.eyebrow),.fatal-error>p:not(.eyebrow){max-width:480px;margin:0 0 24px;color:var(--text-secondary);line-height:1.6}.error-page{position:relative;overflow:hidden}.error-page-code{position:absolute;z-index:-1;color:var(--surface-raised);font-size:min(42vw,28rem);font-weight:800;line-height:1}.route-loading{display:grid;gap:30px;width:min(1000px,calc(100% - 60px));margin:70px auto}.route-loading>div:last-child{min-height:340px;padding:30px;border:1px solid var(--border);border-radius:var(--radius-lg)}.chat-panel{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-rows:49px minmax(0,1fr) auto}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 11px 0 13px;border-bottom:1px solid var(--border)}.chat-header>div:first-child{display:flex;min-width:0;align-items:center;gap:9px}.chat-header>div:first-child>span:last-child{min-width:0}.ai-avatar{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-text)}.chat-header strong,.chat-header small{display:block}.chat-header>div:first-child>span:last-child strong,.chat-header>div:first-child>span:last-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header strong{font-size:.73rem}.chat-header small{margin-top:1px;color:var(--text-muted);font-size:.56rem}.chat-tabs{display:flex;flex:0 0 auto;padding:2px;border-radius:6px;background:var(--surface-subtle)}.chat-tabs button{display:flex;height:25px;align-items:center;gap:4px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.62rem}.chat-tabs button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.virtual-list{position:relative;min-width:0}.virtual-list.is-virtualized .virtual-list-row{position:absolute;top:0;left:0;width:100%;will-change:transform}.message-list{position:relative;min-height:0;padding:20px 14px 28px;overflow-y:auto;background:var(--surface-subtle);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;scroll-behavior:smooth}.message-skeleton{display:grid;gap:22px}.message-skeleton>div{max-width:82%;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.message-skeleton>div:last-child{justify-self:end}.chat-placeholder,.chat-error{color:var(--text-secondary)}.chat-error{display:grid;gap:9px;justify-items:start;padding:12px;border:1px solid color-mix(in srgb,var(--danger) 22%,var(--border));border-radius:9px;background:var(--danger-soft);font-size:.7rem}.chat-error p{margin:0;line-height:1.45}.generation-query-error{margin-bottom:14px}.chat-empty{display:grid;min-height:100%;align-content:center;justify-items:center;gap:7px;padding:36px 16px;color:var(--text-secondary);text-align:center}.chat-empty>span{display:grid;width:44px;height:44px;place-items:center;margin-bottom:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.chat-empty strong{color:var(--text);font-size:.85rem}.chat-empty p{max-width:280px;margin:0;font-size:.69rem;line-height:1.5}.prompt-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.prompt-suggestions button{padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:.61rem}.prompt-suggestions button:hover{border-color:var(--accent);color:var(--accent-text)}.message{position:relative;width:fit-content;max-width:91%;margin-bottom:18px}.message-virtual-list .virtual-list-row{padding-bottom:18px}.message-virtual-list .message{margin-bottom:0}.message>p,.message>.markdown{margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:4px 12px 12px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:.72rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.message-user{margin-left:auto}.message-user>p{border-color:var(--accent);border-radius:12px 4px 12px 12px;background:var(--accent);color:#fff}.message-meta{display:flex;align-items:center;gap:9px;margin:0 3px 5px;color:var(--text-muted);font-size:.57rem}.message-meta strong{color:var(--text-secondary);font-size:.61rem}.message-user .message-meta{justify-content:flex-end}.message-actions{display:flex;height:24px;align-items:center;gap:4px;margin-top:2px;opacity:0}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-user .message-actions{justify-content:flex-end}.message-actions .icon-button{width:24px;height:24px}.message-actions button:not(.icon-button){padding:0 4px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.58rem}.message-actions button:hover{color:var(--accent-text)}.message-attachments{display:grid;gap:6px;margin-top:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.message-attachments a{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);color:var(--text-secondary);text-decoration:none}.message-attachments img{display:block;width:100%;height:92px;object-fit:cover}.message-attachments span{display:block;overflow:hidden;padding:5px 7px;font-size:.54rem;text-overflow:ellipsis;white-space:nowrap}.message-version{display:inline-flex;width:fit-content;align-items:center;gap:6px;margin-top:9px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:8px;background:var(--accent-soft);color:var(--accent-text);cursor:pointer;font:inherit}.message-version span{font-size:.61rem;font-weight:700}.message-version small{padding-left:6px;border-left:1px solid color-mix(in srgb,currentColor 20%,transparent);font-size:.52rem}.message-version:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.message-version:disabled{cursor:default;opacity:.68}.message-version.version-reverted{border-color:var(--border);background:var(--surface-subtle);color:var(--text-muted)}.markdown{white-space:normal!important}.markdown p{margin:0 0 8px}.markdown p:last-child{margin-bottom:0}.markdown h3,.markdown h4{margin:8px 0 5px;letter-spacing:-.01em}.markdown h3{font-size:.82rem}.markdown h4{font-size:.76rem}.markdown ul{margin:6px 0;padding-left:18px}.markdown li{margin:3px 0}.markdown code{padding:1px 4px;border-radius:4px;background:var(--surface-subtle);color:var(--accent-text);font-family:SFMono-Regular,Consolas,monospace;font-size:.65rem}.markdown a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.code-block{margin:8px 0;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#171816;color:#e8e7e1}.code-block>span{display:block;padding:5px 8px;border-bottom:1px solid #2c2d29;color:#85867f;font-size:.54rem;text-transform:uppercase}.code-block pre{max-width:100%;margin:0;padding:10px;overflow-x:auto}.code-block code{padding:0;background:transparent;color:inherit;font-size:.62rem;line-height:1.5}.typing-indicator{display:flex;width:fit-content;gap:4px;margin:2px 0 10px 3px;padding:8px 10px;border:1px solid var(--border);border-radius:4px 12px 12px;background:var(--surface)}.typing-indicator i{width:4px;height:4px;border-radius:50%;background:var(--text-muted);animation:typing 1.1s infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}.jump-latest{position:sticky;right:0;bottom:0;display:flex;align-items:center;gap:4px;margin:0 auto;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-md);cursor:pointer;font-size:.6rem}.chat-composer{position:relative;padding:10px;border-top:1px solid var(--border);background:var(--surface)}.chat-composer>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.composer-image-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.composer-images{display:grid;gap:6px;margin-bottom:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.composer-image-hint{margin:-2px 2px 5px;color:var(--text-muted);font-size:.56rem;line-height:1.4}.composer-images article{position:relative;display:grid;min-width:0;align-items:center;gap:7px;padding:5px 27px 5px 5px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);grid-template-columns:38px minmax(0,1fr)}.composer-images img{width:38px;height:38px;border-radius:5px;object-fit:cover}.composer-images span{min-width:0;overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.composer-images small{display:block;margin-top:2px;color:var(--text-muted);font-size:.5rem}.composer-images button{position:absolute;top:5px;right:5px;display:grid;width:19px;height:19px;padding:0;place-items:center;border:0;border-radius:5px;background:var(--surface);color:var(--text-muted);cursor:pointer}.chat-composer textarea{display:block;width:100%;min-height:52px;max-height:180px;padding:10px 11px 4px;resize:none;border:1px solid var(--border-strong);border-bottom:0;border-radius:10px 10px 0 0;outline:0;background:var(--surface-subtle);color:var(--text);font-size:.72rem;line-height:1.45}.chat-composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer-footer{display:flex;min-height:34px;align-items:center;gap:8px;padding:3px 4px 4px 10px;border:1px solid var(--border-strong);border-top:0;border-radius:0 0 10px 10px;background:var(--surface-subtle)}.composer-attach{display:flex;min-width:0;flex:1;align-items:center;gap:4px;padding:3px 0;border:0;background:none;color:var(--text-muted);cursor:pointer;font-size:.56rem}.composer-attach:disabled{cursor:not-allowed;opacity:.45}.composer-footer .composer-credits,.composer-character-count{color:var(--text-muted);font-size:.56rem;white-space:nowrap}.composer-character-count.is-over-limit{color:var(--danger);font-weight:700}.credit-limit-message{margin:6px 2px 0;color:var(--warning);font-size:.62rem}.composer-footer em{padding:2px 4px;border-radius:4px;background:var(--accent-soft);color:var(--accent-text);font-style:normal}.composer-hint{display:flex;align-items:center;gap:2px;color:var(--text-muted);font-size:.54rem}.composer-hint kbd{min-width:16px;height:16px;padding:0 3px;font-size:.48rem}.composer-footer>button:not(.composer-attach){display:grid;width:29px;height:29px;place-items:center;padding:0;border:0;border-radius:7px;background:var(--accent);color:#fff;cursor:pointer}.chat-send-error{margin:7px 2px 0;color:var(--danger);font-size:.65rem}.drop-overlay{position:absolute;z-index:5;top:6px;right:6px;bottom:6px;left:6px;display:grid;align-content:center;justify-items:center;border:1px dashed var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 92%,transparent);color:var(--accent-text)}.drop-overlay strong{margin:4px 0 2px;font-size:.72rem}.drop-overlay span{font-size:.58rem}.generation-card{display:grid;gap:11px;margin:2px 0 18px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface))}.message>.generation-card{margin-bottom:0}.generation-title{display:flex;align-items:center;gap:9px}.generation-title>div:not(.generation-actions){display:grid;flex:1;gap:1px}.generation-title strong{font-size:.68rem}.generation-title>div>span,.generation-title>time{color:var(--text-muted);font-size:.56rem}.generation-actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.generation-actions time{color:var(--text-muted);font-size:.56rem}.generation-actions .ui-button{padding-inline:8px}.generation-spinner,.generation-indicator{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:50%}.generation-spinner{border:2px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:var(--accent);animation:spin .75s linear infinite}.generation-indicator{background:var(--success-soft);color:var(--success)}.generation-timeline{display:grid;gap:3px;grid-template-columns:repeat(5,minmax(0,1fr))}.generation-timeline>div{display:grid;min-width:0;justify-items:center;gap:4px;color:var(--text-muted)}.generation-timeline>div>span{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface)}.generation-timeline>div small{max-width:100%;overflow:hidden;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap}.generation-timeline>div.is-current{color:var(--accent-text)}.generation-timeline>div.is-current>span{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.generation-timeline>div.is-done{color:var(--success)}.generation-timeline>div.is-done>span{border-color:var(--success);background:var(--success-soft)}.generation-failed,.generation-rolled_back,.generation-reverted{border-color:color-mix(in srgb,var(--danger) 26%,var(--border));background:var(--danger-soft)}.generation-failed .generation-indicator,.generation-rolled_back .generation-indicator,.generation-reverted .generation-indicator{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.generation-error p,.generation-summary{margin:0;color:var(--text-secondary);font-size:.63rem;line-height:1.45}.generation-summary>.markdown{font-size:inherit}.generation-summary>.markdown>:first-child{margin-top:0}.generation-summary>.markdown>:last-child{margin-bottom:0}.generation-metrics{display:flex;gap:18px;margin:0;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--accent) 14%,var(--border))}.generation-metrics div{display:flex;align-items:baseline;gap:5px}.generation-metrics dt{color:var(--text-muted);font-size:.54rem}.generation-metrics dd{margin:0;color:var(--text-primary);font-size:.6rem;font-weight:680}.generation-error{display:grid;gap:8px;justify-items:start}.history-panel{min-height:0;padding:16px 14px;overflow-y:auto;background:var(--surface-subtle)}.history-panel>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.history-panel h3{margin:0 0 3px;font-size:.82rem}.history-panel header p{margin:0;color:var(--text-secondary);font-size:.61rem}.history-panel>header>span{display:grid;min-width:24px;height:24px;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent-text);font-size:.65rem;font-weight:700}.history-list{position:relative;display:grid;gap:0}.history-list:before{position:absolute;top:16px;bottom:16px;left:12px;width:1px;background:var(--border);content:""}.history-list article{position:relative;z-index:1;display:grid;gap:9px;padding:0 0 18px;grid-template-columns:25px minmax(0,1fr)}.history-marker{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-muted)}.history-completed{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:var(--success-soft);color:var(--success)}.history-failed,.history-rolled_back,.history-reverted{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:var(--danger-soft);color:var(--danger)}.history-list article>div{padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.history-list article header{display:flex;justify-content:space-between;gap:10px}.history-list article header strong{font-size:.67rem}.history-list article time{color:var(--text-muted);font-size:.54rem}.history-list article p{display:-webkit-box;margin:7px 0;overflow:hidden;color:var(--text-secondary);font-size:.61rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-list article footer{display:flex;align-items:center;gap:8px}.history-list article footer>span{color:var(--text-muted);font-size:.52rem}.history-list article footer .history-status{margin-right:auto;text-transform:capitalize}.history-list article footer .history-metric{white-space:nowrap}.history-list article footer button{display:flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.54rem}.history-list article footer button:hover{color:var(--accent-text)}.history-empty{display:grid;justify-items:center;padding:50px 20px;color:var(--text-muted);text-align:center}.history-empty strong{margin:8px 0 4px;color:var(--text);font-size:.75rem}.history-empty p{margin:0;font-size:.62rem}.preview-panel{display:grid;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-rows:49px minmax(0,1fr) 25px}.preview-toolbar{display:grid;align-items:center;gap:10px;padding:0 8px 0 12px;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto}.preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.zoom-control{display:flex;align-items:center;margin-right:3px;border:1px solid var(--border);border-radius:7px}.zoom-control .icon-button{width:27px;height:27px;border:0}.zoom-control>button:not(.icon-button){width:42px;height:27px;padding:0;border:0;border-right:1px solid var(--border);border-left:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.58rem}.preview-stage{position:relative;display:grid;min-height:0;place-items:start center;overflow:auto;background-color:#e8e7e2;background-image:radial-gradient(circle,rgb(100 98 92 / 16%) 1px,transparent 1px);background-size:16px 16px}[data-theme=dark] .preview-stage{background-color:#131411;background-image:radial-gradient(circle,rgb(190 188 177 / 10%) 1px,transparent 1px)}.device-frame{height:100%;min-height:100%;overflow:hidden;background:#fff;box-shadow:0 8px 30px #23202d24;transform-origin:top center;transition:width .28s ease,max-width .28s ease,transform .2s ease}.device-tablet .device-frame,.device-mobile .device-frame{margin:18px 0;border:5px solid #282924;border-radius:12px}.device-frame iframe{display:block;width:100%;height:100%;min-height:100%;border:0;background:#fff}.preview-state,.preview-overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;padding:28px;background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.preview-state>span{display:grid;width:48px;height:48px;place-items:center;margin-bottom:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.preview-state strong,.preview-overlay strong{font-size:.83rem}.preview-state p,.preview-overlay span{max-width:330px;margin:6px 0 16px;color:var(--text-secondary);font-size:.68rem;line-height:1.5}.preview-error>span{background:var(--danger-soft);color:var(--danger)}.preview-overlay .ui-spinner{margin-bottom:12px;color:var(--accent)}.preview-footer{display:flex;align-items:center;gap:14px;padding:0 10px;overflow:hidden;border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.54rem;white-space:nowrap}.preview-footer>span,.preview-footer>label,.preview-footer>button{display:flex;align-items:center;gap:4px}.toast-region{position:fixed;z-index:100;right:18px;bottom:18px;display:grid;width:min(370px,calc(100vw - 36px));gap:8px;pointer-events:none}.toast{display:grid;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-lg);grid-template-columns:auto minmax(0,1fr) auto;pointer-events:auto;animation:toast-in .24s ease both}.toast-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-text)}.toast-success .toast-icon{background:var(--success-soft);color:var(--success)}.toast-warning .toast-icon{background:var(--warning-soft);color:var(--warning)}.toast-error .toast-icon{background:var(--danger-soft);color:var(--danger)}.toast strong{display:block;margin:1px 0 2px;font-size:.72rem}.toast p{margin:0;color:var(--text-secondary);font-size:.66rem;line-height:1.45}.toast>button{padding:2px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.dialog-backdrop,.command-backdrop{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f0f0d7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-card{display:grid;width:min(420px,100%);gap:13px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-lg);grid-template-columns:auto minmax(0,1fr);animation:dialog-in .2s ease both}.dialog-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-text)}.dialog-icon.is-danger{background:var(--danger-soft);color:var(--danger)}.dialog-card h2{margin:1px 0 6px;font-size:.94rem}.dialog-card p{margin:0;color:var(--text-secondary);font-size:.72rem;line-height:1.55}.dialog-card footer{display:flex;justify-content:flex-end;gap:7px;grid-column:1 / -1}.command-backdrop{align-items:start;padding-top:min(16vh,140px)}.command-palette{width:min(570px,100%);overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised);box-shadow:var(--shadow-lg);animation:command-in .2s ease both}.command-input{display:flex;height:55px;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border);color:var(--text-muted)}.command-input .ui-input{height:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:.82rem}.command-results{display:grid;gap:2px;max-height:360px;padding:7px;overflow-y:auto}.command-results button{display:grid;min-height:49px;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;grid-template-columns:auto minmax(0,1fr);text-align:left}.command-results button:hover{background:var(--accent-soft)}.command-results button>span:last-child{min-width:0}.command-results strong,.command-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-results strong{font-size:.72rem}.command-results small{margin-top:2px;color:var(--text-secondary);font-size:.6rem}.command-action-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent-text)}.command-palette>footer{display:flex;gap:15px;padding:8px 12px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.56rem}.command-palette>footer span{display:flex;align-items:center;gap:4px}.command-palette>footer kbd{min-width:17px;height:16px;padding:0 3px;font-size:.48rem}.shortcut-popover{position:fixed;z-index:85;right:18px;bottom:18px;width:min(330px,calc(100vw - 36px));padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-lg);animation:pop-in .18s ease both}.shortcut-popover>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:.75rem}.shortcut-popover dl{display:grid;align-items:center;gap:8px;margin:0;grid-template-columns:minmax(0,1fr) auto}.shortcut-popover dt{color:var(--text-secondary);font-size:.64rem}.shortcut-popover dd{display:flex;gap:3px;margin:0}.billing-page{width:min(100% - 48px,960px);margin:0 auto;padding:56px 0 80px}.billing-heading{max-width:680px;margin-bottom:30px}.billing-heading>span{color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.billing-heading h1{margin:8px 0 10px;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.045em}.billing-heading p,.billing-current p{color:var(--text-secondary);line-height:1.6}.billing-plan-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plan{display:flex;min-height:300px;padding:26px;flex-direction:column}.billing-plan-name{font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.billing-price{display:flex;align-items:baseline;gap:7px;margin:22px 0}.billing-price strong{font-family:var(--font-display);font-size:2.4rem;letter-spacing:-.04em}.billing-price span,.billing-plan li{color:var(--text-secondary)}.billing-plan ul{display:grid;gap:12px;margin:0 0 28px;padding:0;list-style:none}.billing-plan li:before{margin-right:9px;color:var(--success);content:"✓"}.billing-plan .ui-button{width:100%;margin-top:auto}.billing-current{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:22px 26px}.billing-current h2{margin:4px 0;font-size:1.6rem}.billing-current>div>span{color:var(--success);font-size:.72rem;font-weight:700;text-transform:uppercase}.billing-notice{color:var(--warning)!important}.billing-error,.billing-widget-error{padding:14px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:var(--radius-md);color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.billing-widget-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;overflow:auto;padding:28px 16px;place-items:start center;background:#0a0a099e}.billing-widget-modal{width:min(100%,620px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.billing-widget-modal>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.billing-widget-modal>header div{display:grid;gap:2px}.billing-widget-modal>header span{color:var(--text-secondary);font-size:.72rem}.billing-widget-state,.billing-widget-error{margin:20px}.billing-widget-state{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.billing-widget-error p{margin:7px 0 14px}.is-hidden{display:none}.billing-result-page{display:grid;min-height:65vh;place-items:center}.billing-result{width:min(100%,560px);padding:36px;text-align:center}.billing-result h1{margin:18px 0 8px}.billing-result p{margin:0 0 24px;color:var(--text-secondary);line-height:1.6}.admin-page{width:min(100% - 48px,1260px);margin:0 auto;padding:48px 0 80px}.admin-heading{max-width:720px;margin-bottom:28px}.admin-heading>span{color:var(--accent);font-size:.68rem;font-weight:720;letter-spacing:.1em;text-transform:uppercase}.admin-heading h1{margin:7px 0 9px;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em}.admin-heading p{margin:0;color:var(--text-secondary);line-height:1.55}.admin-notice,.admin-error{margin-bottom:16px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.68rem}.admin-notice{border-color:color-mix(in srgb,var(--success) 32%,var(--border));background:var(--success-soft);color:var(--success)}.admin-error{border-color:color-mix(in srgb,var(--danger) 32%,var(--border));background:var(--danger-soft);color:var(--danger)}.admin-stats{display:grid;gap:14px;margin-bottom:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stats>section{display:grid;min-height:100px;align-content:space-between;padding:19px}.admin-stats span{color:var(--text-secondary);font-size:.64rem}.admin-stats strong{font-family:var(--font-display);font-size:1.8rem;letter-spacing:-.035em}.admin-layout{display:grid;align-items:start;gap:18px;grid-template-columns:minmax(280px,.7fr) minmax(520px,1.3fr)}.admin-users-card,.admin-user-detail,.admin-bottom-grid>section{padding:18px}.admin-users-card>header,.admin-user-detail>header,.admin-bottom-grid>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-users-card h2,.admin-user-detail h2,.admin-bottom-grid h2{margin:0;font-size:.92rem}.admin-users-card header>div>span,.admin-user-detail header>div>span{color:var(--text-muted);font-size:.58rem}.admin-users-card form{display:flex;gap:6px}.admin-users-card form .ui-input{width:180px;height:32px}.admin-user-list{display:grid;gap:5px;min-height:200px}.admin-user-list>button{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.admin-user-list>button:hover,.admin-user-list>button.is-active{border-color:var(--border);background:var(--accent-soft)}.admin-user-list button>span:first-child{min-width:0}.admin-user-list strong,.admin-user-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-list strong{font-size:.68rem}.admin-user-list small{margin-top:3px;color:var(--text-muted);font-size:.55rem}.admin-user-list>p,.admin-compact-list>p,.admin-ledger>p,.admin-activity-list>p{color:var(--text-muted);font-size:.65rem}.admin-user-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.admin-users-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.admin-users-card>footer span{color:var(--text-muted);font-size:.58rem}.admin-user-metrics{display:grid;gap:8px;margin:0 0 18px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-user-metrics>div{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface-subtle)}.admin-user-metrics dt{color:var(--text-muted);font-size:.55rem}.admin-user-metrics dd{margin:5px 0 0;overflow:hidden;font-size:.69rem;font-weight:700;text-overflow:ellipsis}.admin-actions-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions-grid>form,.admin-actions-grid>div{display:grid;align-content:start;gap:9px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}.admin-actions-grid h3,.admin-detail-section h3{margin:0;font-size:.72rem}.admin-actions-grid label{display:grid;gap:5px;color:var(--text-secondary);font-size:.59rem}.admin-actions-grid small{color:var(--text-muted);font-size:.54rem;line-height:1.4}.admin-actions-grid .ui-textarea{min-height:68px;resize:vertical}.admin-actions-grid .ui-button{justify-self:start}.admin-detail-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.admin-compact-list,.admin-ledger{display:grid;gap:6px;margin-top:10px}.admin-compact-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:8px;background:var(--surface-subtle)}.admin-compact-list strong{font-size:.65rem}.admin-compact-list span{color:var(--text-muted);font-size:.55rem}.admin-ledger>div{display:grid;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr auto}.admin-ledger span{display:grid;gap:2px}.admin-ledger strong{font-size:.64rem}.admin-ledger small,.admin-ledger time{color:var(--text-muted);font-size:.52rem}.admin-ledger .is-positive{color:var(--success)}.admin-ledger .is-negative{color:var(--danger)}.admin-bottom-grid{display:grid;align-items:start;gap:18px;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-activity-list{display:grid;gap:7px;max-height:480px;overflow-y:auto}.admin-activity-list article{display:grid;align-items:center;gap:7px 10px;padding:10px;border:1px solid var(--border);border-radius:9px;grid-template-columns:minmax(0,1fr) auto}.admin-activity-list article>div{min-width:0}.admin-activity-list strong,.admin-activity-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-activity-list strong{font-size:.64rem}.admin-activity-list span,.admin-activity-list time{color:var(--text-muted);font-size:.52rem}.admin-activity-list p{margin:0;color:var(--text-secondary);font-size:.57rem;line-height:1.45;grid-column:1 / -1}.admin-activity-list time{grid-column:1 / -1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes command-in{0%{opacity:0;transform:translateY(-8px) scale(.99)}}@media(max-width:1180px){.project-grid,.templates-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-toolbar{grid-template-columns:auto 1fr}.preview-toolbar .segmented-control{justify-self:center}.preview-actions{grid-column:1 / -1;display:none}.editor-state>span:first-child{display:none}.admin-layout{grid-template-columns:1fr}}@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{display:block}.app-sidebar{position:fixed;visibility:visible;transform:translate(-100%);transition:transform var(--transition)}.app-sidebar.is-open{transform:translate(0)}.sidebar-expand{display:none!important}.mobile-scrim{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;border:0;background:#0a0a097f;opacity:0;pointer-events:none;transition:opacity var(--transition)}.mobile-scrim.is-visible{display:block;opacity:1;pointer-events:auto}.mobile-header{position:sticky;z-index:15;top:0;display:flex;height:52px;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-header .brand>span{width:26px;height:26px}.dashboard-page,.create-page{width:min(100% - 36px,1120px);padding-top:42px}.editor-page{height:calc(100vh - 52px)}.editor-workspace{display:grid;width:100%;min-width:0;max-width:100vw;overflow-x:hidden;overflow-y:auto;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(540px,72vh) minmax(540px,72vh)}.editor-workspace>.chat-panel,.editor-workspace>.preview-panel{width:100%;min-width:0;max-width:100%}.panel-resizer,.editor-statusbar{display:none}.leads-panel,.publication-panel{bottom:0}.editor-page{grid-template-rows:58px minmax(0,1fr)}}@media(max-width:680px){.auth-card{padding:25px 20px}.verification-code{gap:5px}.verification-code input{height:52px;font-size:1.25rem}.verification-banner{align-items:stretch;flex-direction:column;margin:12px 12px 0}.dashboard-page,.create-page{width:min(100% - 24px,1120px);padding:28px 0 50px}.dashboard-hero{display:grid;gap:22px;margin-bottom:28px}.dashboard-hero h1{font-size:2.7rem}.dashboard-hero .ui-button{width:fit-content}.dashboard-actions{justify-content:space-between}.dashboard-stats{grid-template-columns:1fr}.dashboard-stats article{min-height:66px}.projects-section>header{align-items:stretch;flex-direction:column}.project-filters{display:grid;grid-template-columns:1fr auto}.project-filters label,.project-filters .ui-input{width:100%}.project-grid,.template-grid,.templates-gallery,.selected-template-card{grid-template-columns:1fr}.form-section{padding:18px;grid-template-columns:1fr}.form-section-number{margin-bottom:-4px}.create-actions{display:grid;grid-template-columns:1fr 1fr}.editor-header{gap:7px;padding:0 8px;grid-template-columns:minmax(0,1fr) auto}.editor-state,.editor-actions .ui-button{display:none}.editor-actions .leads-trigger,.editor-actions .publication-trigger{display:inline-flex}.project-settings-popover{position:fixed;top:118px;right:12px;left:12px;width:auto}.chat-tabs button{padding:0 6px}.preview-toolbar{grid-template-columns:1fr auto}.preview-toolbar .segmented-control span,.composer-attach span,.composer-hint{display:none}.dialog-card{padding:16px}.billing-page{width:min(100% - 24px,960px);padding-top:30px}.billing-plan-grid{grid-template-columns:1fr}.billing-current{align-items:stretch;flex-direction:column}.admin-page{width:min(100% - 24px,1260px);padding-top:28px}.admin-stats,.admin-bottom-grid,.admin-actions-grid{grid-template-columns:1fr}.admin-user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-card>header{align-items:stretch;flex-direction:column}.admin-users-card form .ui-input{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
