:root{--colors-primary:#150f23;--colors-ink-deep:#1f1633;--colors-on-primary:#fff;--colors-accent-lime:#c2ef4e;--colors-accent-pink:#fa7faa;--colors-accent-violet:#6a5fc1;--colors-accent-violet-deep:#422082;--colors-accent-violet-mid:#79628c;--colors-surface-canvas-dark:#1f1633;--colors-surface-canvas-light:#fff;--colors-surface-night:#150f23;--colors-surface-press-light:#f0f0f0;--colors-surface-press-stronger:#efefef;--colors-hairline-violet:#362d59;--colors-hairline-cool:#cfcfdb;--colors-hairline-cloud:#e5e7eb;--colors-ink:#1f1633;--colors-ink-press:#1a1a1a;--colors-on-dark-muted:#ffffffb8;--colors-on-dark-faint:#ffffff1f;--colors-ring-focus:#3b82f680;--font-display:"Space Grotesk", "Rubik", -apple-system, system-ui, sans-serif;--font-ui:"Rubik", -apple-system, system-ui, sans-serif;--font-code:"Monaco", "Menlo", "Courier New", monospace;--rounded-xs:4px;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:10px;--rounded-xl:12px;--rounded-xxl:18px;--rounded-full:9999px;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-section:96px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-ui);color:var(--colors-on-primary);background-color:var(--colors-surface-canvas-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;font-weight:400;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--colors-primary)}::-webkit-scrollbar-thumb{background:var(--colors-hairline-violet);border-radius:var(--rounded-md)}::-webkit-scrollbar-thumb:hover{background:var(--colors-accent-violet-mid)}.display-hero{font-family:var(--font-display);letter-spacing:-2px;margin:0;font-size:88px;font-weight:700;line-height:1.1}.display-large{font-family:var(--font-display);letter-spacing:-1px;margin:0;font-size:56px;font-weight:600;line-height:1.15}.heading-xl{font-family:var(--font-ui);margin:0;font-size:32px;font-weight:500;line-height:1.2}.heading-lg{font-family:var(--font-ui);margin:0;font-size:26px;font-weight:500;line-height:1.3}.heading-md{font-family:var(--font-ui);margin:0;font-size:20px;font-weight:500;line-height:1.3}.heading-sm{font-family:var(--font-ui);margin:0;font-size:16px;font-weight:600;line-height:1.3}.eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1.5px;color:var(--colors-accent-pink);margin-bottom:var(--spacing-sm);font-size:13px;font-weight:700}.body-lg{font-family:var(--font-ui);color:var(--colors-on-dark-muted);font-size:18px;font-weight:400;line-height:1.8}.body-md{font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.5}.body-strong{font-weight:600}.caption{font-family:var(--font-ui);color:var(--colors-on-dark-muted);font-size:13px;font-weight:400;line-height:1.4}.micro-cap{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}code{font-family:var(--font-code);background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xs);color:var(--colors-accent-pink);padding:2px 6px;font-size:14px}button{cursor:pointer;font-family:var(--font-ui);transition:all var(--transition-fast);border:none}.button-primary{background-color:var(--colors-primary);color:var(--colors-on-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rounded-md);padding:12px 20px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0003}.button-primary:hover{background-color:#211636;transform:translateY(-1px)}.button-primary:active{background-color:var(--colors-surface-press-stronger);color:var(--colors-ink-press)}.button-inverted{background-color:var(--colors-on-primary);color:var(--colors-ink-deep);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rounded-md);padding:12px 20px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0000004d}.button-inverted:hover{background-color:var(--colors-surface-press-light);transform:translateY(-1px)}.button-inverted:active{background-color:var(--colors-surface-press-light);color:var(--colors-ink-press)}.button-ghost-on-dark{background-color:var(--colors-on-dark-faint);color:var(--colors-on-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rounded-xl);border:1px solid #ffffff14;padding:10px 18px;font-size:13px;font-weight:600}.button-ghost-on-dark:hover{background-color:#ffffff2e;border-color:#ffffff26}.button-violet-token{background-color:var(--colors-accent-violet-deep);color:var(--colors-on-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rounded-xl);border:1px solid var(--colors-accent-violet-mid);padding:8px 16px;font-size:13px;font-weight:500}.button-violet-token:hover{background-color:var(--colors-accent-violet-mid)}.button-disabled{background-color:var(--colors-hairline-cloud);color:var(--colors-on-dark-muted);cursor:not-allowed;opacity:.5}.lime-chip{background-color:var(--colors-accent-lime);color:var(--colors-primary);border-radius:var(--rounded-xs);border:2px solid var(--colors-primary);box-shadow:4px 4px 0px var(--colors-primary);padding:2px 14px;font-weight:600;display:inline-block;transform:rotate(-1.5deg)}.pink-chip{background-color:var(--colors-accent-pink);color:var(--colors-primary);border-radius:var(--rounded-xs);border:2px solid var(--colors-primary);box-shadow:4px 4px 0px var(--colors-primary);padding:2px 14px;font-weight:600;display:inline-block;transform:rotate(1deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes slowGlow{0%{box-shadow:0 0 15px #c2ef4e1a}50%{box-shadow:0 0 25px #c2ef4e40}to{box-shadow:0 0 15px #c2ef4e1a}}@keyframes messageGlow{0%{border-color:var(--colors-hairline-violet)}50%{border-color:var(--colors-accent-pink)}to{border-color:var(--colors-hairline-violet)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-float{animation:6s ease-in-out infinite float}.starfield-overlay{opacity:.6;pointer-events:none;background-image:radial-gradient(#ffffff26 1px,#0000 1px),radial-gradient(#ffffff14 1px,#0000 1px);background-position:0 0,20px 20px;background-size:40px 40px,80px 80px;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.auth-gate{background:radial-gradient(circle at 50% 0%, #c2ef4e1f, transparent 30%), var(--colors-bg-night);min-height:100vh;color:var(--colors-text-primary);place-items:center;padding:24px;display:grid}.auth-panel{border:1px solid var(--colors-hairline-violet);width:min(420px,100%);box-shadow:var(--shadow-panel);background:#140f24eb;border-radius:8px;gap:18px;padding:28px;display:grid}.auth-copy{gap:8px;display:grid}.auth-copy h1{margin:0;font-size:24px;line-height:1.1}.auth-copy p{color:var(--colors-text-muted);margin:0;font-size:14px;line-height:1.5}.auth-form{gap:10px;display:grid}.auth-form input{border:1px solid var(--colors-hairline-violet);width:100%;color:var(--colors-text-primary);background:#ffffff0f;border-radius:6px;padding:12px 14px}.auth-form button,.auth-google{background:var(--colors-accent-lime);color:#12121a;cursor:pointer;border:0;border-radius:6px;width:100%;min-height:42px;font-weight:800}.auth-google{background:#fff}.auth-divider{color:var(--colors-text-muted);text-align:center;text-transform:uppercase;font-size:12px}.auth-switch{color:var(--colors-accent-pink);cursor:pointer;background:0 0;border:0;font-weight:700}.auth-error{color:#ffc7d8;background:#fa7faa14;border:1px solid #fa7faa73;border-radius:6px;padding:10px 12px;font-size:13px}.app-footer{z-index:2;padding:24px 24px 40px;position:relative}.app-footer-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a189e;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100%);margin:0 auto;padding:16px 20px;display:flex}.app-footer-brand{color:#ffffffbd;flex-direction:column;gap:4px;font-size:13px;display:flex}.app-footer-brand strong{color:#fff;font-size:14px}.app-footer-links{flex-wrap:wrap;gap:14px;display:flex}.app-footer-links a{color:#ffffffc2;font-size:13px;text-decoration:none}.app-footer-links a:hover,.app-footer-links a:focus-visible{color:#fff}@media (width<=720px){.app-footer-inner{flex-direction:column;align-items:flex-start}}.dashboard-page{color:#fff;min-height:100vh;padding:0 16px 48px;position:relative}.dashboard-header,.dashboard-main{z-index:2;width:min(1180px,100%);margin:0 auto;position:relative}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;padding-top:28px;display:flex}.dashboard-header-actions{align-items:center;gap:12px;display:flex}.dashboard-main{flex-direction:column;gap:28px;padding-top:28px;display:flex}.dashboard-hero{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:20px;display:grid}.dashboard-copy,.dashboard-quick-actions,.dashboard-projects,.dashboard-compose{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a18b3;border:1px solid #ffffff14;box-shadow:0 24px 80px #00000047}.dashboard-copy{border-radius:28px;padding:28px}.dashboard-copy h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(38px,5vw,64px);line-height:.95}.dashboard-copy p:last-child{color:#ffffffb8;margin:0;font-size:16px;line-height:1.65}.dashboard-quick-actions{border-radius:28px;gap:14px;padding:18px;display:grid}.dashboard-stat-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:20px;align-items:flex-start;gap:14px;padding:18px;display:flex}.dashboard-stat-card strong,.dashboard-empty-state strong,.dashboard-project-meta h3{display:block}.dashboard-stat-card span,.dashboard-empty-state span,.dashboard-project-meta p,.dashboard-project-stats span{color:#ffffffad}.dashboard-compose{border-radius:28px;padding:20px}.dashboard-prompt-card{margin-bottom:18px}.dashboard-examples{margin-top:20px}.dashboard-projects{border-radius:28px;padding:22px}.dashboard-projects-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.dashboard-projects-header h2{letter-spacing:-.04em;margin:4px 0 0;font-size:28px}.dashboard-project-controls{align-items:center;gap:12px;display:flex}.dashboard-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;min-width:260px;padding:0 14px;display:flex}.dashboard-search input,.dashboard-project-controls select{color:#fff;font:inherit;background:0 0;border:none}.dashboard-search input{width:100%;padding:12px 0}.dashboard-search input::placeholder{color:#ffffff75}.dashboard-search input:focus,.dashboard-project-controls select:focus{outline:none}.dashboard-project-controls select{border:1px solid #ffffff14;border-radius:14px;padding:12px 14px}.dashboard-project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.dashboard-project-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;overflow:hidden}.dashboard-project-preview{aspect-ratio:16/10;background:linear-gradient(#ffffff14,#ffffff05);overflow:hidden}.dashboard-project-preview.image img{object-fit:cover;width:100%;height:100%;display:block}.dashboard-project-preview.mock{place-items:center;padding:18px;display:grid}.dashboard-preview-frame{background:#03050fe6;border:1px solid #ffffff14;border-radius:18px;width:100%;height:100%;overflow:hidden}.dashboard-project-preview.mock.mobile .dashboard-preview-frame{width:min(180px,58%)}.dashboard-preview-chrome{gap:6px;padding:10px;display:flex}.dashboard-preview-chrome span,.dashboard-preview-row span,.dashboard-preview-stack span,.dashboard-preview-hero{background:#ffffff1f;border-radius:999px}.dashboard-preview-chrome span{width:8px;height:8px}.dashboard-preview-canvas{gap:12px;padding:14px;display:grid}.dashboard-preview-hero{height:58px}.dashboard-preview-row,.dashboard-preview-stack{gap:10px;display:grid}.dashboard-preview-row{grid-template-columns:repeat(2,1fr)}.dashboard-preview-row span{height:44px}.dashboard-preview-stack span{height:16px}.dashboard-project-body{gap:14px;padding:16px;display:grid}.dashboard-project-meta{justify-content:space-between;gap:14px;display:flex}.dashboard-project-meta h3{margin:0 0 6px;font-size:19px}.dashboard-project-meta p,.dashboard-project-updated,.dashboard-project-stats{margin:0;font-size:13px}.dashboard-project-updated,.dashboard-project-stats{align-items:center;gap:6px;display:flex}.dashboard-project-stats{gap:12px}.dashboard-project-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-project-actions button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.dashboard-project-actions button.danger{color:#ffb4bd}.dashboard-empty-state{text-align:center;border:1px dashed #ffffff1f;border-radius:20px;gap:6px;padding:36px 22px;display:grid}@media (width<=900px){.dashboard-hero{grid-template-columns:1fr}.dashboard-projects-header,.dashboard-project-controls{flex-direction:column;align-items:stretch}.dashboard-search{min-width:0}}@media (width<=720px){.dashboard-page{padding-inline:12px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header-actions{flex-wrap:wrap;width:100%}.dashboard-copy,.dashboard-quick-actions,.dashboard-compose,.dashboard-projects{border-radius:22px}}.settings-page{color:#fff;min-height:100vh;padding:0 16px 40px;position:relative}.settings-header,.settings-main{z-index:2;width:min(1120px,100%);margin:0 auto;position:relative}.settings-header{justify-content:space-between;align-items:center;gap:16px;padding-top:28px;display:flex}.settings-header-actions{gap:12px;display:flex}.settings-main{gap:24px;padding-top:32px;display:grid}.settings-hero{max-width:760px}.settings-hero h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(38px,6vw,64px);line-height:.95}.settings-hero p:last-child,.settings-danger-copy{color:#ffffffb8;margin:0;line-height:1.7}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.settings-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a18b8;border:1px solid #ffffff14;border-radius:28px;padding:22px;box-shadow:0 24px 80px #00000047}.settings-card-wide{grid-column:span 2}.settings-card-header{margin-bottom:18px}.settings-card-header h2{align-items:center;gap:10px;margin:4px 0 0;font-size:26px;display:flex}.settings-definition-list{gap:16px;display:grid}.settings-definition-list div{border-bottom:1px solid #ffffff14;padding-bottom:14px}.settings-definition-list div:last-child{border-bottom:none;padding-bottom:0}.settings-definition-list dt{color:#ffffff8a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px}.settings-definition-list dd{margin:0;font-size:18px}.settings-pack-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.settings-ledger{gap:12px;margin-top:22px;display:grid}.settings-load-more,.settings-danger-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:fit-content;padding:12px 16px}.settings-danger-zone{grid-column:span 2}.settings-delete-confirmation{gap:10px;margin:20px 0 14px;display:grid}.settings-delete-confirmation span{color:#ffffffb8;font-size:13px}.settings-delete-confirmation input{color:#fff;font:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:14px 16px}.settings-danger-button{color:#ffcad1}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.settings-card-wide,.settings-danger-zone{grid-column:span 1}}@media (width<=720px){.settings-page{padding-inline:12px}.settings-header{flex-direction:column;align-items:flex-start}.settings-card{border-radius:22px}}.legal-page{color:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative}.legal-header{z-index:2;justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 0;display:flex;position:relative}.legal-header-actions{gap:12px;display:flex}.legal-main{z-index:2;flex:1;place-items:center;padding:48px 16px 24px;display:grid;position:relative}.legal-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a18bd;border:1px solid #ffffff14;border-radius:28px;width:min(720px,100%);padding:36px;box-shadow:0 24px 80px #00000059}.legal-card h1{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(36px,6vw,56px);line-height:.95}.legal-card p:last-child{color:#ffffffbd;margin:0;font-size:16px;line-height:1.7}@media (width<=720px){.legal-header{flex-direction:column;align-items:flex-start;width:calc(100% - 24px);padding-top:20px}.legal-card{padding:28px 22px}}.app-container{background-color:var(--colors-surface-canvas-dark);flex-direction:column;min-height:100vh;display:flex;position:relative}.recent-projects-bar{z-index:60;pointer-events:none;width:min(880px,100vw - 32px);position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.recent-projects-inner{border:1px solid var(--colors-hairline-violet);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#140f24e0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.recent-projects-label{color:var(--colors-text-muted);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:11px;font-weight:800}.recent-projects-list{gap:8px;min-width:0;display:flex;overflow-x:auto}.recent-project-button{min-width:0;color:var(--colors-text-primary);text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff14;border-radius:6px;flex:0 0 150px;gap:3px;padding:8px 10px;display:grid}.recent-project-button span,.recent-project-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recent-project-button span{font-size:13px;font-weight:800}.recent-project-button small{color:var(--colors-text-muted);text-transform:uppercase;font-size:10px}@media (width<=640px){.recent-projects-inner{flex-direction:column;align-items:stretch}.recent-project-button{flex-basis:138px}}.landing-page{width:100%;max-width:1200px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-section);z-index:10;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.landing-header{width:100%;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.version-badge{background-color:var(--colors-accent-violet-deep);color:var(--colors-on-primary);border:1px solid var(--colors-accent-violet-mid);border-radius:var(--rounded-full);font-family:var(--font-code);letter-spacing:.5px;padding:4px 10px;font-size:11px}.prompt-card{width:100%;max-width:780px;margin-top:var(--spacing-xxl);z-index:20;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative}.platform-selector{gap:var(--spacing-xs);flex-direction:column;display:flex}.segment-container{background-color:var(--colors-primary);border:1px solid var(--colors-hairline-violet);padding:var(--spacing-xxs);border-radius:var(--rounded-xl);height:48px;display:flex;position:relative}.segment-btn{color:var(--colors-on-dark-muted);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rounded-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);z-index:2;transition:color var(--transition-fast);background:0 0;flex:1;font-size:13px;font-weight:600;display:flex}.segment-btn.active{color:var(--colors-primary)}.segment-btn:disabled{color:var(--colors-on-dark-faint);cursor:not-allowed}.segment-btn:disabled:hover{color:var(--colors-on-dark-faint)}.segment-slider{border-radius:calc(var(--rounded-xl) - 3px);background-color:var(--colors-accent-lime);z-index:1;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;bottom:3px;box-shadow:0 4px 10px #c2ef4e33}.model-option-row:focus-visible,.model-group-trigger:focus-visible{outline:2px solid var(--colors-accent-lime);outline-offset:2px}.model-option-identity{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.model-dropdown-chevron{transition:transform var(--transition-fast)}.model-dropdown-chevron.open{transform:rotate(180deg)}.model-dropdown-panel{z-index:50;border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);background-color:var(--colors-surface-night);gap:3px;width:220px;max-height:min(430px,100vh - 160px);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 36px #0000008c}.model-dropdown-list{flex-direction:column;gap:3px;max-height:min(410px,100vh - 180px);display:flex;overflow-y:auto}.model-section-label{color:var(--colors-on-dark-muted);font-family:var(--font-code);letter-spacing:.8px;text-transform:uppercase;padding:8px 10px 5px;font-size:9px;font-weight:600}.model-section-label-spaced{border-top:1px solid #79628c59;margin-top:5px}.model-group{flex-direction:column;gap:3px;display:flex}.model-group-trigger{border-radius:var(--rounded-md);width:100%;min-height:42px;color:var(--colors-on-primary);font-family:var(--font-ui);text-align:left;background:#ffffff06;border:1px solid #79628c3d;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:600;display:grid}.model-group-trigger:hover{background-color:#6a5fc114;border-color:#79628cb3}.model-group-count{color:var(--colors-on-dark-muted);font-family:var(--font-code);font-size:9px}.model-group-chevron{color:var(--colors-on-dark-muted);transition:transform var(--transition-fast)}.model-group-chevron.open{transform:rotate(90deg)}.model-option-row{border-radius:var(--rounded-md);width:100%;min-height:42px;color:var(--colors-on-primary);text-align:left;background-color:#0000;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.model-option-row:hover{background-color:#ffffff08;border-color:#79628c59}.model-option-row.selected{box-shadow:none;background-color:#c2ef4e0a;border-color:#c2ef4e33}.model-option-name{color:var(--colors-on-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.model-option-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.model-option-title{align-items:center;gap:7px;min-width:0;display:flex}.model-option-description{color:var(--colors-on-dark-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.1;overflow:hidden}.model-option-metrics{display:none}.model-metric{color:var(--colors-on-dark-muted);flex-direction:column;gap:5px;display:flex}.model-metric-label{color:#ffffff59;font-family:var(--font-code);letter-spacing:.2px;text-transform:uppercase;align-items:center;gap:4px;font-size:8px;line-height:1;display:flex}.model-detail-preview{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);background-color:var(--colors-surface-night);width:230px;padding:14px;position:absolute;left:calc(100% + 10px);box-shadow:0 18px 36px #00000085}.model-detail-preview:before{content:"";top:var(--model-preview-arrow-top,22px);border-left:1px solid var(--colors-hairline-violet);border-bottom:1px solid var(--colors-hairline-violet);background-color:var(--colors-surface-night);width:10px;height:10px;position:absolute;left:-6px;transform:translateY(-50%)rotate(45deg)}.model-detail-heading{align-items:center;gap:8px;margin-bottom:5px;display:flex}.model-detail-name{color:var(--colors-on-primary);font-size:13px;font-weight:600}.model-detail-description{color:var(--colors-on-dark-muted);margin:0 0 14px;font-size:11px;line-height:1.35}.model-detail-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.model-metric-segments{gap:3px;display:flex}.model-metric-segment{background-color:#ffffff14;border-radius:1px;width:6px;height:6px}.model-metric-segment.filled{background-color:#ffffff80}.model-option-check{color:#0000}.model-option-row.selected .model-option-check{color:#fff6}.prompt-prefixes{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.prompt-prefix-group{position:relative}.prompt-prefix-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);color:var(--colors-on-dark-muted);font-family:var(--font-ui);white-space:nowrap;background:#6a5fc114;align-items:center;gap:4px;height:32px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.prompt-prefix-btn:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary)}.prompt-prefix-btn-static{cursor:default}.prompt-prefix-btn-static:hover{border-color:var(--colors-hairline-violet);color:var(--colors-on-dark-muted)}.prompt-prefix-value{color:var(--colors-on-primary);align-items:center;gap:4px;padding-right:4px;font-size:12px;font-weight:600;display:inline-flex}.inline-model-panel{position:absolute;top:calc(100% + 6px);left:0}.model-picker-shell{z-index:80;align-items:flex-start;gap:8px;display:flex}.model-picker-menu{border:1px solid var(--colors-hairline-violet);background:#1b1430;border-radius:10px;width:max-content;min-width:220px;max-width:min(320px,100vw - 32px);padding:2px 6px;box-shadow:0 15px 35px #000000b3}.model-picker-heading{color:#ffffff59;letter-spacing:.8px;text-transform:uppercase;padding:10px 10px 5px;font-size:8px;font-weight:600;line-height:1}.model-picker-option,.model-picker-other-trigger{color:#ffffffb8;width:100%;min-height:30px;font-family:var(--font-ui);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:13px;line-height:1;display:flex}.model-picker-option:hover,.model-picker-option:focus-visible,.model-picker-other-trigger:hover,.model-picker-other-trigger:focus-visible,.model-picker-other-trigger.active{background:#ffffff0a}.model-picker-option.selected{color:#ffffffb8}.model-picker-option.selected .model-picker-option-name{color:var(--colors-accent-lime);font-weight:600}.model-picker-option-main{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.model-picker-provider{letter-spacing:0;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:600;display:inline-flex}.model-picker-provider.mark-deepseek{color:#22d3ee}.model-picker-provider.mark-claude{color:#fb923c}.model-picker-provider.mark-openai{color:var(--colors-on-dark-muted)}.model-picker-provider.mark-gemini,.model-picker-provider.mark-grok{color:#60a5fa}.model-picker-provider.mark-fallback{color:var(--colors-accent-lime)}.model-picker-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.model-picker-option-meta{align-items:center;gap:8px;padding-left:8px;display:inline-flex}.model-picker-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:4px 7px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.model-picker-pill.free{background:var(--colors-accent-pink);color:#fff}.model-picker-other{position:relative}.model-picker-other-chevron{color:#ffffff6b;flex:none}.model-picker-other-trigger.active .model-picker-other-chevron{color:var(--colors-accent-lime)}.model-picker-submenu{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;width:max-content;min-width:150px;max-width:min(240px,100vw - 32px);max-height:min(340px,100vh - 180px);padding:4px 6px;position:absolute;top:0;left:calc(100% + 8px);overflow-y:auto;box-shadow:0 12px 28px #00000080}.model-picker-submenu .model-picker-option{min-height:30px;color:var(--colors-on-primary);border-radius:8px;font-size:14px}.model-picker-submenu .model-picker-option.selected{color:var(--colors-on-primary);background:0 0}.model-picker-preview{border:1px solid var(--colors-hairline-violet);background:#1b1430;border-radius:10px;width:min(300px,100vw - 32px);padding:14px;box-shadow:0 15px 35px #000000b3}.model-picker-preview-name{color:var(--colors-on-primary);font-size:13px;font-weight:600;line-height:1.2}.model-picker-preview-provider{color:#ffffff6b;margin-top:6px;font-size:11px;line-height:1.25}.model-picker-preview-promise{color:var(--colors-on-dark-muted);border-top:1px solid #ffffff14;margin:12px 0 0;padding-top:12px;font-size:12px;line-height:1.35}.model-picker-metrics{flex-direction:column;gap:11px;margin-top:14px;display:flex}.model-picker-metric{grid-template-columns:minmax(86px,1fr) 106px;align-items:start;gap:12px;display:grid}.model-picker-metric-copy{min-width:0}.model-picker-metric-label{color:var(--colors-on-primary);font-size:11px;font-weight:600;line-height:1.2}.model-picker-metric-helper{color:#ffffff6b;margin-top:3px;font-size:10px;line-height:1.25}.model-picker-meter{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding-top:2px;display:grid}.model-picker-meter-segment{background:#ffffff1f;border-radius:999px;height:6px}.model-picker-meter-segment.filled.cost{background:var(--colors-accent-pink)}.model-picker-meter-segment.filled.quality{background:var(--colors-accent-lime)}.model-picker-meter-segment.filled.speed{background:var(--colors-accent-violet-mid)}.plan-mode-checkbox-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);color:var(--colors-on-dark-muted);font-family:var(--font-ui);height:32px;font-size:12px;font-weight:500;line-height:1;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);background:#6a5fc114;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.plan-mode-checkbox-btn:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background:#6a5fc11f}.plan-checkbox-indicator{width:14px;height:14px;transition:all var(--transition-fast);background:0 0;border:1.5px solid #ffffff59;border-radius:3px;justify-content:center;align-items:center;display:flex}.plan-mode-checkbox-btn.checked .plan-checkbox-indicator{border-color:var(--colors-accent-lime);background-color:#c2ef4e26}.plan-mode-checkbox-btn.checked .plan-checkbox-indicator:after{content:"";border:solid var(--colors-accent-lime);border-width:0 1.5px 1.5px 0;width:3.5px;height:7px;margin-bottom:2px;transform:rotate(45deg)}.plan-checkbox-text{font-size:12px;font-weight:600}.prompt-textarea-shell .prompt-textarea{border-top-left-radius:0;border-top-right-radius:0}.prompt-footer-row{padding:6px 12px 10px}@media (width<=540px){.model-dropdown-panel{width:min(240px,100vw - 32px);max-height:min(526px,100vh - 140px)}.model-option-row{gap:7px;min-height:42px;padding:9px 10px}.model-option-metrics,.model-detail-preview{display:none}.model-picker-menu{width:min(240px,100vw - 32px)}.model-picker-preview{display:none}.model-picker-submenu{width:100%;top:calc(100% + 8px);left:0}}.model-badge{border-radius:var(--rounded-xs);font-family:var(--font-code);text-transform:uppercase;padding:3px 8px;font-size:10px;font-weight:600}.model-badge.vertex{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}.model-badge.foundry{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.model-badge.bedrock{color:#fb923c;background-color:#f9731626;border:1px solid #f973164d}.model-badge.openrouter{color:#facc15;background-color:#facc1526;border:1px solid #facc154d}.model-badge.zen{color:#22d3ee;background-color:#22d3ee26;border:1px solid #22d3ee4d}.model-badge.go{color:#a78bfa;background-color:#a78bfa26;border:1px solid #a78bfa4d}.prompt-input-container{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.prompt-textarea{border-radius:var(--rounded-xl);width:100%;min-height:150px;padding:var(--spacing-md);color:var(--colors-on-primary);font-family:var(--font-ui);resize:none;transition:all var(--transition-fast);background-color:#0000;border:none;outline:none;font-size:15px;line-height:1.5}.attachment-menu{padding:0;display:flex;position:relative}.attachment-plus-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-full);width:32px;height:32px;color:var(--colors-on-dark-muted);cursor:pointer;transition:all var(--transition-fast);background-color:#6a5fc11f;justify-content:center;align-items:center;display:inline-flex}.attachment-plus-btn:hover,.attachment-plus-btn.active{border-color:var(--colors-accent-lime);color:var(--colors-on-primary);background-color:#6a5fc12e;box-shadow:0 0 12px #c2ef4e29}.attachment-menu-panel{z-index:40;border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);background-color:var(--colors-surface-night);flex-direction:column;gap:3px;min-width:150px;padding:5px;display:flex;position:absolute;top:40px;left:0;box-shadow:0 14px 30px #0000007a}.attachment-menu-option{border-radius:var(--rounded-sm);width:100%;min-height:32px;color:var(--colors-on-dark-muted);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:7px 9px;font-size:11px;font-weight:600;display:flex}.attachment-menu-option:hover,.attachment-menu-option:focus-visible{color:var(--colors-on-primary);background-color:#6a5fc11f;border-color:#79628cb3}.wider-attachment-panel,.wider-palette-panel{min-width:250px;padding:8px}.attachment-menu-divider{background-color:#79628c29;height:1px;margin:8px 4px}.attachment-url-section{flex-direction:column;gap:6px;padding:4px;display:flex}.attachment-url-title-row{color:var(--colors-on-dark-muted);align-items:center;gap:5px;display:flex}.attachment-url-title{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.attachment-url-row{align-items:center;gap:6px;display:flex}.attachment-url-input{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);min-width:0;height:28px;color:var(--colors-on-primary);transition:all var(--transition-fast);background-color:#0003;outline:none;flex:1;padding:4px 8px;font-size:12px}.attachment-url-input:focus{border-color:var(--colors-accent-lime);background-color:#0000004d}.attachment-url-add-btn{border-radius:var(--rounded-md);background-color:var(--colors-accent-lime);height:28px;color:var(--colors-primary);cursor:pointer;transition:all var(--transition-fast);border:none;padding:0 10px;font-size:11px;font-weight:600}.attachment-url-add-btn:hover:not(:disabled){background-color:#d4f86a}.attachment-url-add-btn:disabled{color:var(--colors-on-dark-faint);cursor:not-allowed;background-color:#ffffff0d}.prompt-textarea:focus{border-color:var(--colors-accent-lime);box-shadow:0 0 0 3px #c2ef4e1a,inset 0 2px 8px #0003}.prompt-textarea::placeholder{color:#ffffff4d}.prompt-textarea-shell{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);background-color:var(--colors-surface-night);width:85%;transition:all var(--transition-fast);align-self:center;position:relative;overflow:visible;box-shadow:0 15px 35px #00000073}.prompt-textarea-shell:focus-within{border-color:var(--colors-accent-lime);box-shadow:0 0 0 3px #c2ef4e1a,inset 0 2px 8px #0003}.prompt-textarea-shell.has-attachment-strip .prompt-textarea{border-radius:0;padding-top:14px}.prompt-textarea-shell .prompt-textarea{border-radius:var(--rounded-xl) var(--rounded-xl) 0 0;min-height:150px;box-shadow:none;border:none;padding:16px 16px 8px;display:block}.prompt-textarea-shell .prompt-textarea:focus{box-shadow:none;border-color:#0000}.prompt-inline-examples{align-items:center;gap:6px;width:100%;padding:0 16px 8px;display:flex;overflow:hidden}.prompt-inline-examples-label{color:#ffffff59;flex-shrink:0;font-size:12px;font-weight:400;line-height:1}.prompt-inline-examples-list{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.prompt-inline-examples-list::-webkit-scrollbar{display:none}.prompt-inline-example-chip{border-radius:var(--rounded-full);color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;background-color:#ffffff14;border:1px solid #ffffff26;flex-shrink:0;max-width:210px;padding:4px 10px;font-size:11px;font-weight:400;line-height:1;overflow:hidden}.prompt-inline-example-chip:hover{color:#ffffffc7;background-color:#c2ef4e14;border-color:#c2ef4e66}.prompt-inline-refresh-btn{border-radius:var(--rounded-full);color:#ffffff80;background-color:#ffffff14;border:1px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.prompt-inline-refresh-btn:hover{color:var(--colors-accent-lime);background-color:#c2ef4e14;border-color:#c2ef4e66}.attachment-thumbnail-row{border-radius:var(--rounded-xl) var(--rounded-xl) 0 0;scrollbar-width:none;background-color:#0000001a;border-bottom:1px solid #79628c1f;gap:10px;padding:10px 12px;display:flex;overflow-x:auto}.attachment-thumbnail-row::-webkit-scrollbar{display:none}.attachment-thumbnail{background-color:#130e1fe6;border:1px solid #79628c73;border-radius:8px;flex-direction:column;width:132px;min-width:132px;display:flex;position:relative;overflow:hidden}.attachment-thumbnail.image{border-color:#60a5fa59}.attachment-thumbnail.design{border-color:#c2ef4e59}.attachment-thumbnail.prd,.attachment-thumbnail.website{border-color:#fa7faa47}.attachment-thumbnail-preview{background-color:#ffffff0a;border-bottom:1px solid #79628c1f;justify-content:center;align-items:center;width:100%;height:74px;display:flex}.attachment-thumbnail-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.attachment-thumbnail-preview-generic{color:#ffffff80}.attachment-thumbnail-meta{flex-direction:column;gap:3px;min-width:0;padding:8px 10px 10px;display:flex}.attachment-thumbnail-kind{color:#ffffff61;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1}.attachment-thumbnail-name{color:var(--colors-on-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.3;overflow:hidden}.attachment-thumbnail-remove{z-index:1;border-radius:var(--rounded-full);color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0c0a12c7;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:absolute;top:6px;right:6px}.attachment-thumbnail-remove:hover{color:var(--colors-accent-pink)}.prompt-input-bottom-row{border-radius:0 0 var(--rounded-xl) var(--rounded-xl);background-color:#0000001a;border-top:1px solid #79628c1f;justify-content:space-between;align-items:center;padding:8px 12px 12px;display:flex}.bottom-left-controls{align-items:center;gap:12px;display:flex}.bottom-icon-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-full);width:32px;height:32px;color:var(--colors-on-dark-muted);cursor:pointer;transition:all var(--transition-fast);background-color:#6a5fc10a;justify-content:center;align-items:center;display:inline-flex}.bottom-icon-btn:hover,.bottom-icon-btn.active{border-color:var(--colors-accent-lime);color:var(--colors-on-primary);background-color:#6a5fc11f;box-shadow:0 0 12px #c2ef4e29}.palette-menu{display:flex;position:relative}.palette-menu-panel{z-index:50;border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);background-color:var(--colors-surface-night);flex-direction:column;gap:3px;min-width:185px;padding:5px;display:flex;position:absolute;top:40px;left:0;box-shadow:0 14px 30px #0000007a}.palette-menu-option{border-radius:var(--rounded-sm);width:100%;min-height:32px;color:var(--colors-on-dark-muted);font-family:var(--font-ui);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.palette-menu-option:hover{color:var(--colors-on-primary);background-color:#6a5fc11f;border-color:#79628cb3}.bottom-right-controls{align-items:center;gap:12px;display:flex}.prompt-submit-btn{border-radius:var(--rounded-full);background-color:var(--colors-accent-lime);width:34px;height:34px;color:var(--colors-primary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 8px #c2ef4e40}.prompt-submit-btn:hover:not(:disabled){background-color:#d4f86a;transform:translateY(-1px);box-shadow:0 5px 12px #c2ef4e66}.prompt-submit-btn:active:not(:disabled){transform:translateY(0)}.prompt-submit-btn:disabled{color:var(--colors-on-dark-faint);cursor:not-allowed;box-shadow:none;background-color:#ffffff0d}.canvas-target-wrapper{width:100%;max-width:780px;margin:var(--spacing-lg) auto 0;z-index:15;position:relative}.canvas-target-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;display:flex}.canvas-target-card{border:1px solid var(--colors-hairline-violet);height:32px;color:var(--colors-on-dark-muted);cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff05;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px 10px;display:flex}.canvas-target-card:hover{color:var(--colors-on-primary);background-color:#c2ef4e0a;border-color:#c2ef4e7a}.canvas-target-card.active{border-color:var(--colors-accent-lime);color:var(--colors-accent-lime);box-shadow:none;background-color:#c2ef4e14}.canvas-target-card:focus-visible{outline-offset:2px;outline:2px solid #c2ef4eb8}.canvas-target-card .target-icon{flex-shrink:0}.canvas-target-card .target-text{font-family:var(--font-ui);letter-spacing:.3px;white-space:nowrap;font-size:12px;font-weight:600;line-height:1}.examples-selector-outer{width:100%;max-width:780px;margin:var(--spacing-lg) auto 0;z-index:15;justify-content:center;display:flex;position:relative}.advanced-setting-toggle{color:var(--colors-on-dark-muted);align-items:center;gap:7px;font-size:12px;display:flex}.prompt-footer-row{align-items:center;padding:6px 12px 10px;display:flex}.advanced-setting-toggle input{width:14px;height:14px;accent-color:var(--colors-accent-lime);margin:0}.plan-mode-level-selector{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-full);background-color:#6a5fc114;gap:2px;padding:2px;display:flex}.plan-mode-level-selector button{border-radius:var(--rounded-full);color:var(--colors-on-dark-muted);background:0 0;padding:3px 8px;font-size:10px;font-weight:600}.plan-mode-level-selector button:hover{color:var(--colors-on-primary)}.plan-mode-level-selector button.active{background-color:var(--colors-accent-violet-deep);color:var(--colors-on-primary)}.attachment-chip-list{flex-wrap:wrap;gap:7px;padding:0 12px 10px;display:flex}.attachment-chip{border-radius:var(--rounded-full);max-width:100%;min-height:26px;color:var(--colors-on-dark-muted);background-color:#150f239e;border:1px solid #79628ca6;align-items:center;gap:6px;padding:4px 6px 4px 8px;font-size:11px;display:inline-flex}.attachment-chip.design{border-color:#c2ef4e59}.attachment-chip.prd{border-color:#fa7faa59}.attachment-chip.image{border-color:#60a5fa59}.attachment-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip button{border-radius:var(--rounded-full);width:18px;height:18px;color:var(--colors-on-dark-muted);background-color:#ffffff0f;justify-content:center;align-items:center;display:inline-flex}.attachment-chip button:hover{color:var(--colors-accent-pink)}.attachment-error{color:var(--colors-accent-pink);align-items:center;gap:6px;padding:0 12px 10px;font-size:11px;display:flex}.advanced-settings-trigger{margin:-8px 0 var(--spacing-lg);color:var(--colors-on-dark-muted);background:0 0;align-items:center;gap:5px;padding:2px 0;font-size:13px;font-weight:600;display:flex}.advanced-settings-trigger:hover{color:var(--colors-on-primary)}.advanced-settings-trigger:focus-visible{outline:2px solid var(--colors-accent-lime);outline-offset:3px}.advanced-settings-chevron{transition:transform var(--transition-fast)}.advanced-settings-chevron.open{transform:rotate(180deg)}.advanced-settings-panel{gap:var(--spacing-md);margin:-8px 0 var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);background-color:#150f23b8;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.advanced-setting{min-width:0;color:var(--colors-on-dark-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.advanced-setting-wide,.advanced-setting-toggle-grid{grid-column:1/-1}.advanced-setting-heading{justify-content:space-between;display:flex}.advanced-setting output{color:var(--colors-accent-lime);font-family:var(--font-code)}.advanced-setting select{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-sm);background-color:var(--colors-primary);width:100%;min-width:0;color:var(--colors-on-primary);font-family:var(--font-ui);outline:none;padding:8px 9px;font-size:12px}.advanced-setting select:focus-visible{border-color:var(--colors-accent-lime)}.advanced-setting input[type=range]{width:100%;accent-color:var(--colors-accent-lime)}.advanced-setting-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=540px){.advanced-settings-panel,.advanced-setting-toggle-grid{grid-template-columns:1fr}}.prompt-examples{margin-top:var(--spacing-sm);flex-direction:column;gap:12px;display:flex}.prompt-examples-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.prompt-examples-title{color:var(--colors-on-primary);font-family:var(--font-ui);margin:0;font-size:16px;font-weight:600}.prompt-examples-label{color:var(--colors-on-dark-muted);text-align:right;font-size:12px;line-height:1.4}.prompt-examples-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.prompt-example-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);height:78px;min-height:78px;color:var(--colors-on-dark-muted);text-align:left;background-color:#6a5fc114;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.prompt-example-btn:hover{color:var(--colors-on-primary);background-color:#c2ef4e0d;border-color:#c2ef4e73}.prompt-example-btn.active{border-color:var(--colors-accent-lime);background-color:#c2ef4e14}.landing-template-icon{border-radius:var(--rounded-md);width:32px;height:32px;color:var(--colors-accent-lime);background:#ffffff0d;justify-content:center;align-items:center;display:inline-flex}.landing-template-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.landing-template-title{color:var(--colors-on-primary);font-size:13px;font-weight:600;line-height:1.1}.landing-template-description{color:var(--colors-on-dark-muted);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:11.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width<=840px){.prompt-examples-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.prompt-examples-header{flex-direction:column;align-items:flex-start;gap:4px}.prompt-examples-label{text-align:left}.prompt-examples-list{grid-template-columns:1fr}}.cta-button-container{justify-content:flex-end;align-items:center;gap:var(--spacing-lg);display:flex}.primary-cta-btn{background-color:var(--colors-on-primary);color:var(--colors-primary);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-xxl);border-radius:var(--rounded-md);align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:600;display:flex;box-shadow:0 0 20px #ffffff1a}.primary-cta-btn:hover{background-color:var(--colors-surface-press-light);transform:translateY(-2px);box-shadow:0 0 25px #fff3,0 0 0 3px #ffffff26}.primary-cta-btn:active{background-color:var(--colors-surface-press-stronger);transform:translateY(0)}.canvas-page-container{overscroll-behavior:none;background-color:var(--colors-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-panel{background-color:var(--colors-surface-night);border-right:1px solid var(--colors-hairline-violet);width:380px;height:100%;transition:transform var(--transition-slow);z-index:40;flex-direction:column;display:flex;position:relative}.sidebar-panel.collapsed{position:absolute;transform:translate(-380px)}.sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--colors-hairline-violet);justify-content:space-between;align-items:center;display:flex}.sidebar-collapse-btn{background:var(--colors-on-dark-faint);color:var(--colors-on-primary);border-radius:var(--rounded-md);border:1px solid #ffffff0d;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-collapse-btn:hover{background:#ffffff26}.chat-history{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:85%;padding:var(--spacing-md);border-radius:var(--rounded-xl);gap:var(--spacing-xs);flex-direction:column;font-size:14px;line-height:1.45;display:flex}.chat-bubble.user{background-color:var(--colors-accent-violet-deep);color:var(--colors-on-primary);border-bottom-right-radius:var(--rounded-xs);border:1px solid var(--colors-accent-violet-mid);align-self:flex-end}.chat-bubble.assistant{background-color:var(--colors-primary);color:var(--colors-on-dark-muted);border-bottom-left-radius:var(--rounded-xs);border:1px solid var(--colors-hairline-violet);align-self:flex-start}.chat-bubble.error{color:var(--colors-on-dark-muted);border-bottom-left-radius:var(--rounded-xs);background-color:#fa7faa14;border:1px solid #fa7faa66;align-self:flex-start}.generation-status-bubble{opacity:.92}.generation-status-label{color:var(--colors-accent-lime);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.generation-status-model{color:var(--colors-on-primary);font-size:13px;font-weight:600}.generation-status-prompt{color:var(--colors-on-dark-muted);margin-top:8px;font-size:12px;line-height:1.45}.generation-status-dots{gap:4px;padding-top:8px;display:flex}.chat-input-panel{padding:var(--spacing-md);border-top:1px solid var(--colors-hairline-violet);background-color:var(--colors-surface-night)}.chat-composer-shell{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);background-color:var(--colors-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:visible;box-shadow:0 14px 35px #00000052}.chat-composer-shell:focus-within{border-color:#c2ef4eb8;box-shadow:0 0 0 3px #c2ef4e14,0 14px 35px #00000059}.chat-attachments{padding:0 12px 8px}.chat-attachment-error{margin:0 12px 8px}.chat-attach-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);width:32px;height:32px;color:var(--colors-on-dark-muted);background-color:#6a5fc124;flex:none;justify-content:center;align-items:center;display:inline-flex}.chat-attach-btn:hover,.chat-attach-btn.active{border-color:var(--colors-accent-lime);color:var(--colors-on-primary);background-color:#6a5fc138;box-shadow:0 0 12px #c2ef4e1f}.chat-attach-btn:disabled{cursor:not-allowed;opacity:.45}.chat-input-field{resize:vertical;width:100%;min-height:82px;max-height:160px;color:var(--colors-on-primary);font-family:var(--font-ui);background:0 0;border:none;outline:none;padding:14px 14px 8px;font-size:14px;line-height:1.45;display:block}.chat-input-field::placeholder{color:#ffffff4d}.chat-input-field:disabled{cursor:not-allowed;opacity:.65}.chat-input-bottom-row{border-radius:0 0 var(--rounded-xl) var(--rounded-xl);background:#0000001f;border-top:1px solid #79628c24;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 10px 10px;display:flex}.chat-bottom-left-controls{flex:none;align-items:center;gap:8px;display:flex}.chat-design-menu{display:flex;position:relative}.chat-design-menu-panel{z-index:80;border:1px solid var(--colors-hairline-violet);background-color:#1b1430;border-radius:10px;flex-direction:column;gap:4px;min-width:178px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 15px 35px #0000009e}.chat-design-menu-option{width:100%;min-height:32px;color:var(--colors-on-dark-muted);font-family:var(--font-ui);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:7px 8px;font-size:11px;font-weight:600;display:flex}.chat-design-menu-option:hover,.chat-design-menu-option:focus-visible{color:var(--colors-on-primary);background-color:#c2ef4e14;border-color:#c2ef4e61}.chat-model-picker{flex:0 auto;width:auto;min-width:0;margin-left:auto;position:relative}.chat-model-trigger{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);width:fit-content;min-height:32px;color:var(--colors-on-primary);background:#6a5fc114;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.chat-model-trigger:hover,.chat-model-trigger.open{background:#6a5fc138;border-color:#c2ef4ebf}.chat-model-trigger:disabled{cursor:not-allowed;opacity:.55}.chat-model-trigger-name{color:var(--colors-on-primary);white-space:nowrap;font-size:11px;font-weight:600;line-height:1}.chat-model-trigger-chevron{color:var(--colors-on-dark-muted);transition:transform var(--transition-fast);flex:none}.chat-model-trigger.open .chat-model-trigger-chevron{transform:rotate(180deg)}.chat-model-menu{z-index:80;border-radius:var(--rounded-lg);background-color:#171125;border:1px solid #79628cbf;max-height:min(420px,100vh - 190px);padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 50px #00000073}.chat-model-menu-option{border-radius:var(--rounded-md);width:100%;min-height:48px;color:var(--colors-on-primary);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:8px;display:flex}.chat-model-menu-option:hover,.chat-model-menu-option:focus-visible{background-color:#ffffff0b;border-color:#c2ef4e61}.chat-model-menu-option.selected{background-color:#c2ef4e14;border-color:#c2ef4e8c}.chat-model-menu-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-model-menu-name{color:var(--colors-on-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.chat-model-menu-description{color:var(--colors-on-dark-faint);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.chat-model-menu-check{color:var(--colors-accent-lime);flex:none}.chat-model-menu{z-index:80;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;bottom:calc(100% + 8px);left:0;right:auto;overflow:visible}.chat-model-menu .model-picker-menu{width:min(270px,100vw - 42px);left:0}.chat-model-menu .model-picker-submenu{top:auto;bottom:0}.chat-send-btn{background-color:var(--colors-accent-lime);width:34px;height:34px;color:var(--colors-primary);border-radius:var(--rounded-full);flex:none;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #c2ef4e3d}.chat-send-btn:hover:not(:disabled){background-color:#d4f86a;transform:translateY(-1px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.sidebar-expand-btn{left:var(--spacing-lg);top:var(--spacing-lg);z-index:50;background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);color:var(--colors-on-primary);border-radius:var(--rounded-full);justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;box-shadow:0 4px 15px #0006}.sidebar-expand-btn:hover{background-color:var(--colors-primary);border-color:var(--colors-accent-lime)}.canvas-container{overscroll-behavior:none;touch-action:none;outline:none;flex:1;height:100%;position:relative;overflow:hidden}.canvas-viewport{transform-origin:0 0;pointer-events:auto;width:100%;height:100%;position:absolute}.canvas-container.is-interacting .canvas-viewport{will-change:transform}.canvas-grid-bg{pointer-events:none;background-image:radial-gradient(#ffffff0a 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:-10000px}.canvas-hud-toolbar{bottom:var(--spacing-lg);right:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);align-items:center;gap:var(--spacing-xs);z-index:30;background-color:#150f23d9;padding:6px;display:flex;position:absolute;box-shadow:0 10px 25px #0006}.toolbar-btn{color:var(--colors-on-dark-muted);border-radius:var(--rounded-md);background:0 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toolbar-btn:hover{background-color:var(--colors-on-dark-faint);color:var(--colors-on-primary)}.toolbar-btn.active{background-color:var(--colors-accent-lime);color:var(--colors-primary)}.toolbar-divider{background-color:var(--colors-hairline-violet);width:1px;height:20px;margin:0 4px}.canvas-top-bar{top:var(--spacing-lg);right:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);z-index:30;display:flex;position:absolute}.artboard-frame{background-color:var(--colors-surface-night);-webkit-user-select:none;user-select:none;cursor:grab;transition:border-color var(--transition-fast);contain:layout style;border:1px solid #79628cd1;border-radius:10px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 15px 35px #00000080}.artboard-frame.dragging{z-index:20}.artboard-frame:active{cursor:grabbing}.artboard-frame.selected{border-color:var(--colors-accent-lime);box-shadow:0 0 0 2px var(--colors-accent-lime), 0 20px 40px #0009}.artboard-header{cursor:move;background:linear-gradient(#281f3efa,#171125fa);border-bottom:1px solid #79628cd1;justify-content:space-between;align-items:center;gap:10px;height:40px;padding:0 10px 0 12px;display:flex}.artboard-header-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.artboard-title{min-width:0;font-family:var(--font-ui);color:var(--colors-on-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.artboard-badge{font-family:var(--font-code);color:var(--colors-accent-lime);background-color:#c2ef4e1a;border:1px solid #c2ef4e47;flex:none;padding:3px 7px;font-size:10px;font-weight:600}.artboard-body{background-color:#fff;flex:1;position:relative}.artboard-body iframe{pointer-events:auto;border:none;width:100%;height:100%}.artboard-preview-shell{background:linear-gradient(135deg,#fffffffa,#f1f5f9fa);place-items:center;width:100%;height:100%;padding:24px;display:grid}.artboard-preview-inner{color:#1f2937;text-align:center;background:linear-gradient(#fffffff2,#e2e8f094);border:1px solid #0f172a1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(72%,420px);min-height:160px;display:flex}.artboard-preview-chip{color:#fff;text-transform:uppercase;background:#111827;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1}.artboard-loading-shell{background:radial-gradient(circle at 18% 18%,#c2ef4e33,#0000 26%),radial-gradient(circle at 82% 14%,#fa7faa29,#0000 24%),linear-gradient(160deg,#0e1220 0%,#14192b 52%,#0d1323 100%);place-items:center;width:100%;height:100%;padding:32px;display:grid;position:relative;overflow:hidden}.artboard-loading-orb{filter:blur(8px);background:radial-gradient(circle,#6a5fc157 0%,#6a5fc100 72%);border-radius:999px;width:220px;height:220px;animation:5.4s ease-in-out infinite loadingFloat;position:absolute;bottom:14%;left:8%}.artboard-loading-card{z-index:1;width:min(88%,560px);color:var(--colors-on-primary);background:linear-gradient(#111827e6,#0f172ab8);border:1px solid #c2ef4e42;border-radius:18px;padding:28px 28px 24px;position:relative;box-shadow:0 22px 55px #00000057}.artboard-loading-spinner{border:3px solid #c2ef4e2e;border-top-color:var(--colors-accent-lime);border-right-color:var(--colors-accent-pink);border-radius:999px;width:40px;height:40px;animation:1s linear infinite spin}.artboard-loading-kicker{color:var(--colors-accent-lime);letter-spacing:.18em;text-transform:uppercase;margin-top:18px;font-size:10px;font-weight:700}.artboard-loading-card h3{letter-spacing:-.03em;margin:10px 0 6px;font-size:24px;line-height:1.05}.artboard-loading-card p{color:#ffffffb3;margin:0;font-size:14px}.artboard-loading-prompt{color:#ffffffd6;white-space:pre-wrap;border-top:1px solid #ffffff14;margin-top:16px;padding-top:14px;font-size:13px;line-height:1.6}.artboard-preview-title{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:14px;font-weight:600;overflow:hidden}.artboard-header .toolbar-btn{background:#ffffff0a;border:1px solid #ffffff14;flex:none;width:28px;height:28px}.canvas-container.hand-tool .artboard-body iframe,.canvas-container.space-tool-active .artboard-body iframe,.canvas-container.is-interacting .artboard-body iframe,.canvas-container.hand-tool .artboard-image,.canvas-container.space-tool-active .artboard-image,.canvas-container.is-interacting .artboard-image{pointer-events:none}.artboard-image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:auto;width:100%;height:100%;display:block}.selection-box{border:1px solid var(--colors-accent-lime);pointer-events:none;z-index:25;background-color:#c2ef4e1a;position:absolute}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background-color:#0a0614d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xxl);flex-direction:column;width:90%;max-width:900px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;overflow:hidden;box-shadow:0 30px 60px #000000b3}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--colors-hairline-violet);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-xl);background-color:var(--colors-primary);flex:1;overflow-y:auto}.code-pre-block{padding:var(--spacing-lg);border-radius:var(--rounded-md);background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);margin:0;overflow-x:auto}.code-pre-block code{color:var(--colors-on-primary);background-color:#0000;border:none;padding:0}.active-pulse-dot{background-color:var(--colors-accent-lime);border-radius:var(--rounded-full);width:8px;height:8px;box-shadow:0 0 10px var(--colors-accent-lime);animation:2s infinite slowGlow;display:inline-block}@keyframes loadingFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,-14px)scale(1.06)}}.convert-to-code-btn{color:var(--colors-accent-lime)!important}.convert-dropdown-wrapper{position:relative}.convert-model-dropdown{background:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);z-index:100;border-radius:8px;min-width:180px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000080}.convert-model-option{width:100%;color:var(--colors-on-dark);font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.convert-model-option:hover{background:var(--colors-primary)}.convert-dropdown{z-index:100;border:1px solid var(--colors-hairline-violet);background:var(--colors-surface-night);border-radius:10px;flex-direction:column;gap:3px;min-width:260px;max-height:420px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 28px #0000008c}.convert-section-label{color:var(--colors-on-dark-muted);font-family:var(--font-code);letter-spacing:.7px;text-transform:uppercase;padding:6px 8px 4px;font-size:8px;font-weight:600}.convert-section-label-spaced{border-top:1px solid #79628c59;margin-top:4px}.convert-model-group{flex-direction:column;gap:3px;display:flex}.convert-model-group-trigger{width:100%;min-height:32px;color:var(--colors-on-primary);font-family:var(--font-ui);text-align:left;background:#ffffff06;border:1px solid #79628c3d;border-radius:7px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:7px 8px;font-size:11px;font-weight:600;display:grid}.convert-model-group-trigger:hover,.convert-model-group-trigger:focus-visible{background-color:#6a5fc114;border-color:#79628cb3}.convert-dropdown-item{width:100%;min-height:34px;color:var(--colors-on-dark);font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.convert-dropdown-item:hover,.convert-dropdown-item:focus-visible{background:var(--colors-primary);border-color:#79628cb3}.convert-model-copy{align-items:center;gap:6px;min-width:0;display:flex}.convert-model-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.model-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.model-dot.vertex,.model-dot.tag-vertex{background:#60a5fa}.model-dot.foundry,.model-dot.tag-foundry{background:#34d399}.model-dot.bedrock,.model-dot.tag-bedrock{background:#fb923c}.model-dot.openrouter,.model-dot.tag-openrouter{background:#facc15}.model-dot.zen{background:#22d3ee}.model-dot.go,.model-dot.tag-go{background:#a78bfa}.model-dot.tag-zen{background:#22d3ee}.artboard-frame.context{outline:2px dashed var(--colors-accent-lime);outline-offset:3px}.artboard-frame.context .artboard-header{border-top:2px solid var(--colors-accent-lime)}.context-thumbnails-strip{padding:10px var(--spacing-lg);border-top:1px solid var(--colors-hairline-violet);background:var(--colors-primary);gap:8px;display:flex;overflow-x:auto}.context-thumbnail{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:72px;display:flex;position:relative}.context-thumbnail-preview{border:1px solid var(--colors-hairline-violet);background:var(--colors-surface-night);border-radius:6px;justify-content:center;align-items:center;width:64px;height:44px;display:flex;overflow:hidden}.context-thumbnail-preview img{object-fit:cover;width:100%;height:100%}.context-thumbnail-code-label{font-family:var(--font-code);color:var(--colors-accent-lime);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.context-thumbnail-title{color:var(--colors-on-dark-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:9px;overflow:hidden}.context-thumbnail-remove{background:var(--colors-accent-pink);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:-4px;right:0}.context-thumbnail:hover .context-thumbnail-remove{opacity:1}.landing-header-link{font-family:var(--font-ui);color:var(--colors-on-dark-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .15s}.landing-header-link:hover{color:var(--colors-on-primary)}.templates-page{width:100%;max-width:1100px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-section);z-index:10;flex-direction:column;margin:0 auto;display:flex;position:relative}.templates-header{width:100%;padding:var(--spacing-md) 0;justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.templates-back-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-lg);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.templates-back-btn:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff08}.templates-hero{text-align:center;max-width:700px;margin:20px auto 40px}.templates-eyebrow{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--colors-accent-pink);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}.templates-title{font-family:var(--font-display);color:var(--colors-on-primary);letter-spacing:-.5px;margin:0 0 16px;font-size:40px;font-weight:600}.templates-subtitle{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:15px;line-height:1.6}.templates-filter-container{justify-content:center;width:100%;margin-bottom:40px;display:flex}.templates-filter-tabs{gap:var(--spacing-sm);background-color:var(--colors-surface-night);border-radius:var(--rounded-xl);border:1px solid var(--colors-hairline-violet);flex-wrap:wrap;padding:6px;display:flex}.templates-filter-tab{border-radius:var(--rounded-lg);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.templates-filter-tab:hover{color:var(--colors-on-primary);background-color:#ffffff08}.templates-filter-tab.active{background-color:var(--colors-accent-lime);color:var(--colors-primary)}.templates-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.templates-grid{grid-template-columns:1fr}}.template-card{background-color:var(--colors-surface-night);border-radius:var(--rounded-xl);border:1px solid var(--colors-hairline-violet);flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 10px 30px #00000040}.template-card:hover{border-color:#c2ef4e59;transform:translateY(-5px);box-shadow:0 15px 35px #00000059,0 0 15px #c2ef4e0d}.template-card-thumbnail{aspect-ratio:16/9;background-color:#0c081e;border-bottom:1px solid #ffffff0a;width:100%;position:relative;overflow:hidden}.template-card-badge-container{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.template-badge{border-radius:var(--rounded-sm);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;font-size:10px;font-weight:600}.template-badge.platform-badge{color:#fff;background-color:#0f0a19b3;border:1px solid #ffffff1a;align-items:center;gap:4px;display:flex}.template-badge.platform-badge.web{color:#60a5fa;border-color:#60a5fa4d}.template-badge.platform-badge.mobile{color:#f472b6;border-color:#f472b64d}.template-badge.category-badge{color:var(--colors-on-primary);background-color:#6a5fc133;border:1px solid #6a5fc159}.template-badge.price-badge{align-items:center;gap:4px;display:flex}.template-badge.price-badge.free{color:var(--colors-accent-lime);background-color:#c2ef4e26;border:1px solid #c2ef4e40}.template-badge.price-badge.premium{color:var(--colors-accent-pink);background-color:#fa7faa26;border:1px solid #fa7faa40}.template-card-category-label{font-family:var(--font-ui);color:var(--colors-on-dark-muted);border-radius:var(--rounded-xs);background-color:#ffffff08;border:1px solid #ffffff0d;padding:2px 6px;font-size:11px;font-weight:500}.template-card-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.template-card-title{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 8px;font-size:15px;font-weight:600}.template-card-desc{font-family:var(--font-ui);color:var(--colors-on-dark-muted);flex-grow:1;margin:0 0 20px;font-size:12.5px;line-height:1.5}.template-card-actions{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.template-action-btn{font-family:var(--font-ui);border-radius:var(--rounded-lg);cursor:pointer;text-align:center;padding:9px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.template-action-btn.primary{background-color:var(--colors-accent-lime);color:var(--colors-primary);border:1px solid var(--colors-accent-lime)}.template-action-btn.primary:hover{background-color:#d1f762;border-color:#d1f762;box-shadow:0 0 12px #c2ef4e33}.template-action-btn.primary.paid-btn{background-color:var(--colors-accent-pink);color:var(--colors-primary);border-color:var(--colors-accent-pink)}.template-action-btn.primary.paid-btn:hover{background-color:#fb9dbb;border-color:#fb9dbb;box-shadow:0 0 12px #fa7faa33}.template-action-btn.secondary{border:1px solid var(--colors-hairline-violet);color:var(--colors-on-dark-muted);background-color:#0000}.template-action-btn.secondary:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.premium-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--spacing-xl);background-color:#0a0619d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.premium-modal-card{border-radius:var(--rounded-xxl);text-align:center;background-color:#120c24;border:1px solid #fa7faa4d;width:100%;max-width:480px;padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.premium-modal-glow{pointer-events:none;background:radial-gradient(circle,#fa7faa33 0%,#0000 70%);width:250px;height:120px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.premium-modal-badge{color:var(--colors-accent-pink);border-radius:var(--rounded-full);font-family:var(--font-ui);letter-spacing:1px;text-transform:uppercase;background-color:#fa7faa26;border:1px solid #fa7faa4d;align-items:center;gap:6px;margin-bottom:20px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.premium-star-icon{color:var(--colors-accent-pink);animation:2s infinite pulse}.premium-modal-title{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 12px;font-size:24px;font-weight:600}.premium-modal-desc{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0 0 24px;font-size:14px;line-height:1.5}.premium-features-list{text-align:left;border-radius:var(--rounded-lg);background-color:#00000026;border:1px solid #ffffff08;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.premium-feature-row{font-family:var(--font-ui);color:var(--colors-on-primary);align-items:flex-start;gap:10px;font-size:13px;display:flex}.premium-check{color:var(--colors-accent-lime);flex-shrink:0;margin-top:1px}.premium-modal-pricing{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.premium-strike{font-family:var(--font-ui);color:var(--colors-on-dark-faint);font-size:16px;text-decoration:line-through}.premium-price{font-family:var(--font-ui);color:var(--colors-accent-lime);font-size:22px;font-weight:600}.premium-modal-actions{flex-direction:column;gap:10px;display:flex}.premium-buy-btn{background-color:var(--colors-accent-lime);width:100%;color:var(--colors-primary);border:1px solid var(--colors-accent-lime);border-radius:var(--rounded-lg);font-family:var(--font-ui);cursor:pointer;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.premium-buy-btn:hover{background-color:#d1f762;border-color:#d1f762;box-shadow:0 0 16px #c2ef4e4d}.premium-cancel-btn{border:1px solid var(--colors-hairline-violet);width:100%;color:var(--colors-on-dark-muted);border-radius:var(--rounded-lg);font-family:var(--font-ui);cursor:pointer;background:0 0;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.premium-cancel-btn:hover{color:var(--colors-on-primary);border-color:var(--colors-accent-violet-mid)}.mcp-page{width:100%;max-width:1100px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-section);z-index:10;flex-direction:column;margin:0 auto;display:flex;position:relative}.mcp-header{width:100%;padding:var(--spacing-md) 0;justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.mcp-back-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-lg);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.mcp-back-btn:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff08}.mcp-hero{text-align:center;max-width:700px;margin:20px auto 40px}.mcp-eyebrow{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--colors-accent-pink);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}.mcp-title{font-family:var(--font-display);color:var(--colors-on-primary);letter-spacing:-.5px;margin:0 0 16px;font-size:40px;font-weight:600}.mcp-subtitle{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:15px;line-height:1.6}.mcp-container-grid{grid-template-columns:1fr 1.2fr;gap:40px;display:grid}@media (width<=900px){.mcp-container-grid{grid-template-columns:1fr;gap:32px}}.mcp-instructions-panel,.mcp-presets-panel{background-color:var(--colors-surface-night);border-radius:var(--rounded-xl);border:1px solid var(--colors-hairline-violet);padding:32px;box-shadow:0 10px 30px #0003}.mcp-section-title{font-family:var(--font-ui);color:var(--colors-on-primary);border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;margin:0 0 24px;padding-bottom:16px;font-size:20px;font-weight:600;display:flex}.mcp-section-icon{color:var(--colors-accent-pink)}.mcp-step{gap:18px;margin-bottom:24px;display:flex}.mcp-step-num{border-radius:var(--rounded-full);width:28px;height:28px;color:var(--colors-accent-lime);font-family:var(--font-ui);background-color:#c2ef4e26;border:1px solid #c2ef4e40;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.mcp-step-content h3{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 6px;font-size:15px;font-weight:600}.mcp-step-content p{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:13px;line-height:1.5}.mcp-code-filepath{font-family:var(--font-code);color:var(--colors-accent-pink);border-radius:var(--rounded-sm);background-color:#0003;border:1px solid #ffffff08;margin-top:8px;padding:4px 8px;font-size:12px;display:inline-block}.mcp-note-card{border-radius:var(--rounded-lg);background-color:#c2ef4e0a;border:1px dashed #c2ef4e33;margin-top:32px;padding:18px}.mcp-note-card h4{font-family:var(--font-ui);color:var(--colors-accent-lime);margin:0 0 6px;font-size:13.5px;font-weight:600}.mcp-note-card p{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:12.5px;line-height:1.5}.mcp-presets-subtitle{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0 0 24px;font-size:13.5px;line-height:1.5}.mcp-presets-list{flex-direction:column;gap:20px;display:flex}.mcp-preset-card{border-radius:var(--rounded-lg);background-color:#00000026;border:1px solid #ffffff08;padding:20px}.mcp-preset-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.mcp-preset-name{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 4px;font-size:14.5px;font-weight:600}.mcp-preset-desc{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:12px;line-height:1.4}.mcp-copy-btn{border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-md);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.mcp-copy-btn:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.mcp-preset-code{border-radius:var(--rounded-md);background-color:#0b071a;border:1px solid #ffffff0a;margin:0;padding:14px;overflow-x:auto}.mcp-preset-code code{font-family:var(--font-code);color:var(--colors-on-primary);font-size:12.5px;line-height:1.5}.design-gallery-page{width:100%;max-width:1200px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-section);z-index:10;flex-direction:column;margin:0 auto;display:flex;position:relative}.design-gallery-header{width:100%;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.design-gallery-back-btn{align-items:center;gap:var(--spacing-sm);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-lg);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.design-gallery-back-btn:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.design-gallery-hero{text-align:center;margin-bottom:var(--spacing-xxl)}.design-gallery-eyebrow{font-family:var(--font-ui);color:var(--colors-accent-pink);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--spacing-sm);font-size:13px;font-weight:600}.design-gallery-title{font-family:var(--font-display);color:var(--colors-on-primary);margin:0 0 var(--spacing-md) 0;font-size:48px;font-weight:600;line-height:1.1}.design-gallery-subtitle{font-family:var(--font-ui);color:var(--colors-on-dark-muted);max-width:600px;margin:0 auto var(--spacing-xl) 0;font-size:16px;line-height:1.6}.design-gallery-stats{justify-content:center;gap:var(--spacing-xxl);margin-top:var(--spacing-lg);display:flex}.stat-item{text-align:center}.stat-value{font-family:var(--font-ui);color:var(--colors-accent-lime);margin-bottom:4px;font-size:28px;font-weight:600}.stat-label{font-family:var(--font-ui);color:var(--colors-on-dark-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.design-gallery-filter-container{margin-bottom:var(--spacing-xl)}.design-gallery-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--colors-hairline-violet);display:flex}.design-gallery-tab{align-items:center;gap:var(--spacing-sm);border-radius:var(--rounded-lg);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex;position:relative}.design-gallery-tab:hover{color:var(--colors-on-primary);background-color:#ffffff05}.design-gallery-tab.active{color:var(--colors-accent-lime);background-color:#c2ef4e14}.design-gallery-tab.active:after{content:"";bottom:calc(-1 * var(--spacing-md) - 1px);background-color:var(--colors-accent-lime);border-radius:1px;height:2px;position:absolute;left:0;right:0}.tab-content{animation:.3s fadeIn}.design-gallery-filter-tabs{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.design-gallery-filter-tab{align-items:center;gap:var(--spacing-xs);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-full);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.design-gallery-filter-tab:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.design-gallery-filter-tab.active{background-color:var(--colors-accent-violet-deep);border-color:var(--colors-accent-violet);color:var(--colors-on-primary)}.design-gallery-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.design-card{background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);transition:all .2s;overflow:hidden}.design-card:hover{border-color:var(--colors-accent-violet-mid);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.design-card-thumbnail{width:100%;height:180px;position:relative;overflow:hidden}.design-card-badges{gap:var(--spacing-xs);display:flex;position:absolute;top:12px;right:12px}.design-badge{border-radius:var(--rounded-full);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.3px;padding:4px 10px;font-size:10px;font-weight:600}.new-badge{background-color:var(--colors-accent-lime);color:var(--colors-ink-deep)}.category-badge{color:var(--colors-on-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009}.design-card-body{padding:var(--spacing-lg)}.design-colors{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.color-swatch{border-radius:var(--rounded-sm);cursor:pointer;border:1px solid #ffffff1a;width:24px;height:24px;transition:transform .15s}.color-swatch:hover{transform:scale(1.1)}.design-card-title{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 var(--spacing-sm) 0;font-size:18px;font-weight:600}.design-card-desc{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0 0 var(--spacing-md) 0;font-size:13px;line-height:1.5}.design-card-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.design-stat{font-family:var(--font-ui);color:var(--colors-on-dark-muted);align-items:center;gap:4px;font-size:12px;display:flex}.design-card-actions{gap:var(--spacing-sm);display:flex}.design-action-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--rounded-lg);font-family:var(--font-ui);cursor:pointer;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.design-action-btn.primary{background-color:var(--colors-accent-violet-deep);border:1px solid var(--colors-accent-violet);color:var(--colors-on-primary)}.design-action-btn.primary:hover{background-color:var(--colors-accent-violet);border-color:var(--colors-accent-violet-mid)}.design-action-btn.secondary{border:1px solid var(--colors-hairline-violet);color:var(--colors-on-dark-muted);background:0 0}.design-action-btn.secondary:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.design-preview-modal{z-index:1000;padding:var(--spacing-xl);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.design-preview-content{background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xxl);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000080}.design-preview-header{padding:var(--spacing-xl);border-bottom:1px solid var(--colors-hairline-violet);justify-content:space-between;align-items:center;display:flex}.design-preview-header h2{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0;font-size:24px;font-weight:600}.design-preview-close{border-radius:var(--rounded-full);border:1px solid var(--colors-hairline-violet);width:32px;height:32px;color:var(--colors-on-dark-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.design-preview-close:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.design-preview-body{padding:var(--spacing-xl)}.design-preview-section{margin-bottom:var(--spacing-xxl)}.design-preview-section h3{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 var(--spacing-md) 0;font-size:16px;font-weight:600}.color-palette-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.color-palette-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.color-palette-swatch{border-radius:var(--rounded-lg);border:1px solid #ffffff1a;width:100%;height:60px}.color-palette-code{font-family:var(--font-code);color:var(--colors-on-dark-muted);text-align:center;font-size:11px}.typography-preview{gap:var(--spacing-md);flex-direction:column;display:flex}.typography-sample{font-family:var(--font-ui);color:var(--colors-on-primary)}.typography-sample.display{font-size:32px;font-weight:600}.typography-sample.heading{font-size:24px;font-weight:600}.typography-sample.body{font-size:16px;font-weight:400;line-height:1.5}.typography-sample.caption{color:var(--colors-on-dark-muted);font-size:12px;font-weight:500}.component-preview{gap:var(--spacing-md);flex-direction:column;align-items:flex-start;display:flex}.preview-btn{border-radius:var(--rounded-lg);font-family:var(--font-ui);cursor:pointer;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s}.preview-btn.primary{background-color:var(--colors-accent-violet-deep);border:1px solid var(--colors-accent-violet);color:var(--colors-on-primary)}.preview-btn.primary:hover{background-color:var(--colors-accent-violet)}.preview-btn.secondary{border:1px solid var(--colors-hairline-violet);color:var(--colors-on-primary);background:0 0}.preview-btn.secondary:hover{border-color:var(--colors-accent-violet-mid);background-color:#ffffff05}.preview-card{background-color:var(--colors-primary);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-lg);padding:var(--spacing-lg);min-width:200px}.preview-card-content{font-family:var(--font-ui);color:var(--colors-on-primary);font-size:14px}.layout-patterns-section{margin-bottom:var(--spacing-section)}.section-header{margin-bottom:var(--spacing-xl)}.section-title{align-items:center;gap:var(--spacing-sm);font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 var(--spacing-sm) 0;font-size:24px;font-weight:600;display:flex}.section-icon{color:var(--colors-accent-violet)}.section-subtitle{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:14px}.layout-patterns-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.layout-pattern-card{background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s}.layout-pattern-card:hover{border-color:var(--colors-accent-violet-mid);background-color:#6a5fc114;transform:translateY(-2px)}.layout-pattern-icon{border-radius:var(--rounded-lg);background-color:var(--colors-accent-violet-deep);border:1px solid var(--colors-accent-violet);width:48px;height:48px;color:var(--colors-on-primary);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.layout-pattern-name{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 var(--spacing-xs) 0;font-size:16px;font-weight:600}.layout-pattern-desc{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0 0 var(--spacing-md) 0;font-size:13px;line-height:1.5}.layout-pattern-category{border-radius:var(--rounded-full);color:var(--colors-accent-lime);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.3px;background-color:#c2ef4e1a;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.design-generator-section{margin-bottom:var(--spacing-section);padding:var(--spacing-xl);border:1px solid var(--colors-accent-violet);border-radius:var(--rounded-xl);background-color:#6a5fc10d}.design-generator-trigger{justify-content:center;align-items:center;gap:var(--spacing-sm);background-color:var(--colors-accent-violet-deep);border:1px solid var(--colors-accent-violet);border-radius:var(--rounded-lg);width:100%;max-width:400px;color:var(--colors-on-primary);font-family:var(--font-ui);cursor:pointer;margin:0 auto;padding:14px 24px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.design-generator-trigger:hover{background-color:var(--colors-accent-violet);border-color:var(--colors-accent-violet-mid);transform:translateY(-1px);box-shadow:0 4px 12px #6a5fc14d}.design-generator-modal{z-index:1000;padding:var(--spacing-xl);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.design-generator-content{background-color:var(--colors-surface-night);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xxl);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000080}.design-generator-header{padding:var(--spacing-xl);border-bottom:1px solid var(--colors-hairline-violet);justify-content:space-between;align-items:center;display:flex}.design-generator-header h2{align-items:center;gap:var(--spacing-sm);font-family:var(--font-ui);color:var(--colors-on-primary);margin:0;font-size:20px;font-weight:600;display:flex}.generator-icon{color:var(--colors-accent-lime)}.design-generator-close{border-radius:var(--rounded-full);border:1px solid var(--colors-hairline-violet);width:32px;height:32px;color:var(--colors-on-dark-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.design-generator-close:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.design-generator-body{padding:var(--spacing-xl)}.generator-steps{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);display:flex}.generator-step{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.step-number{border-radius:var(--rounded-full);background-color:var(--colors-on-dark-faint);border:2px solid var(--colors-hairline-violet);width:32px;height:32px;font-family:var(--font-ui);color:var(--colors-on-dark-muted);justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .3s;display:flex}.generator-step.active .step-number{background-color:var(--colors-accent-violet-deep);border-color:var(--colors-accent-violet);color:var(--colors-on-primary);box-shadow:0 0 12px #6a5fc166}.generator-step.completed .step-number{background-color:var(--colors-accent-lime);border-color:var(--colors-accent-lime);color:var(--colors-ink-deep)}.step-label{font-family:var(--font-ui);color:var(--colors-on-dark-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.generator-step.active .step-label{color:var(--colors-accent-violet);font-weight:600}.generator-step-line{background-color:var(--colors-hairline-violet);flex:1;max-width:60px;height:2px}.generator-step-content{min-height:300px}.upload-area{margin-bottom:var(--spacing-xl)}.upload-label{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-section);border:2px dashed var(--colors-hairline-violet);border-radius:var(--rounded-xl);cursor:pointer;background-color:#0003;flex-direction:column;transition:all .2s;display:flex}.upload-label:hover{border-color:var(--colors-accent-violet-mid);background-color:#6a5fc114}.upload-icon{color:var(--colors-accent-violet);margin-bottom:var(--spacing-sm)}.upload-label h3{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0;font-size:16px;font-weight:600}.upload-label p{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:13px}.upload-hint{color:var(--colors-on-dark-faint)!important;font-size:12px!important}.upload-options{text-align:center}.upload-options h4{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 var(--spacing-md) 0;font-size:14px;font-weight:600}.template-options{gap:var(--spacing-md);justify-content:center;display:flex}.template-option{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background-color:var(--colors-primary);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-lg);color:var(--colors-on-dark-muted);font-family:var(--font-ui);cursor:pointer;flex-direction:column;font-size:12px;transition:all .15s;display:flex}.template-option:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#6a5fc114}.configure-section{margin-bottom:var(--spacing-xl)}.configure-section h3{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 var(--spacing-md) 0;font-size:16px;font-weight:600}.uploaded-file-info{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--colors-primary);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-lg);color:var(--colors-on-primary);font-family:var(--font-ui);font-size:13px;display:flex}.remove-file{color:var(--colors-accent-pink);font-family:var(--font-ui);cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:12px;font-weight:600;transition:all .15s}.remove-file:hover{background-color:#fa7faa1a}.option-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.option-label{align-items:center;gap:var(--spacing-sm);color:var(--colors-on-primary);font-family:var(--font-ui);cursor:pointer;font-size:14px;display:flex}.option-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--colors-accent-violet)}.format-options{gap:var(--spacing-sm);flex-direction:column;display:flex}.format-option{align-items:center;gap:var(--spacing-sm);color:var(--colors-on-primary);font-family:var(--font-ui);cursor:pointer;font-size:14px;display:flex}.format-option input[type=radio]{width:18px;height:18px;accent-color:var(--colors-accent-violet)}.generator-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--colors-hairline-violet);justify-content:flex-end;display:flex}.generator-btn{border-radius:var(--rounded-lg);font-family:var(--font-ui);cursor:pointer;align-items:center;gap:var(--spacing-sm);padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.generator-btn.primary{background-color:var(--colors-accent-violet-deep);border:1px solid var(--colors-accent-violet);color:var(--colors-on-primary)}.generator-btn.primary:hover{background-color:var(--colors-accent-violet);border-color:var(--colors-accent-violet-mid)}.generator-btn.secondary{border:1px solid var(--colors-hairline-violet);color:var(--colors-on-dark-muted);background:0 0}.generator-btn.secondary:hover{border-color:var(--colors-accent-violet-mid);color:var(--colors-on-primary);background-color:#ffffff05}.generate-preview{padding:var(--spacing-section);background-color:var(--colors-primary);border:1px solid var(--colors-hairline-violet);border-radius:var(--rounded-xl);margin-bottom:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.generate-loading{text-align:center}.loading-spinner{border:3px solid var(--colors-hairline-violet);border-top-color:var(--colors-accent-violet);width:48px;height:48px;margin:0 auto var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generate-loading h3{font-family:var(--font-ui);color:var(--colors-on-primary);margin:0 0 var(--spacing-xs) 0;font-size:18px;font-weight:600}.generate-loading p{font-family:var(--font-ui);color:var(--colors-on-dark-muted);margin:0;font-size:14px}.pricing-page,.billing-success-page{min-height:100vh;color:var(--colors-on-primary);background:radial-gradient(circle at top,#fa7faa2e,#0000 32%),linear-gradient(#0f0a18 0%,#1a1533 100%);position:relative}.pricing-header{z-index:2;justify-content:space-between;align-items:center;padding:24px 32px 0;display:flex;position:relative}.pricing-header-actions,.billing-success-actions{align-items:center;gap:12px;display:flex}.pricing-header-link{text-decoration:none}.pricing-main{z-index:2;gap:32px;width:min(1180px,100vw - 48px);margin:0 auto;padding:56px 0 96px;display:grid;position:relative}.pricing-hero,.pricing-model-grid,.pricing-pack-grid{gap:24px;display:grid}.pricing-title{max-width:820px;margin:0}.pricing-copy{max-width:720px;color:var(--colors-on-dark-muted);margin:0;font-size:18px;line-height:1.7}.pricing-balance-card,.billing-balance-panel,.billing-success-meta{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;gap:8px;padding:18px 20px;display:grid}.pricing-balance-card.is-due,.billing-balance-panel.is-due,.workspace-balance-chip.is-due{border-color:#fa7faa8c;box-shadow:0 0 0 1px #fa7faa2e}.pricing-balance-card strong,.billing-balance-panel strong,.billing-success-meta strong{font-size:24px}.pricing-balance-card small,.billing-balance-panel small,.billing-transaction-row small{color:var(--colors-on-dark-muted)}.pricing-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-model-card,.pricing-pack-card,.billing-pack-card,.billing-success-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 30px 70px #08060e47}.pricing-model-card.free{background:linear-gradient(135deg,#c2ef4e29,#ffffff0a)}.pricing-model-pill,.billing-modal-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--colors-accent-lime);font-size:11px;font-weight:700}.pricing-model-pill.paid{color:var(--colors-accent-pink)}.pricing-model-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.pricing-model-list li,.billing-transaction-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pricing-model-list small{color:var(--colors-on-dark-muted);text-align:right}.pricing-pack-grid,.billing-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pricing-pack-topline,.billing-pack-header,.billing-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pricing-pack-price{font-size:34px;font-weight:700}.pricing-pack-button,.billing-pack-button,.workspace-topup-btn{cursor:pointer;border:none}.pricing-pack-button,.billing-pack-button{background:var(--colors-accent-lime);width:100%;color:var(--colors-primary);border-radius:12px;padding:12px 14px;font-weight:700}.pricing-error-banner,.billing-error-banner{color:#ffd7e5;background:#fa7faa1f;border:1px solid #fa7faa52;border-radius:14px;padding:14px 16px}.billing-modal-overlay{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06040cb8;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.billing-modal-card{background:#120d1f;border:1px solid #ffffff14;border-radius:28px;gap:20px;width:min(980px,100%);max-height:min(88vh,940px);padding:28px;display:grid;overflow:auto}.billing-modal-close{color:var(--colors-on-primary);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.billing-transaction-list{gap:14px;display:grid}.billing-transaction-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.billing-empty-state{color:var(--colors-on-dark-muted);background:#ffffff08;border-radius:16px;padding:18px}.billing-transaction-row{background:#ffffff08;border-radius:16px;padding:14px 16px}.billing-transaction-row .positive{color:var(--colors-accent-lime);font-weight:700}.billing-transaction-row .negative{color:#ffb1c9;font-weight:700}.workspace-header-actions{transition:right var(--transition-slow)}.workspace-balance-chip,.workspace-signout-btn{border:1px solid var(--colors-hairline-violet);background:var(--colors-surface-night);color:var(--colors-on-primary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.billing-success-card{z-index:2;gap:18px;width:min(620px,100vw - 32px);margin:12vh auto 0;display:grid;position:relative}@media (width<=960px){.pricing-model-grid,.pricing-pack-grid,.billing-pack-grid{grid-template-columns:1fr}.pricing-header{flex-direction:column;align-items:flex-start;gap:16px;padding-inline:20px}.pricing-main{width:min(100vw - 32px,1180px);padding-top:32px}.workspace-header-actions{flex-wrap:wrap;justify-content:flex-end;top:78px;right:16px}}