:root{color:#182235;background:#f6f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#5d6b8061 padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#5d6b8094 padding-box content-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.landing-page,.workspace-shell{min-height:100vh}.workspace-shell{height:100dvh;overflow:hidden}.landing-page{color:#172033;background:#f6f8fc;min-height:100vh;position:relative;overflow:hidden}.landing-orb{z-index:0;pointer-events:none;filter:blur(60px);opacity:.8;border-radius:999px;animation:9s ease-in-out infinite landingBlob;position:fixed}.landing-orb-left{background:#e0f2fe;width:380px;height:380px;top:-130px;left:-140px}.landing-orb-right{background:#ccfbf1;width:460px;height:460px;animation-delay:1.5s;bottom:-180px;right:-160px}@keyframes landingBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-12px)scale(1.05)}}.landing-nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f8fce6;border-bottom:1px solid #dce5f2e6;justify-content:space-between;align-items:center;gap:24px;padding:16px max(24px,50vw - 616px);display:flex;position:sticky;top:0}.landing-nav nav{gap:28px;display:flex}.landing-nav a{color:#555c6d;font-size:14px;font-weight:650;text-decoration:none}.landing-nav a:hover{color:#172033}.landing-nav>div{gap:10px;display:flex}.landing-nav button,.ghost-button,.text-button,.back-button{color:#31405d;background:0 0;border:0;font-weight:600}.logout-button{color:#fca5a5}.landing-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.landing-brand>span{color:#fff;background:#172033;border-radius:16px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 10px 30px #17203340}.landing-brand div{display:grid}.landing-brand small{color:#6b6f7b;font-size:12px}.primary-small,.primary-action{color:#fff;background:#0f6fff;border:0;border-radius:8px;font-weight:650;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 10px 26px #0f6fff38}.primary-small:hover,.primary-action:hover{transform:translateY(-1px);box-shadow:0 14px 34px #0f6fff47}.primary-action{padding:12px 18px}.primary-action:disabled{cursor:wait;opacity:.72}.primary-action.dark{background:#172033;border-radius:999px;box-shadow:0 18px 45px #17203340}.primary-action.warm{background:#0f766e;box-shadow:0 12px 30px #0f766e3d}.primary-small{background:#0f766e;padding:9px 14px;box-shadow:0 12px 30px #0f766e3d}.landing-hero{z-index:1;grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);align-items:center;gap:56px;max-width:1280px;margin:0 auto;padding:76px 24px 72px;display:grid;position:relative}.landing-hero h1{color:#172033;letter-spacing:0;max-width:760px;margin:26px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,5vw,72px);font-weight:700;line-height:.98}.landing-hero p{color:#4f5565;max-width:600px;font-size:19px;line-height:1.65}.eyebrow{color:#0f766e;letter-spacing:.16em;text-transform:uppercase;background:#fffdfcc7;border:1px solid #dce5f2;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:9px 14px;font-size:12px;font-weight:650;display:inline-flex}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.landing-actions a{color:#172033;background:#fffdfc;border:1px solid #dce5f2;border-radius:999px;padding:13px 20px;font-size:14px;font-weight:750;text-decoration:none}.landing-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:660px;margin-top:40px;display:grid}.landing-metrics article{border-radius:24px;min-width:0;padding:18px}.landing-metrics strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:24px;display:block;overflow:hidden}.landing-metrics span{color:#6b6f7b;font-size:14px}.landing-metrics article,.router-stats article,.service-grid article,.gallery-grid article{background:#ffffffe0;border:1px solid #dce5f2;box-shadow:0 12px 34px #1720330f}.code-mockup{background:#11182a;border:1px solid #ffffff1a;border-radius:32px;animation:.7s both floatIn;overflow:hidden;box-shadow:0 30px 80px #11182a52}.mockup-top{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:16px 20px;display:flex}.mockup-top i{background:#0f766e;border-radius:999px;width:12px;height:12px}.mockup-top i:nth-child(2){background:#f2c14e}.mockup-top i:nth-child(3){background:#70c1b3}.mockup-top span{color:#ffffffb3;background:#ffffff1a;border-radius:999px;margin-left:auto;padding:5px 10px;font-size:12px;font-weight:700}.mockup-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);display:grid}.mockup-grid pre{color:#b9c4db;white-space:pre-wrap;border-right:1px solid #ffffff1a;min-height:390px;margin:0;padding:22px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.85;overflow:hidden}.mockup-grid section{padding:20px}.mini-product{color:#172033;background:#f6f8fc;border-radius:24px;padding:20px}.mini-product nav{align-items:center;gap:16px;margin-bottom:24px;display:flex}.mini-product nav strong{margin-right:auto}.mini-product nav span{color:#5f6676;font-size:12px;font-weight:700}.mini-product article{background:#fff;border-radius:20px;padding:20px}.mini-product article div{gap:10px;margin-top:18px;display:flex}.mini-product small{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:5px 10px;font-weight:800}.mini-product h3{margin:18px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.1}.mini-product p{color:#5f6676;font-size:14px}.mini-product button{background:#fff;border:1px solid #dce5f2;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800}.mini-product button:first-child{color:#fff;background:#172033;border-color:#172033}@keyframes floatIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.output-panel,.plan-card{background:#fff;border:1px solid #e0e6f0;border-radius:8px}.plan-card p{color:#68758b;line-height:1.55}.plan-card .p-2{margin:8px 0 12px!important}.landing-section{z-index:1;padding:84px max(24px,50vw - 616px);position:relative}.feature-section,.gallery-section{background:#f8fbff;border-top:1px solid #dce5f2;border-bottom:1px solid #dce5f2}.section-heading{max-width:800px}.section-heading span,.router-heading span,.dark-demo span,.landing-auth-card>div>span{color:#0f766e;letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:800}.section-heading h2,.router-heading h2,.dark-demo h2,.landing-auth-card h2{color:#172033;letter-spacing:0;margin:14px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,64px);line-height:1.02}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px;display:grid}.feature-grid article{color:#172033;background:#fff;border:1px solid #dce5f2;border-radius:18px;min-width:0;padding:28px;transition:transform .18s,box-shadow .18s}.feature-grid article.featured{color:#fff;background:#172033;border-color:#172033;box-shadow:0 28px 70px #1720333d}.feature-grid b{color:#0369a1;background:#e0f2fe;border-radius:999px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:14px;display:grid}.feature-grid .featured b{color:#fff;background:#ffffff1a}.feature-grid h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.1}.feature-grid p{color:#5f6676;line-height:1.7}.feature-grid .featured p{color:#ffffffb3}.feature-grid article:hover,.service-grid article:hover,.gallery-grid article:hover{transform:translateY(-5px);box-shadow:0 24px 60px #1720331f}.service-grid b{color:#0369a1;background:#e0f2fe;border-radius:999px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:14px;display:grid}.how-grid h3,.service-grid h3,.gallery-grid h3,.dark-demo h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.1}.feature-grid p,.how-grid p,.service-grid p,.router-heading p,.gallery-grid p,.dark-demo p,.landing-auth-card p{color:#5f6676;line-height:1.7}.how-section{background:#fff}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px;display:grid}.how-grid article{background:linear-gradient(#fff,#f8fbff);border:1px solid #dce5f2;border-radius:18px;min-width:0;padding:28px}.how-grid b{color:#fff;background:#0f766e;border-radius:999px;margin-bottom:24px;padding:7px 11px;font-size:13px;display:inline-flex}.template-library-section{background:#f8fbff;border-top:1px solid #dce5f2;border-bottom:1px solid #dce5f2}.template-library-heading{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:28px;display:grid}.template-search,.composer-search{gap:8px;display:grid}.template-search span,.composer-search span{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.template-search input,.composer-search input{color:#e2e8f0;width:100%;font:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:13px 14px}.template-search input:focus,.composer-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.template-filter-panel{gap:14px;margin-top:30px;display:grid}.template-priority-tabs,.template-category-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.template-priority-tabs button,.template-category-chips button{color:#334155;background:#fff;border:1px solid #dce5f2;font-weight:800}.template-priority-tabs button.active,.template-category-chips button.active{color:#fff;background:#172033;border-color:#172033}.template-priority-tabs button{border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.template-priority-tabs button.active b{color:#fff;background:#ffffff24}.template-priority-tabs b{color:#0369a1;background:#e0f2fe;border-radius:999px;place-items:center;min-width:26px;height:26px;font-size:12px;display:grid}.template-category-chips button{border-radius:999px;padding:8px 12px;font-size:13px}.template-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.template-library-grid article{background:#fff;border:1px solid #dce5f2;border-radius:18px;align-content:space-between;gap:18px;min-width:0;padding:20px;display:grid;box-shadow:0 12px 34px #1720330f}.template-library-grid article>div:first-child>span{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.template-library-grid h3{color:#172033;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1.1}.template-library-grid p{color:#5f6676;margin:12px 0 0;line-height:1.6}.template-library-grid button{color:#fff;background:#172033;border:0;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:11px 15px;font-weight:800}.template-card-meta{flex-wrap:wrap;gap:8px;display:flex}.template-card-meta span{color:#475569;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;max-width:100%;padding:6px 9px;font-size:12px;font-weight:800;overflow:hidden}.template-command{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.template-empty{grid-column:1/-1}.router-heading{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:end;gap:40px;display:grid}.router-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.router-stats article{text-align:center;border-radius:24px;padding:18px}.router-stats strong{font-family:Georgia,Times New Roman,serif;font-size:30px;display:block}.router-stats span{color:#6b6f7b;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px;display:grid}.service-grid article{border-radius:18px;padding:26px;transition:transform .18s,box-shadow .18s}.service-grid b{border-radius:16px;font-size:18px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:46px;display:grid}.gallery-grid article{border-radius:18px;padding:14px;transition:transform .18s,box-shadow .18s;overflow:hidden}.gallery-grid small{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;margin-top:18px;font-weight:800;display:block}.gallery-grid h3{margin-top:8px}.gallery-grid p{background:#f6f8fc;border-radius:16px;justify-content:space-between;padding:12px 14px;display:flex}.gallery-art{color:#fff;border-radius:24px;place-items:end start;min-height:210px;padding:18px;display:grid;position:relative;overflow:hidden}.gallery-art:before{content:"";opacity:.42;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:28px 28px;position:absolute;top:0;bottom:0;left:0;right:0}.gallery-art span{background:#fff3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;position:absolute;top:18px;left:18px}.gallery-art strong{color:#172033;background:#fff;border-radius:999px;place-items:center;width:58px;height:58px;font-weight:900;display:grid;position:relative}.art-1{background:linear-gradient(135deg,#172033,#2b395c,#0f766e)}.art-2{background:linear-gradient(135deg,#f6f8fc,#e0f2fe,#172033)}.art-3{background:linear-gradient(135deg,#11182a,#273657,#7bdcb5)}.art-4{background:linear-gradient(135deg,#0f766e,#7dd3fc,#f8fbff)}.dark-demo{color:#fff;background:#172033;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:44px;display:grid}.dark-demo h2,.dark-demo h3{color:#fff}.dark-demo p{color:#ffffffad}.dark-demo>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dark-demo article{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:24px}.dark-demo b{color:#fff;background:#0f766e;border-radius:999px;margin-bottom:18px;padding:6px 10px;font-size:12px;display:inline-flex}.landing-auth-section{z-index:1;padding:84px 24px;position:relative}.landing-auth-card{text-align:center;background:#fff;border:1px solid #dce5f2;border-radius:24px;max-width:980px;margin:0 auto;padding:42px;display:grid;box-shadow:0 24px 70px #1720331a}.landing-auth-card h2{max-width:760px;margin-left:auto;margin-right:auto}.landing-auth-card p{max-width:680px;margin:18px auto 0}.landing-auth-card form{text-align:left;gap:14px;width:min(560px,100%);margin:30px auto 0;display:grid}.landing-auth-card .text-button{color:#0f766e;width:-moz-fit-content;width:fit-content;margin:18px auto 0}.google-btn-container{justify-content:center;width:min(560px,100%);min-height:44px;margin:24px auto 0;display:flex}.auth-divider{color:#9aa3b0;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;width:min(560px,100%);margin:18px auto 0;font-size:12px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e4e9f0;flex:1;height:1px}label{color:#394761;gap:7px;font-size:13px;font-weight:600;display:grid}input,select,textarea{color:#172033;background:#fff;border:1px solid #d6ddea;border-radius:8px;width:100%;padding:11px 12px}.password-input-wrap{display:block;position:relative}.password-input-wrap input{padding-right:76px}.password-input-wrap button{color:#31405d;background:#eef2f7;border:0;border-radius:8px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}textarea{resize:vertical;min-height:108px}.auth-error{color:#9f2d1f;background:#fff1ee;border:1px solid #ffb4a8;border-radius:8px;padding:10px 12px}.workspace-shell{background:#f5f7ff;grid-template-columns:300px minmax(0,1fr);transition:grid-template-columns .22s;display:grid}.workspace-shell.sidebar-is-collapsed{grid-template-columns:52px minmax(0,1fr)}.sidebar-brand-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.sidebar-brand-logo{align-items:center;gap:8px;display:flex}.sidebar-brand-name{background:linear-gradient(135deg,#a78bfa,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700}.sidebar-is-collapsed .sidebar-brand-name{display:none}.sidebar-is-collapsed .sidebar-brand-header{justify-content:center}.sidebar-is-collapsed .workspace-sidebar{align-items:center;padding:16px 6px}.sidebar-is-collapsed .workspace-tabs{flex-direction:column;gap:1px;margin:0;padding:2px}.sidebar-is-collapsed .workspace-tab{gap:0;padding:6px;font-size:0}.sidebar-is-collapsed .workspace-tab svg{width:16px;height:16px}.sidebar-is-collapsed .nav-label,.sidebar-is-collapsed .nav-status,.sidebar-is-collapsed .sidebar-history,.sidebar-is-collapsed .plan-card,.sidebar-is-collapsed .sidebar-projects-panel{display:none}.sidebar-is-collapsed .brand-block-wrapper{padding:0 4px 4px}.sidebar-is-collapsed .brand-block{justify-content:center;gap:0;padding:6px}.sidebar-is-collapsed .brand-info,.sidebar-is-collapsed .brand-chevron{display:none}.sidebar-is-collapsed .side-nav{width:100%}.sidebar-is-collapsed .side-nav a{justify-content:center;padding:8px}.sidebar-toggle{color:#a6b2c4;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.sidebar-toggle:hover{color:#fff;background:#ffffff14}.nav-icon{opacity:.75;flex-shrink:0;transition:opacity .15s}.side-nav a:hover .nav-icon{opacity:1}.sidebar-history-collapsed{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;flex-direction:column;align-items:center;gap:5px;padding:4px 0;display:flex}.history-dot{cursor:pointer;background:#94a3b859;border:none;border-radius:50%;flex-shrink:0;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.history-dot:hover{background:#94a3b8b3;transform:scale(1.3)}.history-dot.active{background:#0f6fff}.workspace-sidebar{color:#fff;background:linear-gradient(#0f172a,#111827);flex-direction:column;gap:18px;min-height:0;padding:16px 8px;display:flex;overflow:hidden}.brand-block{align-items:center;gap:12px;display:flex}.brand-block div{display:grid}.brand-block span:last-child{color:#a6b2c4;font-size:12px}.brand-mark{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.side-nav{gap:6px;display:grid}.sidebar-history{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b86b transparent;flex-flow:column;flex:4;justify-content:flex-start;align-items:flex-start;gap:8px;min-height:0;padding-right:4px;display:flex;overflow:hidden}.sidebar-history.is-hidden{flex:none}.sidebar-history.is-hidden .history-toggle-icon{transform:rotate(-90deg)}.sidebar-history::-webkit-scrollbar{width:4px}.sidebar-history::-webkit-scrollbar-thumb{background:#94a3b86b;border-radius:999px}.sidebar-history::-webkit-scrollbar-track{background:0 0}.sidebar-history>.title{z-index:1;color:#e5edf8;letter-spacing:.03em;cursor:pointer;background:#0f172a;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px 4px;font-size:12px;font-weight:700;text-decoration:none;display:flex;position:sticky;top:0}.sidebar-history>a:hover{background:#ffffff14}.sidebar-history b,.sidebar-history small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-history b{font-size:13px;font-weight:650}.sidebar-history small{color:#94a3b8;grid-column:2;font-size:11px}.sidebar-history .truncate{white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:100%;overflow:hidden}.sidebar-history a:hover,.sidebar-history+.side-nav a:hover{background:#ffffff1a}.sidebar-history a.active{color:#fff;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-left:2px solid #8b5cf6}.sidebar-history a,.side-nav a{text-align:left;color:#c6d0df;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:14.4px;font-weight:500;text-decoration:none;transition:background .16s,transform .16s;display:flex}.side-nav a:hover{background:#ffffff1a}.side-nav a.active{color:#fff;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-left:2px solid #8b5cf6}.sidebar-history-list{scrollbar-width:thin;scrollbar-color:#94a3b86b transparent;flex-direction:column;flex:1;gap:8px;width:100%;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}.sidebar-history-list::-webkit-scrollbar{width:4px}.sidebar-history-list::-webkit-scrollbar-thumb{background:#94a3b86b;border-radius:999px}.sidebar-history-list::-webkit-scrollbar-track{background:0 0}.history-toggle-icon{color:#93c5fd;flex:none;transition:transform .15s;transform:rotate(0)}.history-empty{color:#64748b;text-align:center;padding:12px 10px;font-size:12px;font-style:italic;display:block}.history-item{position:relative}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn{color:#64748b;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;transition:opacity .15s,background .15s,color .15s;display:flex}.history-delete-btn:hover{color:#f87171;background:#ef444426}.history-delete-btn:active{color:#ef4444;background:#ef444440}.nav-status{color:#93c5fd;border:1px solid #94a3b838;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-projects-panel{flex-direction:column;flex:1;padding:0 8px 8px;display:flex;overflow-y:auto}.projects-panel-header{align-items:center;gap:6px;min-height:36px;padding:8px 4px;display:flex}.projects-panel-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;cursor:default;flex:1;font-size:13px;font-weight:600;overflow:hidden}.projects-panel-add,.projects-panel-back{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.projects-panel-add:hover,.projects-panel-back:hover{color:#e2e8f0;background:#94a3b81f}.project-detail-actions{gap:2px;margin-left:auto;display:flex}.project-detail-actions button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.project-detail-actions button:hover{color:#e2e8f0;background:#94a3b81f}.projects-panel-list{flex-direction:column;gap:4px;display:flex}.project-card{color:#e2e8f0;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;transition:background .15s,border-color .15s;display:flex}.project-card:hover{background:#8b5cf614;border-color:#8b5cf633}.project-card-icon{color:#a78bfa;background:#8b5cf626;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.project-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.project-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.project-card-meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.project-card-arrow{color:#475569;flex-shrink:0}.projects-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;padding:24px 16px;font-size:13px;display:flex}.projects-empty p{margin:0 0 12px}.projects-empty-btn{color:#a78bfa;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;padding:6px 16px;font-size:12px;transition:background .15s}.projects-empty-btn:hover{background:#8b5cf633}.project-detail-meta{flex-wrap:wrap;gap:4px;padding:4px 4px 8px;display:flex}.detail-tag{color:#94a3b8;letter-spacing:.02em;background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.detail-tag.design-md-tag{color:#4ade80;background:#22c55e1f}.project-detail-sessions{flex-direction:column;gap:2px;display:flex}.session-group-label{text-transform:uppercase;letter-spacing:.06em;color:#475569;padding:8px 8px 4px;font-size:10px;font-weight:600}.history-project-badge{color:#a78bfa;white-space:nowrap;text-overflow:ellipsis;background:#8b5cf61f;border-radius:3px;flex-shrink:0;max-width:60px;padding:1px 6px;font-size:9px;display:inline-block;overflow:hidden}.project-rename-input{width:100%;color:#e2e8f0!important;background:#0f172acc!important;border:1px solid #8b5cf666!important;border-radius:6px!important;padding:4px 8px!important;font-size:12px!important}.brand-block-wrapper{flex:none;margin-top:auto;padding:0 8px 8px;position:relative}.brand-block{color:#e2e8f0;cursor:pointer;background:#0f172a80;border:1px solid #94a3b81a;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.brand-block:hover{background:#1e293bcc}.brand-mark{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.brand-info{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex;overflow:hidden}.brand-info strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.plan-badge{border-radius:999px;width:-moz-fit-content;width:fit-content;padding:1px 6px;font-size:10px;font-weight:700}.plan-badge.plan-free{color:#94a3b8;background:#94a3b826}.plan-badge.plan-pro{color:#a78bfa;background:#8b5cf633}.brand-chevron{opacity:.5;flex-shrink:0}.brand-menu{z-index:100;background:#1e293b;border:1px solid #94a3b826;border-radius:10px;padding:6px;animation:.15s brandMenuIn;position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;box-shadow:0 8px 32px #0006}@keyframes brandMenuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.brand-menu-item{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .12s;display:flex}.brand-menu-item:hover{color:#f1f5f9;background:#94a3b81a}.brand-menu-item .submenu-arrow{opacity:.5;margin-left:auto}.brand-menu-logout{color:#ef4444}.brand-menu-logout:hover{color:#f87171;background:#ef44441a}.brand-menu-divider{background:#94a3b81f;height:1px;margin:4px 0}.brand-help-inline{flex-direction:column;padding-left:26px;display:flex}.brand-help-inline .brand-menu-item{color:#94a3b8;padding:6px 10px;font-size:12px}.brand-help-inline .brand-menu-item:hover{color:#f1f5f9}.submenu-arrow{opacity:.5;margin-left:auto;transition:transform .15s}.submenu-arrow.open{transform:rotate(180deg)}.brand-menu-item.active{background:#94a3b814}.settings-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s brandMenuIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings-modal{background:#0f172a;border:1px solid #94a3b81f;border-radius:16px;flex-direction:column;width:min(720px,90vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080}.settings-modal-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.settings-modal-header h2{color:#f1f5f9;margin:0;font-size:18px;font-weight:700}.settings-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.settings-close-btn:hover{color:#f1f5f9;background:#94a3b81f}.settings-modal-body{flex:1;min-height:400px;display:flex;overflow:hidden}.settings-tabs{border-right:1px solid #94a3b81a;flex-direction:column;flex:0 0 180px;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.settings-tab-btn{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.settings-tab-btn:hover{color:#e2e8f0;background:#94a3b814}.settings-tab-btn.active{color:#a78bfa;background:#8b5cf61f}.settings-tab-btn svg{flex-shrink:0}.settings-content{flex:1;padding:24px;overflow-y:auto}.settings-section h3{color:#f1f5f9;margin:0 0 20px;font-size:16px;font-weight:700}.settings-field{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.settings-field>span:first-child{color:#e2e8f0;font-size:13px;font-weight:600}.settings-field input,.settings-field select{color:#e2e8f0;background:#1e293b99;border:1px solid #94a3b826;border-radius:8px;width:100%;max-width:320px;padding:8px 12px;font-size:13px}.settings-field input:focus,.settings-field select:focus{border-color:#8b5cf6;outline:none}.settings-field input:disabled,.settings-field select:disabled{opacity:.5;cursor:not-allowed}.settings-hint{color:#64748b;font-size:11px;line-height:1.4}.settings-plan-row{align-items:center;gap:12px;display:flex}.settings-upgrade-btn{color:#a78bfa;cursor:pointer;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.settings-upgrade-btn:hover{background:#8b5cf640}.settings-toggle-row{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.settings-toggle-row div{flex-direction:column;gap:4px;display:flex}.settings-toggle-row div>span:first-child{color:#e2e8f0;font-size:13px;font-weight:600}.settings-toggle-row input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;background:#334155;border-radius:12px;flex-shrink:0;width:40px;height:22px;margin-top:2px;transition:background .2s;position:relative}.settings-toggle-row input[type=checkbox]:after{content:"";background:#94a3b8;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.settings-toggle-row input[type=checkbox]:checked{background:#8b5cf6}.settings-toggle-row input[type=checkbox]:checked:after{background:#fff;transform:translate(18px)}.settings-connect-btn{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;width:-moz-fit-content;width:fit-content;padding:6px 14px;font-size:12px}.settings-connect-btn:hover{background:#1e293be6}.settings-danger-btn{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:8px;width:-moz-fit-content;width:fit-content;padding:6px 14px;font-size:12px;font-weight:600}.settings-danger-btn:hover{background:#ef444426}.settings-divider{background:#94a3b81a;height:1px;margin:16px 0}.settings-section-desc{color:#64748b;margin-bottom:20px;font-size:12px;line-height:1.5}.settings-subsection-title{color:#e2e8f0;margin:0 0 8px;font-size:14px;font-weight:700}.ext-grid{flex-direction:column;gap:12px;display:flex}.ext-card{background:#1e293b66;border:1px solid #94a3b81f;border-radius:12px;transition:border-color .15s;overflow:hidden}.ext-card:hover{border-color:#94a3b840}.ext-card.connected{border-color:#10b9814d}.ext-card.ext-card-soon{opacity:.7}.ext-card-header{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.ext-card-header>svg{flex-shrink:0;margin-top:2px}.ext-card-info{flex-direction:column;flex:1;gap:4px;display:flex}.ext-card-info strong{color:#f1f5f9;font-size:13px}.ext-card-desc{color:#64748b;font-size:11px;line-height:1.4}.ext-status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.ext-status.ext-status-connected{color:#34d399;background:#10b98126}.ext-status.ext-status-disconnected{color:#94a3b8;background:#94a3b81a}.ext-status.ext-status-soon{color:#fbbf24;background:#fbbf241f}.ext-card-body{border-top:1px solid #94a3b80f;padding:0 16px 14px}.ext-card-actions{gap:8px;margin-top:10px;display:flex}.ext-connect-btn{color:#a78bfa;cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .12s}.ext-connect-btn:hover{background:#8b5cf638}.ext-disconnect-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:8px;padding:6px 14px;font-size:12px}.ext-disconnect-btn:hover{background:#ef444414}.doc-section{margin-bottom:24px}.doc-section h4{color:#e2e8f0;border-bottom:1px solid #94a3b814;margin:0 0 10px;padding-bottom:6px;font-size:14px;font-weight:700}.doc-section p{color:#94a3b8;margin:0 0 12px;font-size:12px;line-height:1.6}.doc-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.doc-list li{color:#cbd5e1;padding-left:16px;font-size:12px;line-height:1.5;position:relative}.doc-list li:before{content:"•";color:#a78bfa;position:absolute;left:4px}.doc-list li strong{color:#f1f5f9}.doc-arch-diagram{background:#0f172a99;border:1px solid #94a3b814;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.doc-arch-box{text-align:center;background:#1e293bb3;border:1px solid #94a3b81f;border-radius:8px;flex:1;min-width:130px;padding:10px 12px}.doc-arch-box .doc-arch-label{color:#a78bfa;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.doc-arch-box small{color:#64748b;font-size:10px;line-height:1.4;display:block}.doc-arch-arrow{color:#475569;white-space:nowrap;font-size:11px}.doc-features-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.doc-feature-card{background:#1e293b80;border:1px solid #94a3b814;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.doc-feature-card .doc-feature-icon{font-size:18px}.doc-feature-card strong{color:#f1f5f9;font-size:12px}.doc-feature-card small{color:#64748b;font-size:10px;line-height:1.4}.doc-api-table{border-collapse:collapse;width:100%;font-size:12px}.doc-api-table th,.doc-api-table td{text-align:left;border-bottom:1px solid #94a3b80f;padding:8px 10px}.doc-api-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.doc-api-table td{color:#cbd5e1}.doc-api-table code{color:#a78bfa;background:#8b5cf61a;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.doc-shortcuts{flex-direction:column;gap:6px;display:flex}.doc-shortcut-row{align-items:center;gap:12px;padding:6px 0;display:flex}.doc-shortcut-row kbd{color:#e2e8f0;text-align:center;background:#1e293bcc;border:1px solid #94a3b826;border-radius:4px;min-width:60px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.doc-shortcut-row span{color:#94a3b8;font-size:12px}.workspace-tabs{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:10px;gap:2px;margin:0 4px;padding:3px;display:flex}.workspace-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.workspace-tab:hover{color:#e2e8f0;background:#ffffff0d}.workspace-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf640,#6366f133);border:1px solid #8b5cf64d;box-shadow:0 1px 4px #8b5cf633}.workspace-tab svg{flex-shrink:0;width:15px;height:15px}.theme-toggle-wrap{justify-content:flex-end;align-items:center;margin-bottom:-4px;padding:0 8px;display:flex}.theme-toggle{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.theme-toggle:hover{color:#e2e8f0;background:#ffffff14}.theme-toggle svg{width:14px;height:14px}.builder-workspace.theme-light{background:radial-gradient(at 80% -10%,#6366f10f 0%,#0000 45%),radial-gradient(at 10% 100%,#14b8a60a 0%,#0000 40%),#f8f9fc}.theme-light .message-markdown{color:#1e293b}.theme-light .message-markdown strong{color:#0f172a}.theme-light .message-markdown em{color:#475569}.theme-light .message-markdown code{color:#4338ca;background:#6366f114}.theme-light .message-markdown pre{background:#f1f5f9;border-color:#e2e8f0}.theme-light .message-markdown pre code{color:#334155}.theme-light .message-markdown h1,.theme-light .message-markdown h2,.theme-light .message-markdown h3{color:#0f172a}.theme-light .message-markdown blockquote{color:#475569;background:#6366f10a}.theme-light .message-markdown a{color:#4f46e5}.theme-light .message-markdown hr{border-top-color:#e2e8f0}.theme-light .message-markdown li::marker{color:#4f46e5}.theme-light .message-markdown code:not(pre code){color:#6d28d9;background:#6366f114}.theme-light .composer-box{background:#fffffff5;border-color:#d6ddea;box-shadow:0 18px 54px #1928481a}.theme-light .composer-box textarea{color:#1e293b}.theme-light .composer-box textarea::placeholder{color:#94a3b8}.theme-light .composer-icon{color:#374151}.theme-light .send-button{color:#fff;background:#111827}.theme-light .design-md-send-button{color:#111827;background:#fff;border-color:#d6ddea}.theme-light .design-md-send-button:hover{color:#0f766e;border-color:#0f766e}.theme-light .workspace-action-bar button{color:#374151;background:#fffc;border-color:#6366f12e;box-shadow:0 1px 3px #0000000f}.theme-light .workspace-action-bar button:hover:not(:disabled){background:#fffffff5;border-color:#6366f161;box-shadow:0 2px 8px #6366f11f}.theme-light .workspace-action-bar button.btn-ba-doc{color:#0d7a6e;border-color:#14b8a647}.theme-light .workspace-action-bar button.btn-template{color:#0d7a6e;background:#f0fdfab3;border-color:#14b8a633}.theme-light .chat-empty-title{color:#374151}.theme-light .chat-empty-hint{color:#64748b}.theme-light .chat-empty-hint strong{color:#4f46e5}.theme-light .thinking-row{background:#f5f3ffcc;border-color:#6366f11f}.theme-light .theme-toggle{color:#64748b;background:#0000000a;border-color:#00000014}.theme-light .theme-toggle:hover{color:#1e293b;background:#00000014}.chat-workspace{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.builder-workspace{background:radial-gradient(at 50% 100%,#8b5cf614 0%,#0000 50%),radial-gradient(at 80% -10%,#6366f10f 0%,#0000 45%),#0d0f17;padding:24px 36px 0;position:relative;overflow:hidden}.builder-workspace:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#8b5cf626 0%,#6366f114 40%,#0000 70%);width:60%;height:120px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.workspace-action-bar{flex-wrap:wrap;flex:none;gap:8px;width:100%;margin:0 auto 14px;display:flex}.workspace-action-bar button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c4c9d4;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #0003}.workspace-action-bar button:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.workspace-action-bar button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0003}.workspace-action-bar button.btn-generate{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#0000;box-shadow:0 2px 8px #6366f14d}.workspace-action-bar button.btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#7c7ff5 0%,#6366f1 100%);border-color:#0000;box-shadow:0 4px 14px #6366f166}.workspace-action-bar button.btn-ba-doc{color:#5eead4;border-color:#14b8a633}.workspace-action-bar button.btn-ba-doc:hover:not(:disabled){background:#14b8a61a;border-color:#14b8a659;box-shadow:0 2px 8px #14b8a626}.workspace-action-bar button.btn-template{color:#5eead4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14b8a614;border-color:#14b8a626}.workspace-action-bar button.btn-template:hover:not(:disabled){background:#14b8a626;border-color:#14b8a64d;box-shadow:0 2px 8px #14b8a61f}.workspace-action-bar button:disabled{cursor:wait;opacity:.58}.chat-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64748b73 transparent;flex-direction:column;flex:1;gap:18px;width:100%;min-height:0;margin:0 auto;padding:0 4px 18px 0;display:flex;overflow:hidden auto}.chat-scroll::-webkit-scrollbar{width:4px;height:4px}.chat-scroll::-webkit-scrollbar-thumb{background:#64748b57;border-radius:999px}.chat-scroll::-webkit-scrollbar-track{background:0 0}.output-panel{padding:8px 12px}.message{gap:12px;width:100%;max-width:768px;animation:.3s both msgFadeIn;display:flex}.message.assistant{align-self:flex-start;max-width:768px}.message.assistant .message-body{padding:2px 0 0}.message.user{flex-direction:row-reverse;align-self:flex-end;width:auto;max-width:min(560px,75%)}.message.user .message-body{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:20px 20px 4px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:10px 16px;display:inline-block;box-shadow:0 2px 8px #6366f138}.message.user .message-body p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55;color:#fffffff2!important}.message strong{font-weight:620}.message:hover .message-actions,.message .message-actions:focus-within{opacity:1}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-avatar{display:none}.message-body{flex:1;min-width:0}.message-markdown{color:#e2e8f0;word-wrap:break-word;font-size:14px;line-height:1.7}.message-markdown img{object-fit:cover;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;max-width:100%;max-height:400px;margin:8px 0;transition:filter .15s,box-shadow .15s;display:block}.message-markdown img:hover{filter:brightness(1.06);box-shadow:0 4px 16px #0000004d}.message-markdown img[alt]:after{content:attr(alt);color:#94a3b8;margin-top:4px;font-size:11px;display:block}.message-markdown .img-error-chip{color:#94a3b8;background:#ffffff0d;border:1px dashed #ffffff1f;border-radius:8px;align-items:center;gap:6px;margin:6px 0;padding:8px 14px;font-size:12px;display:inline-flex}.message-markdown .img-error-chip:before{content:"🖼"}.message-markdown p{margin:0 0 12px}.message-markdown p:last-child{margin-bottom:0}.message-markdown ul,.message-markdown ol{margin:4px 0 12px;padding-left:20px}.message-markdown li{margin-bottom:4px}.message-markdown li::marker{color:#6366f1}.message-markdown strong{color:#f1f5f9;font-weight:600}.message-markdown em{color:#94a3b8;font-style:italic}.message-markdown code{color:#a5b4fc;background:#6366f11f;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em}.message-markdown pre{background:#0f172a99;border:1px solid #6366f11a;border-radius:8px;margin:8px 0 12px;padding:12px 16px;overflow-x:auto}.message-markdown pre code{background:0 0;padding:0;font-size:13px}.message-markdown h1,.message-markdown h2,.message-markdown h3{color:#f1f5f9;margin:16px 0 8px;font-weight:600}.message-markdown h1{font-size:1.25em}.message-markdown h2{font-size:1.1em}.message-markdown h3{font-size:1em}.message-markdown blockquote{color:#cbd5e1;background:#6366f10f;border-left:3px solid #6366f1;border-radius:0 6px 6px 0;margin:8px 0;padding:8px 16px}.message-markdown a{color:#818cf8;text-underline-offset:2px;text-decoration:underline}.message-markdown hr{border:none;border-top:1px solid #94a3b826;margin:16px 0}.message-markdown.is-streaming:after{content:"◍";color:#6366f1;vertical-align:baseline;margin-left:2px;font-size:.9em;animation:.7s step-end infinite streamCursor;display:inline-block}.message-markdown pre{border-radius:8px;overflow-x:auto}.message-markdown pre code{font-family:JetBrains Mono,Fira Code,monospace,Cascadia Code;font-size:13px;line-height:1.5}.message-markdown code:not(pre code){color:#c4b5fd;background:#6366f11f;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em}.code-copy-btn{color:#94a3b8;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e1e2ed9;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:#c4b5fd;background:#6366f133;border-color:#6366f14d}.code-copy-btn.is-copied{opacity:1;color:#4ade80;border-color:#4ade804d}.benchmark-panel span{color:#0f6fff;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:650}.generated-pulse{animation:.38s both generatedIn}@keyframes generatedIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.output-panel pre{white-space:pre-wrap;color:#dbeafe;background:linear-gradient(#ffffff0a,#fff0),#111827;border:1px solid #ffffff14;border-radius:0;min-height:100%;margin:0;padding:18px 20px;font-size:12px;line-height:1.65;overflow:visible}.html-preview-trigger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:12.5px;font-weight:650;transition:opacity .14s,transform .12s,box-shadow .14s;display:inline-flex;box-shadow:0 2px 8px #6366f152}.html-preview-trigger:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #6366f16b}.html-preview-trigger:active{transform:translateY(0)}.message-actions{opacity:0;gap:2px;margin-top:6px;transition:opacity .15s;display:flex}.message-actions button{color:#8b92a0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .12s;display:flex}.message-actions button:hover{color:#6366f1;background:#6366f11a;border-color:#6366f133}.message-actions button.is-copied{color:#10b981}.settings-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:14px;margin:0 10px;padding:16px;display:grid}.settings-panel h4{color:#c1c8d6;letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-row span{color:#9aa3b4;font-size:13px;font-weight:500}.settings-row select{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;width:auto;min-width:140px;padding:6px 10px;font-size:12px}.settings-danger-btn{color:#f87171;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.settings-danger-btn:hover{background:#ef44442e;border-color:#ef444480}.new-chat-link{border-bottom:1px solid #6366f126!important;margin-bottom:4px!important;padding-bottom:10px!important}.result-message{width:100%;max-width:none;min-height:0;box-shadow:none;background:0 0;border:0;flex:none;padding:0;display:flex;overflow:visible}.result-message .output-panel{background:0 0;border:0;flex:1;min-height:0;margin-top:0;padding:0;overflow:visible}.builder-result-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;width:100%;min-height:0;display:grid}.builder-main-panel{background:#1e1e22;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 14px 36px #00000040}.result-toolbar{box-shadow:none;background:#fff;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.result-toolbar div{align-items:center;gap:8px;min-width:0;display:flex}.result-toolbar strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-toolbar span{color:#8a96a8;flex:none}.result-toolbar .target-pill{color:#6366f1;text-overflow:ellipsis;white-space:nowrap;background:#6366f10f;border:1px solid #6366f12e;border-radius:999px;align-items:center;gap:5px;max-width:170px;padding:5px 10px;font-size:12px;font-weight:650;display:inline-flex;overflow:hidden}.result-toolbar nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.result-toolbar button{color:#68758b;background:#fff;border:1px solid #edf0f5;border-radius:9px;align-items:center;gap:5px;padding:7px 11px;font-size:12.5px;font-weight:600;transition:background .14s,color .14s,border-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 1px 4px #1928480a}.result-toolbar button:hover{color:#4f46e5;background:#6366f10a;border-color:#6366f14d;box-shadow:0 2px 8px #6366f11a}.result-toolbar button.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#0000;box-shadow:0 2px 8px #6366f147}.toolbar-btn-icon{border-color:#edf0f5!important}.toolbar-btn-icon.is-copied{color:#0d7a6e!important;background:#14b8a614!important;border-color:#14b8a64d!important}.live-badge{background:#dcfce7;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;color:#16a34a!important}.design-status-badge{background:#dcfce7;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;color:#15803d!important}.design-status-badge.edited{background:#fef3c7;color:#92400e!important}.validation-summary{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.validation-summary strong{color:#0f172a;font-weight:700}.validation-summary.is-good strong{color:#15803d}.validation-summary.is-warning strong{color:#b45309}.validation-summary.is-danger strong{color:#b91c1c}.validation-summary span,.validation-summary em{background:#fff;border:1px solid #dbe4ef;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-style:normal;display:inline-flex}.validation-summary em{color:#b45309;max-width:100%}.doc-icon{color:#e56a3c;background:#fff3ed;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.thinking-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1b32b3;border:1px solid #6366f126;border-radius:999px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:10px 16px;display:inline-flex;box-shadow:0 1px 6px #6366f114}.thinking-row span{background:#6366f1;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite thinkingDot}.thinking-row span:nth-child(2){animation-delay:.18s}.thinking-row span:nth-child(3){animation-delay:.36s}.thinking-row p{color:#6366f1;letter-spacing:.01em;margin:0;font-size:13px;font-weight:500}@keyframes thinkingDot{0%,80%,to{opacity:.25;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.streaming-dots{align-items:center;gap:5px;padding:4px 0;display:inline-flex}.streaming-dots span{background:#6366f1;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite thinkingDot}.streaming-dots span:nth-child(2){animation-delay:.18s}.streaming-dots span:nth-child(3){animation-delay:.36s}@keyframes streamCursor{0%,to{opacity:1}50%{opacity:0}}.chat-empty-state{text-align:center;opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.chat-empty-icon{color:#818cf8;opacity:.5}.chat-empty-title{color:#e2e8f0;margin:0;font-size:15px;font-weight:650}.chat-empty-hint{color:#94a3b8;max-width:320px;margin:0;font-size:13px;line-height:1.55}.chat-empty-hint strong{color:#c4b5fd}.message-attachments{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.attachment-image-wrap,.attachment-video-wrap{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;max-width:320px;display:flex;position:relative;overflow:hidden}.attachment-image{object-fit:cover;cursor:pointer;border-radius:8px 8px 0 0;width:100%;max-height:280px;transition:filter .15s;display:block}.attachment-image:hover{filter:brightness(1.08)}.attachment-video{background:#000;border-radius:8px 8px 0 0;width:100%;max-height:280px;display:block}.attachment-name{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;font-size:11px;display:block;overflow:hidden}.attachment-file-chip{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.attachment-file-chip svg{color:#818cf8;flex-shrink:0}.attachment-file-chip small{color:#94a3b8;font-size:11px;font-weight:400}.message.user .message-attachments{justify-content:flex-end}.message.user .attachment-image-wrap,.message.user .attachment-video-wrap{background:#6366f114;border-color:#6366f133}.message.user .attachment-name{color:#fff9}.message.user .attachment-file-chip{color:#fff;background:#6366f11f;border-color:#6366f140}.message.user .attachment-file-chip svg{color:#ffffffb3}.message.user .attachment-file-chip small{color:#ffffff80}.composer-attachments{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.composer-attachment-thumb{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.composer-attachment-thumb img,.composer-attachment-thumb video{object-fit:cover;width:100%;height:100%}.composer-attachment-thumb .attachment-file-icon{color:#818cf8;place-items:center;width:100%;height:100%;display:grid}.attachment-remove{color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:none;border-radius:50%;place-items:center;width:20px;height:20px;transition:opacity .12s,background .12s;display:grid;position:absolute;top:2px;right:2px}.composer-attachment-thumb:hover .attachment-remove{opacity:1}.attachment-remove:hover{background:#ef4444cc}.chat-composer.drag-over .composer-box{background:#6366f114;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133,0 18px 54px #00000059}.welcome-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:48px 24px 32px;display:flex}.welcome-brand-icon{color:#a78bfa;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.welcome-title{background:linear-gradient(135deg,#c084fc,#818cf8,#6366f1);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:42px;font-weight:800;line-height:1.15}.welcome-sparkle{-webkit-text-fill-color:initial;background:0 0;display:inline}.welcome-subtitle{color:#94a3b8;max-width:440px;margin:4px 0 24px;font-size:15px;line-height:1.5}.welcome-cards{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:700px;display:grid}.welcome-card{color:#e2e8f0;text-align:left;cursor:pointer;background:#8b5cf60f;border:1px solid #8b5cf626;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;transition:background .2s,border-color .2s,transform .15s;display:flex;position:relative}.welcome-card:hover{background:#8b5cf61f;border-color:#8b5cf659;transform:translateY(-2px)}.welcome-card:hover .welcome-card-arrow{opacity:1}.welcome-card h3{color:#f1f5f9;margin:4px 0 0;font-size:13px;font-weight:650}.welcome-card p{color:#94a3b8;margin:0;font-size:11px;line-height:1.4}.welcome-card-icon{color:#a78bfa;background:#8b5cf626;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.welcome-card-arrow{color:#6366f1;opacity:.5;font-size:16px;position:absolute;top:16px;right:14px}@media (max-width:700px){.welcome-cards{grid-template-columns:repeat(2,1fr)}.welcome-title{font-size:28px}}.plan-card-badge{color:#a78bfa;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.chat-composer{z-index:5;background:0 0;flex:none;gap:6px;width:100%;max-width:920px;margin:0 auto;padding:18px 0;display:grid;position:sticky;bottom:0}.chat-composer.is-generating .send-button{background:#6b7280}.composer-box{background:#26262af2;border:1px solid #ffffff1a;border-radius:28px;gap:10px;padding:16px 18px 12px;display:grid;box-shadow:0 18px 54px #00000059}.composer-box textarea{resize:none;color:#e2e8f0;background:0 0;border:0;border-radius:0;outline:none;min-height:44px;max-height:140px;padding:4px 2px;font-size:15px}.composer-box textarea::placeholder{color:#6b7280}.composer-input-row{min-width:0}.composer-icon,.send-button,.design-md-send-button{border:0;place-items:center;height:34px;display:grid}.composer-icon,.send-button{border-radius:50%;width:34px}.composer-icon{color:#94a3b8;background:0 0;font-size:24px}.send-button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);font-weight:650}.send-button:disabled{cursor:not-allowed;opacity:.45}.design-md-send-button{color:#c4c9d4;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;width:auto;padding:0 12px;font-size:12px;font-weight:800}.design-md-send-button:hover{color:#5eead4;border-color:#5eead4}.design-md-send-button:disabled{cursor:not-allowed;opacity:.48}.send-bars{align-items:center;gap:2px;height:16px;display:inline-flex}.send-bars i{background:currentColor;border-radius:999px;width:3px}.send-bars i:first-child{height:8px}.send-bars i:nth-child(2){height:14px}.send-bars i:nth-child(3){height:10px}.composer-bottom-row{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.composer-controls{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.composer-dropdown{flex:0 auto;min-width:0;position:relative}.composer-dropdown>button{color:#c4c9d4;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;max-width:190px;min-height:34px;padding:6px 10px 6px 12px;font-size:13px;line-height:1.4;display:inline-flex}.composer-dropdown>button:hover,.composer-dropdown>button[aria-expanded=true]{background:#ffffff1f}.composer-dropdown>button>span{color:#94a3b8;font-size:14px}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tool-dropdown{flex:none}.tool-dropdown>.composer-icon{justify-content:center;width:34px;min-height:34px;padding:0}.composer-menu{z-index:20;background:#2a2a2e;border:1px solid #ffffff1a;border-radius:14px;width:max-content;min-width:190px;max-height:260px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 48px #0006}.composer-menu button{color:#c4c9d4;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;min-height:34px;padding:7px 10px;display:flex}.composer-menu button:hover,.composer-menu button.selected{color:#a5b4fc;background:#6366f126}.composer-menu button.selected:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-left:16px}.tools-menu{min-width:190px}.tools-menu button{justify-content:flex-start;gap:10px}.design-menu{width:min(420px,100vw - 36px);max-height:420px}.design-menu .composer-search{z-index:1;background:#2a2a2e;border-bottom:1px solid #ffffff14;margin:-6px -6px 6px;padding:10px;position:sticky;top:0}.design-menu .composer-search input{border-radius:10px;padding:10px 11px;font-size:13px}.design-menu button{gap:12px}.design-menu button span{text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.design-menu button em{color:#94a3b8;background:#ffffff14;border-radius:999px;flex:none;padding:3px 6px;font-size:10px;font-style:normal;font-weight:800}.design-menu button small{color:#94a3b8;flex:none;font-size:11px}.composer-empty{color:#94a3b8;margin:8px 6px 6px;font-size:13px}.tool-menu-icon{color:#c4c9d4;place-items:center;width:20px;height:20px;font-size:15px;display:grid}.composer-actions{flex:none;align-items:center;gap:12px;display:flex}.composer-actions>span{color:#8a8f98;white-space:nowrap;font-size:13px}.model-dropdown{position:relative}.model-dropdown .model-selector-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#1e293b99;border:1px solid #94a3b826;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.model-dropdown .model-selector-btn:hover{background:#1e293be6;border-color:#8b5cf64d}.model-dropdown .model-selector-btn svg:first-child{color:#a78bfa}.model-dropdown .model-menu{z-index:100;background:#1e293b;border:1px solid #94a3b826;border-radius:10px;min-width:200px;padding:6px;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.model-dropdown .model-menu .model-group-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 10px 4px;font-size:10px;font-weight:700;display:flex}.model-dropdown .model-menu .model-group-label:not(:first-child){border-top:1px solid #94a3b81a;margin-top:4px;padding-top:8px}.model-dropdown .model-menu .model-group-label svg{color:#8b5cf6}.model-dropdown .model-menu button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:12px;transition:background .12s;display:flex}.model-dropdown .model-menu button:hover{background:#94a3b81a}.model-dropdown .model-menu button.selected{color:#a78bfa;background:#8b5cf626}.model-dropdown .model-menu button small{color:#64748b;font-size:10px}.web-preview{background:#fbfcff;border:0;border-radius:0;overflow:hidden}.design-md-site-preview{color:#111827;background:#f8fafc;gap:0;display:grid}.design-md-site-preview.dark{color:#f8fafc;background:#070b12}.design-md-site-preview.dark .design-md-detail-hero{background:radial-gradient(circle at 80% 0,#14b8a62e,#0000 34%),#0b1120;border-color:#94a3b833}.design-md-site-preview.dark .design-md-detail-hero p{color:#cbd5e1}.design-md-site-preview.dark .usage-card{background:#111827;border-color:#94a3b83d}.design-md-site-preview.dark .usage-card code{color:#e2e8f0}.design-md-site-preview.dark .design-md-preview-frame{box-shadow:none;background:#0f172a;border-color:#94a3b838}.design-md-site-preview.dark .design-md-preview-frame aside{background:#0b1120;border-color:#94a3b82e}.design-md-site-preview.dark .design-md-preview-frame aside button{color:#cbd5e1}.design-md-site-preview.dark .design-md-preview-frame aside button:hover{color:#7dd3fc;background:#0ea5e929}.design-md-site-preview.dark .preview-frame-topbar{border-color:#94a3b82e}.design-md-site-preview.dark .preview-frame-content>p{color:#cbd5e1}.design-md-site-preview.dark .markdown-document-section{background:#111827;border-color:#94a3b82e}.design-md-site-preview.dark .markdown-document-section p,.design-md-site-preview.dark .markdown-document-section ul{color:#cbd5e1}.design-md-site-preview.dark .theme-toggle{background:#111827;border-color:#94a3b83d}.design-md-site-preview.dark .theme-toggle button.active{color:#0f172a;background:#f8fafc}.design-md-site-preview.dark .type-sample,.design-md-site-preview.dark .component-sample,.design-md-site-preview.dark .catalog-columns>div,.design-md-site-preview.dark .preview-grid div{background:#111827;border-color:#94a3b82e}.design-md-site-preview.dark .type-sample h3,.design-md-site-preview.dark .catalog-header strong{color:#f8fafc}.design-md-site-preview.dark .type-sample p,.design-md-site-preview.dark .catalog-columns p{color:#cbd5e1}.design-md-detail-hero{background:radial-gradient(circle at 80% 0,#0f766e24,#0000 34%),#fff;border-bottom:1px solid #e2e8f0;gap:18px;padding:46px 38px 34px;display:grid}.design-md-detail-hero h2{max-width:760px;color:inherit;letter-spacing:0;margin:0;font-size:clamp(34px,5vw,62px);line-height:1.02}.design-md-detail-hero p{color:#475569;max-width:780px;margin:0;line-height:1.7}.preview-kicker,.preview-label,.design-md-detail-hero .usage-card span,.preview-section-toolbar span,.editor-header span{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.usage-card{background:#f8fafc;border:1px solid #dce5f2;border-radius:12px;gap:8px;width:min(680px,100%);padding:16px;display:grid}.usage-card code{color:#0f172a;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;display:block;overflow-x:auto}.repository-link{color:#0f766e;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:800;text-decoration:none}.repository-link:hover{text-decoration:underline}.preview-disclaimer{font-size:13px}.design-md-preview-section{gap:18px;padding:26px;display:grid}.preview-section-toolbar,.editor-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-section-toolbar>div:first-child,.preview-section-toolbar>div,.editor-header>div:first-child,.editor-header>div{gap:4px;display:grid}.preview-section-toolbar strong,.editor-header strong{color:inherit;font-size:22px}.theme-toggle{background:#fff;border:1px solid #dce5f2;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.theme-toggle button{color:#64748b;background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.theme-toggle button.active{color:#fff;background:#0f172a}.design-md-preview-frame{background:#fff;border:1px solid #dce5f2;border-radius:18px;grid-template-columns:220px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 18px 45px #0f172a14}.design-md-preview-frame aside{background:#f8fafc;border-right:1px solid #e2e8f0;align-content:start;gap:8px;padding:18px;display:grid}.design-md-preview-frame aside strong{color:inherit;margin-bottom:12px}.design-md-preview-frame aside button{color:#64748b;text-align:left;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:650}.design-md-preview-frame aside button:hover,.design-md-preview-frame aside button:nth-child(2){color:#0369a1;background:#e0f2fe}.design-md-preview-frame main{min-width:0}.preview-frame-topbar{border-bottom:1px solid #e2e8f0;align-items:center;gap:7px;padding:12px 16px;display:flex}.preview-frame-topbar span{background:#ef4444;border-radius:50%;width:10px;height:10px}.preview-frame-topbar span:nth-child(2){background:#f59e0b}.preview-frame-topbar span:nth-child(3){background:#22c55e}.preview-frame-topbar b{color:#64748b;margin-left:auto;font-size:12px}.preview-frame-content{gap:18px;padding:22px;display:grid}.preview-frame-content h3{color:inherit;margin:0;font-size:32px;line-height:1.1}.preview-frame-content>p{color:#475569;margin:0;line-height:1.65}.markdown-document-sections{gap:14px;display:grid}.markdown-document-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;scroll-margin-top:18px}.markdown-document-section>span{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-flex}.markdown-document-section h4{color:inherit;margin:14px 0 8px;font-size:18px}.markdown-document-section p{color:#475569;margin:8px 0 0;line-height:1.65}.markdown-document-section ul{color:#475569;margin:8px 0 0;padding-left:20px;line-height:1.65}.markdown-document-section pre{color:#e2e8f0;background:#0f172a;border-radius:10px;margin:10px 0 0;padding:12px;font-size:12px;line-height:1.55;overflow-x:auto}.design-md-editor{background:#f8fafc;gap:14px;padding:18px;display:grid}.editor-header{background:#fff;border:1px solid #dce5f2;border-radius:14px;padding:14px 16px}.editor-header nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-header button{color:#334155;background:#fff;border:1px solid #dce5f2;border-radius:8px;padding:8px 12px;font-weight:700}.editor-header .save-button{color:#fff;background:#0f766e;border-color:#0f766e}.save-status{color:#16a34a;font-size:12px;font-weight:700}.design-md-editor textarea{color:#e2e8f0;resize:vertical;background:#0f172a;border:1px solid #dce5f2;border-radius:14px;min-height:620px;padding:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.65}.browser-bar{border-bottom:1px solid #e4e8f0;gap:6px;padding:12px;display:flex}.browser-bar span{background:#a9b7cc;border-radius:50%;width:10px;height:10px}.preview-hero{color:#fff;background:linear-gradient(135deg,#101827f5,#132848f0),#101827;padding:34px}.preview-hero h2{max-width:560px;margin:8px 0 18px;font-size:42px;font-weight:640}.preview-hero span{color:#a8c7ff;margin-bottom:16px;display:inline-flex}.preview-hero button{color:#fff;background:#0f6fff;border:0;border-radius:8px;padding:11px 14px;font-weight:650}.benchmark-panel{background:#fff;border-bottom:1px solid #e4e8f0;gap:10px;padding:18px;display:grid}.benchmark-panel>div:first-child{justify-content:space-between;align-items:center;display:flex}.benchmark-panel strong{font-size:24px;font-weight:650}.design-catalog{background:linear-gradient(#fffffff5,#f8fbfff5),#fff;border-bottom:1px solid #e4e8f0;gap:18px;padding:18px;display:grid}.catalog-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.catalog-header span,.catalog-header+.catalog-columns span,.catalog-header~.type-sample span,.catalog-header~.component-sample span{color:#0f6fff;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:650}.catalog-header strong{color:#182235;font-size:20px;font-weight:650}.catalog-columns span,.type-sample span,.component-sample span{color:#0f6fff;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:650}.palette-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.palette-strip div{border:1px solid #1220381f;border-radius:8px;align-items:end;min-height:76px;display:flex;overflow:hidden}.palette-strip span{color:#182235;background:#ffffffd6;width:100%;padding:7px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.catalog-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:14px;display:grid}.type-sample,.component-sample,.catalog-columns>div{background:#fff;border:1px solid #e0e6f0;border-radius:8px;padding:14px}.type-sample h3{color:#182235;letter-spacing:0;margin:8px 0;font-size:28px;font-weight:620}.type-sample p{color:#53627a;margin:7px 0 0;line-height:1.55}.catalog-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.catalog-columns p{color:#53627a;margin:7px 0 0;line-height:1.55}.sample-controls{gap:10px;margin-top:12px;display:grid}.sample-controls button{color:#31405d;background:#fff;border:1px solid #d6ddea;border-radius:8px;min-height:38px;font-weight:600}.sample-controls button:first-child{color:#fff;background:#0f6fff;border-color:#0f6fff}.sample-controls label{font-size:12px}.benchmark-row{color:#4b5b73;grid-template-columns:110px minmax(0,1fr) 34px;align-items:center;gap:10px;font-size:13px;display:grid}.benchmark-row div{background:#eef3f9;border-radius:99px;height:8px;overflow:hidden}.benchmark-row i{border-radius:inherit;background:linear-gradient(90deg,#0f6fff,#27c5a8);height:100%;display:block}.benchmark-row b{text-align:right;font-weight:600}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.preview-grid div{background:#fff;border:1px solid #e0e6f0;border-radius:8px;min-height:96px;padding:14px}@media (max-width:860px){.landing-nav,.landing-hero{padding-left:20px;padding-right:20px}.landing-hero,.mockup-grid,.feature-grid,.how-grid,.template-library-heading,.template-library-grid,.router-heading,.service-grid,.gallery-grid,.dark-demo,.dark-demo>div:last-child,.workspace-shell,.builder-result-grid,.preview-grid,.catalog-grid,.catalog-columns,.composer-controls{grid-template-columns:1fr}.landing-nav nav{display:none}.landing-nav{align-items:flex-start;padding:14px 20px}.landing-nav>div{flex-shrink:0}.landing-hero,.landing-section{padding-left:20px;padding-right:20px}.landing-metrics,.router-stats{grid-template-columns:1fr}.mockup-grid pre{border-bottom:1px solid #ffffff1a;border-right:0;min-height:260px}.landing-auth-card{border-radius:28px;padding:26px}.palette-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-sidebar{min-height:auto}.chat-workspace{height:100%;min-height:0}.composer-bottom-row{flex-direction:column;align-items:stretch}.composer-controls{flex-wrap:wrap}.composer-dropdown{flex:160px}.composer-dropdown>button{width:100%;max-width:none}.composer-actions{justify-content:flex-end}}.template-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.template-popup{background:#1a1d23;border:1px solid #2d3139;border-radius:16px;flex-direction:column;width:min(900px,92vw);max-height:85vh;animation:.2s slideUp;display:flex;box-shadow:0 24px 64px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.template-popup-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.template-popup-header h3{color:#f1f3f5;font-size:18px;font-weight:700}.template-popup-close{color:#9aa3b0;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.template-popup-close:hover{color:#f1f3f5;background:#2d3139}.template-popup-search{padding:16px 24px 0}.template-popup-search input{color:#f1f3f5;background:#12141a;border:1px solid #2d3139;border-radius:10px;outline:none;width:100%;padding:10px 16px;font-size:14px;transition:border-color .15s}.template-popup-search input:focus{border-color:#0f766e}.template-popup-filters{flex-direction:column;gap:8px;padding:12px 24px 0;display:flex}.template-popup-filters .template-priority-tabs{gap:6px}.template-popup-filters .template-category-chips{flex-wrap:wrap;gap:4px}.template-popup-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:16px 24px 24px;display:grid;overflow-y:auto}.template-popup-card{background:#12141a;border:1px solid #2d3139;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.template-popup-card:hover{border-color:#0f766e;box-shadow:0 0 0 1px #0f766e33}.template-popup-card h4{color:#f1f3f5;margin:6px 0 0;font-size:14px;font-weight:600}.template-popup-card p{color:#9aa3b0;font-size:12px;line-height:1.4}.template-popup-card .template-card-meta{color:#6b7280;gap:8px;font-size:11px;display:flex}.template-popup-card button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;margin-top:auto;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s}.template-popup-card button:hover{background:#0d9488}.template-popup-priority{color:#10b981;text-transform:uppercase;letter-spacing:.04em;background:#0f766e22;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.template-popup-empty{text-align:center;color:#6b7280;grid-column:1/-1;padding:40px}.hidden-panel{display:none!important}.checklist-content-panel{color:#e8eaf0;background:#0d0f14;flex-direction:column;flex:1;display:flex;overflow:hidden}.checklist-content-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.checklist-content-header h2{color:#f1f3f5;margin:0;font-size:20px;font-weight:700}.checklist-subtitle{color:#9aa0b8;font-size:13px}.btn-setup{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.btn-setup:hover{background:#8b84ff}.checklist-score-card{background:#1a1e28;border:1px solid #ffffff12;border-radius:12px;flex-shrink:0;align-items:center;gap:24px;margin:0 20px 12px;padding:16px 20px;display:flex}.score-circle{flex-shrink:0}.score-bars{flex:1;grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.score-bar-row{color:#9aa0b8;align-items:center;gap:8px;font-size:12px;display:flex}.score-bar-row span:first-child{flex-shrink:0;width:90px}.score-bar-track{background:#252a3a;border-radius:3px;flex:1;height:6px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%;transition:width .3s}.score-bar-val{text-align:right;width:32px;font-size:11px;font-weight:600}.checklist-filter-bar{flex-shrink:0;align-items:center;gap:12px;padding:0 20px 10px;display:flex}.checklist-search-input{color:#e8eaf0;background:#1a1e28;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:0 0 220px;padding:7px 12px;font-size:13px}.checklist-search-input:focus{border-color:#6c63ff}.checklist-filter-tabs{gap:4px;display:flex}.checklist-filter-tabs button{color:#9aa0b8;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s}.checklist-filter-tabs button.active{color:#fff;background:#6c63ff;border-color:#6c63ff}.checklist-filter-tabs button:hover:not(.active){background:#ffffff0d}.checklist-cat-dropdown{color:#e8eaf0;background:#1a1e28;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:13px}.checklist-table-wrapper{flex:1;padding:0 20px;overflow-y:auto}.checklist-table{border-collapse:collapse;width:100%;font-size:13px}.checklist-table thead th{text-align:left;color:#9aa0b8;text-transform:uppercase;letter-spacing:.04em;z-index:1;background:#13161e;border-bottom:1px solid #ffffff12;padding:10px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.checklist-table tbody tr{cursor:pointer;border-bottom:1px solid #ffffff0a;transition:background .12s}.checklist-table tbody tr:hover{background:#252a3a}.checklist-table td{color:#c5cbd3;vertical-align:middle;padding:10px 8px}.col-stt{color:#5c6378;width:40px;font-size:12px}.col-cat strong{color:#e8eaf0;font-size:13px}.col-cat .section-name{color:#6c7293;font-size:11px}.col-score{font-size:13px;font-weight:700}.col-desc{color:#9aa0b8;max-width:200px;font-size:12px}.badge-type{border-radius:4px;padding:2px 7px;font-family:monospace;font-size:11px;font-weight:600}.badge-ui{color:#8b84ff;background:#6c63ff33}.badge-ux{color:#00c9a7;background:#00c9a733}.status-pass{color:#22c55e;font-size:12px;font-weight:600}.status-fail{color:#ef4444;font-size:12px;font-weight:600}.status-warn{color:#f59e0b;font-size:12px;font-weight:600}.status-untested{color:#5c6378;font-size:12px;font-weight:600}.checklist-source-bar{flex-shrink:0;align-items:center;gap:8px;padding:8px 20px 4px;display:flex}.source-pill{color:#9aa0b8;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.source-pill:hover{background:#ffffff0d}.source-pill.active{color:#e8eaf0;background:#6c63ff26;border-color:#6c63ff}.source-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.source-count{opacity:.7;font-size:11px;font-weight:600}.source-badge{letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:10px;font-weight:700;display:inline-block}.comp-tag{color:#b0b8cc;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:4px;max-width:140px;padding:2px 8px;font-family:monospace;font-size:12px;display:inline-block;overflow:hidden}.tag-req{color:#f87171;background:#ef444426;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tag-opt{color:#94a3b8;background:#64748b26;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.col-criterion{color:#e0e4ec;max-width:240px;font-size:13px;line-height:1.4}.col-expected{color:#9aa0b8;max-width:180px;font-size:12px;line-height:1.3}.row-note{color:#6c7293;margin-top:2px;font-size:11px;display:block}.row-untested td{opacity:.65}.row-untested:hover td{opacity:1}.status-select{cursor:pointer;background:#12141a;border:1px solid #ffffff14;border-radius:6px;outline:none;padding:3px 6px;font-size:12px;font-weight:600;transition:border-color .12s}.status-select:focus{border-color:#6c63ff}.status-select.status-pass{color:#22c55e}.status-select.status-fail{color:#ef4444}.status-select.status-warn{color:#f59e0b}.status-select.status-untested{color:#5c6378}.score-input{color:#e8eaf0;text-align:center;background:#12141a;border:1px solid #ffffff14;border-radius:6px;outline:none;width:52px;padding:3px 6px;font-size:13px;font-weight:700;transition:border-color .12s}.score-input:focus{border-color:#6c63ff}.score-input.status-pass{color:#22c55e}.score-input.status-fail{color:#ef4444}.score-input.status-warn{color:#f59e0b}.score-input.status-untested{color:#5c6378}.checklist-result-count{color:#6c7293;white-space:nowrap;margin-left:auto;font-size:12px}.score-source-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px;display:grid}.score-source-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.score-source-item .source-dot{width:10px;height:10px}.score-source-label{color:#9aa0b8;font-size:12px;font-weight:500}.score-source-value{color:#e8eaf0;margin-left:auto;font-size:13px;font-weight:700}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px;display:grid}.preset-card{cursor:pointer;background:#12141a;border:1px solid #ffffff14;border-radius:10px;padding:12px;transition:all .15s}.preset-card:hover{background:#6c63ff0f;border-color:#6c63ff}.preset-card.active{background:#6c63ff1a;border-color:#6c63ff}.preset-card h5{color:#f1f3f5;margin:0 0 4px;font-size:13px;font-weight:600}.preset-card p{color:#9aa0b8;margin:0;font-size:11px;line-height:1.3}.preset-sources{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.preset-sources .source-badge{padding:1px 6px;font-size:9px}.checklist-empty{text-align:center;color:#5c6378;padding:40px!important}.checklist-pagination{color:#9aa0b8;border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;display:flex}.pagination-per-page{align-items:center;gap:6px;display:flex}.pagination-per-page select{color:#e8eaf0;background:#1a1e28;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:12px}.pagination-nav{gap:4px;display:flex}.pagination-nav button{color:#9aa0b8;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;min-width:28px;height:28px;padding:0 6px;font-size:12px}.pagination-nav button.active{color:#fff;background:#6c63ff;border-color:#6c63ff}.pagination-nav button:disabled{opacity:.3;cursor:default}.setup-modal{background:#1a1d23;border:1px solid #2d3139;border-radius:16px;flex-direction:column;width:min(700px,92vw);max-height:85vh;animation:.2s slideUp;display:flex;box-shadow:0 24px 64px #00000080}.setup-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.setup-modal-header h3{color:#f1f3f5;font-size:18px;font-weight:700}.setup-modal-tabs{border-bottom:1px solid #ffffff12;gap:0;padding:16px 24px 0;display:flex}.setup-modal-tabs button{color:#9aa0b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.setup-modal-tabs button.active{color:#f1f3f5;border-bottom-color:#6c63ff}.setup-mtabs{background:#1a1e28;border-radius:8px;gap:2px;margin:16px 24px 0;padding:3px;display:flex}.setup-mtabs button{text-align:center;color:#9aa0b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px;font-size:12px;transition:all .15s}.setup-mtabs button.active{color:#f1f3f5;background:#252a3a;font-weight:500}.setup-mtabs button:hover:not(.active){color:#e8eaf0}.conn-item{background:#12141a;border:1px solid #ffffff12;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:13px;display:flex}.conn-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.ci-figma{color:#a259ff;background:#a259ff33}.ci-pw{color:#f59e0b;background:#f59e0b33}.ci-db{color:#00c9a7;background:#00c9a733}.conn-body{flex:1}.conn-name{color:#f1f3f5;margin-bottom:2px;font-size:14px;font-weight:600}.conn-desc{color:#9aa0b8;margin-bottom:8px;font-size:11px}.conn-input{color:#e8eaf0;background:#1a1e28;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:6px 10px;font-size:11px}.conn-input:focus{border-color:#6c63ff}.conn-status{align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.cs-ok{color:#22c55e}.cs-error{color:#ef4444}.cs-pending{color:#f59e0b}.cs-checking{color:#6c63ff}.drop-zone{text-align:center;color:#5c6378;cursor:pointer;border:2px dashed #ffffff21;border-radius:8px;padding:24px;transition:all .15s}.drop-zone:hover{color:#9aa0b8;background:#6c63ff0a;border-color:#6c63ff}.btn-detail{color:#9aa0b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:3px 10px;font-size:11px;transition:all .12s}.btn-detail:hover{color:#e8eaf0;background:#6c63ff1a;border-color:#6c63ff}.setup-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.setup-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.setup-field span{color:#9aa0b8;font-size:12px;font-weight:600}.setup-field input,.setup-field select{color:#e8eaf0;background:#12141a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.setup-field input:focus,.setup-field select:focus{border-color:#6c63ff}.setup-field-row{gap:14px;display:flex}.setup-field-row .setup-field{flex:1}.setup-info{color:#9aa0b8;margin-bottom:16px;font-size:13px}.setup-criteria-table{border-collapse:collapse;width:100%;font-size:13px}.setup-criteria-table th{text-align:left;color:#9aa0b8;border-bottom:1px solid #ffffff12;padding:8px;font-size:11px}.setup-criteria-table td{color:#c5cbd3;border-bottom:1px solid #ffffff0a;padding:8px}.btn-trash{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:14px;transition:opacity .15s}.btn-trash:hover{opacity:1}.setup-connection-card{background:#12141a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:14px;margin-bottom:10px;padding:16px;display:flex}.setup-connection-card h5{color:#f1f3f5;margin:0;font-size:14px;font-weight:600}.setup-connection-card p{color:#9aa0b8;margin:2px 0 0;font-size:12px}.connection-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.connection-icon.figma{color:#a259ff;background:#1e1e1e}.connection-icon.playwright{color:#45ba4b;background:#2d4a22}.connection-icon.db{color:#3ecf8e;background:#1a3a4a}.connection-status{white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.connection-status.connected{color:#22c55e}.connection-status.disconnected{color:#9aa0b8}.setup-modal-footer{border-top:1px solid #ffffff12;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.btn-outline{color:#e8eaf0;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:8px 16px;font-size:13px}.btn-outline:hover{background:#ffffff0d}.btn-primary{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.btn-primary:hover{background:#8b84ff}.checklist-header-actions{align-items:center;gap:8px;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast-item{color:#e8eaf0;pointer-events:auto;background:#1a1e28;border-left:3px solid;border-radius:10px;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 16px;font-size:13px;animation:.3s toastSlideUp;display:flex;box-shadow:0 8px 24px #0006}.toast-success{border-left-color:#00c9a7}.toast-error{border-left-color:#ef4444}.toast-warn{border-left-color:#f59e0b}.toast-info{border-left-color:#6c63ff}.toast-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px;font-weight:700}.toast-success .toast-icon{color:#00c9a7}.toast-error .toast-icon{color:#ef4444}.toast-warn .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#6c63ff}.toast-close{color:#5c6378;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 2px;font-size:16px}.toast-close:hover{color:#e8eaf0}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.detail-modal{background:#14161e;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:680px;max-width:95vw;max-height:85vh;animation:.2s modalScale;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}.detail-modal .setup-mtabs{margin:0 24px}.detail-modal>div:last-child{flex:1;padding:20px 24px 24px;overflow-y:auto}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.detail-modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.detail-modal-header h3{color:#f1f3f5;margin:0;font-size:16px;font-weight:700}.detail-modal-header button{color:#5c6378;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px}.detail-modal-header button:hover{color:#e8eaf0;background:#ffffff0f}.detail-info-grid{grid-template-columns:200px 1fr;align-items:start;gap:20px;display:grid}.detail-img-placeholder{aspect-ratio:4/3;color:#5c6378;text-align:center;background:#1a1e28;border:1px dashed #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;font-size:13px;display:flex}.detail-info-table{flex-direction:column;gap:0;display:flex}.detail-info-row{color:#e8eaf0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.detail-info-row:last-child{border-bottom:none}.detail-info-row>span:first-child{color:#7a829e;flex-shrink:0;min-width:90px;font-weight:500}.detail-info-row>span:last-child,.detail-info-row>strong{text-align:right}.detail-compare-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-compare-grid .detail-img-placeholder{aspect-ratio:16/10}.report-metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.report-metric{text-align:center;background:#1a1e28;border:1px solid #ffffff0f;border-radius:10px;padding:16px 14px}.report-metric-val{margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.1}.report-metric-label{color:#7a829e;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.report-issue-row{color:#e8eaf0;background:#1a1e28;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:13px;display:flex}.report-issue-row .source-badge{border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.report-section-title{color:#f1f3f5;margin:20px 0 10px;font-size:14px;font-weight:600}.report-section-title:first-of-type{margin-top:0}.badge-type{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.badge-visual{color:#6c63ff;background:#6c63ff22}.badge-typo{color:#0ea5e9;background:#0ea5e922}.badge-a11y{color:#f59e0b;background:#f59e0b22}.badge-interaction{color:#ec4899;background:#ec489922}.badge-layout{color:#14b8a6;background:#14b8a622}.status-pass{color:#22c55e}.status-fail{color:#ef4444}.status-warn{color:#f59e0b}.status-untested{color:#5c6378}@media (max-width:700px){.detail-modal{width:98vw}.detail-info-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.template-popup{border-radius:12px;width:96vw;max-height:90vh}.template-popup-grid{grid-template-columns:1fr}.toast-container{bottom:12px;left:12px;right:12px}.toast-item{min-width:auto}}.compare-panel{background:#14161e;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.compare-panel.compare-fullscreen{z-index:9000;border-radius:0;position:fixed;top:0;bottom:0;left:0;right:0}.compare-toolbar{border-bottom:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.compare-mode-tabs{background:#ffffff0a;border-radius:8px;gap:4px;padding:3px;display:flex}.compare-mode-tabs button{color:#7a829e;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.compare-mode-tabs button.active{color:#fff;background:#6c63ff}.compare-actions{align-items:center;gap:8px;display:flex}.compare-actions button{color:#e8eaf0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:12px}.compare-actions button:hover{background:#ffffff1a}.btn-marker.active{color:#f59e0b;background:#f59e0b22;border-color:#f59e0b}.marker-count{color:#ef4444;background:#ef444422;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.compare-opacity-slider{color:#7a829e;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:6px 16px;font-size:11px;display:flex}.compare-opacity-slider input[type=range]{accent-color:#6c63ff;flex:1}.compare-viewport{flex:1;min-height:300px;position:relative;overflow:hidden}.compare-side-by-side{grid-template-columns:1fr 2px 1fr;display:grid}.compare-pane{padding:8px;position:relative;overflow:auto}.compare-pane img{border-radius:6px;width:100%;height:auto;display:block}.compare-pane-label{color:#7a829e;text-align:center;padding:4px 8px 6px;font-size:11px;font-weight:600}.compare-divider{cursor:col-resize;background:#ffffff1a}.compare-placeholder{color:#5c6378;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;font-size:13px;display:flex}.compare-overlay-container{width:100%;height:100%;position:relative}.compare-overlay-base,.compare-overlay-top{object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.compare-overlay-top{mix-blend-mode:difference}.compare-diff-container{justify-content:center;align-items:center;min-height:300px;display:flex}.bug-marker-pin{cursor:pointer;z-index:10;background:#000000b3;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;font-size:14px;transition:transform .15s;display:flex;position:absolute}.bug-marker-pin:hover{transform:scale(1.3)}.compare-marker-list{border-top:1px solid #ffffff12;max-height:180px;padding:12px 16px;overflow-y:auto}.compare-marker-list h4{color:#7a829e;margin:0 0 8px;font-size:12px;font-weight:600}.compare-marker-item{color:#e8eaf0;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.marker-severity{border-radius:50%;flex-shrink:0;width:8px;height:8px}.marker-label{flex:1}.marker-pos{color:#5c6378;font-family:monospace;font-size:10px}.btn-export-pdf{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn-export-pdf:hover{background:#8b84ff}.usage-meter{color:#9aa0b8;-webkit-user-select:none;user-select:none;border-top:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:6px;padding:4px 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;display:flex}.usage-meter-toggle{color:inherit;font:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;transition:opacity .15s;display:flex}.usage-meter-toggle:hover{opacity:1;color:#e2e8f0}.usage-meter-toggle svg{flex-shrink:0}.usage-meter-sep{background:#ffffff14;flex-shrink:0;width:1px;height:12px}.usage-meter-stat{white-space:nowrap;align-items:center;gap:4px;display:flex}.usage-meter-stat strong{color:#e2e8f0;font-weight:600}.usage-meter-cost strong{color:#2dd4bf}.usage-meter-reqs strong{color:#a78bfa}.usage-panel{background:#0f172a99;border-top:1px solid #ffffff0a;padding:10px 14px 8px;animation:.15s ease-out usage-slide-in}@keyframes usage-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.usage-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.usage-panel-title{text-transform:uppercase;letter-spacing:.5px;color:#9aa0b8;font-size:11px;font-weight:600}.usage-panel-close{color:#5c6378;cursor:pointer;background:0 0;border:none;padding:2px;line-height:1}.usage-panel-close:hover{color:#e2e8f0}.usage-model-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:5px 0;font-size:12px;display:grid}.usage-model-row:not(:last-child){border-bottom:1px solid #ffffff08}.usage-model-name{color:#c4c9d4;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-weight:500;display:flex;overflow:hidden}.usage-model-badge{border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;display:inline-flex}.badge-google{color:#93bbfc;background:#4285f426}.badge-groq{color:#fdba74;background:#f9731626}.usage-limit-bar{background:#ffffff0f;border-radius:2px;width:80px;height:4px;overflow:hidden}.usage-limit-bar-fill{background:#6366f1;border-radius:2px;height:100%;transition:width .3s}.usage-limit-bar-fill.warn{background:#f59e0b}.usage-limit-bar-fill.over{background:#ef4444}.usage-limit-text{color:#5c6378;text-align:right;min-width:56px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.usage-hourly-row{border-top:1px solid #ffffff0a;align-items:center;gap:14px;margin-top:4px;padding:6px 0 2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;display:flex}.usage-hourly-stat{color:#9aa0b8;align-items:center;gap:4px;display:flex}.usage-hourly-stat strong{font-weight:600}.usage-hourly-stat.tokens strong{color:#c084fc}.usage-hourly-stat.cost strong{color:#5eead4}.usage-hourly-stat.total strong{color:#e2e8f0}.usage-empty{color:#5c6378;text-align:center;padding:8px 0;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 0 6px #8b5cf61f}}.skeleton{background:linear-gradient(90deg,#94a3b80f 25%,#94a3b81f 50%,#94a3b80f 75%) 0 0/200% 100%;border-radius:8px;animation:1.8s ease-in-out infinite shimmer}.skeleton-text{width:80%;height:14px;margin-bottom:8px}.skeleton-text:last-child{width:55%}.skeleton-heading{width:60%;height:20px;margin-bottom:12px}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.skeleton-block{border-radius:12px;width:100%;height:120px}.message-row{animation:.25s cubic-bezier(.4,0,.2,1) slideInUp}.user-row .message-content{animation:.2s slideInRight}.assistant-row .message-content{animation:.2s slideInLeft}.thinking-row{animation:.3s fadeInScale}.thinking-dot{background:#a78bfa;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite thinkingBounce}.thinking-dot:nth-child(2){animation-delay:.16s}.thinking-dot:nth-child(3){animation-delay:.32s}@keyframes thinkingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.feature-grid article,.how-grid article,.service-grid article,.gallery-grid article,.welcome-card,.install-device-chip,.ext-card{transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s}.workspace-tab{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.workspace-tab.active:after{content:"";background:#a78bfa;border-radius:2px;height:2px;animation:.2s scaleX;position:absolute;bottom:-1px;left:20%;right:20%}@keyframes scaleX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.primary-action,.primary-small,.send-button,.install-btn{transition:transform .12s,box-shadow .18s,background .15s}.primary-action:active:not(:disabled),.primary-small:active:not(:disabled),.send-button:active:not(:disabled),.install-btn:active:not(:disabled){transform:scale(.97)}.landing-nav nav a{position:relative}.landing-nav nav a:after{content:"";background:#0f766e;border-radius:1px;width:0;height:2px;transition:width .22s;position:absolute;bottom:-4px;left:0}.landing-nav nav a:hover:after{width:100%}.side-nav a.active,.sidebar-history a.active{position:relative}.side-nav a.active:before,.sidebar-history a.active:before{content:"";background:#8b5cf6;border-radius:0 2px 2px 0;width:3px;animation:.2s slideInLeft;position:absolute;top:20%;bottom:20%;left:0}.toast-item{animation:.3s cubic-bezier(.4,0,.2,1) toastSlideUp}.sidebar-brand-logo:hover .brand-mark,.landing-brand:hover>img{transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar-brand-logo:hover .brand-mark{transform:rotate(12deg)scale(1.05)}.landing-brand:hover>img{transform:rotate(-5deg)scale(1.05)}.send-button{position:relative}.send-button:not(:disabled){animation:2.5s ease-in-out infinite breathe}.composer-box{transition:border-color .2s,box-shadow .3s}.composer-box:focus-within{border-color:#8b5cf666!important;box-shadow:0 0 0 3px #8b5cf614,0 18px 54px #00000059!important}.settings-overlay{animation:.18s fadeIn}.settings-modal{animation:.22s cubic-bezier(.4,0,.2,1) fadeInScale}.stagger-children>*{opacity:0;animation:.3s forwards slideInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}.stagger-children>:nth-child(11){animation-delay:.55s}.stagger-children>:nth-child(12){animation-delay:.6s}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;animation:.3s fadeInScale;display:flex}.empty-state-icon{color:#a78bfa;background:#8b5cf614;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:28px;display:flex}.empty-state-title{color:#f1f5f9;margin:0 0 8px;font-size:18px;font-weight:700}.empty-state-desc{color:#94a3b8;max-width:360px;margin:0;font-size:13px;line-height:1.6}.chat-scroll,html{scroll-behavior:smooth}@media (max-width:1440px){.landing-hero{gap:36px;padding:56px 24px}.router-heading{grid-template-columns:1fr;gap:24px}.dark-demo{grid-template-columns:1fr;gap:32px}}@media (max-width:1200px){.feature-grid,.how-grid,.service-grid,.gallery-grid,.template-library-grid,.router-stats{grid-template-columns:repeat(2,1fr)}.landing-hero{grid-template-columns:1fr}.landing-hero h1{font-size:clamp(36px,5vw,56px)}.code-mockup{max-width:640px;margin:0 auto}.template-library-heading{grid-template-columns:1fr}}@media (max-width:1024px){.workspace-shell{position:relative;grid-template-columns:1fr!important}.workspace-sidebar{z-index:50;width:300px;box-shadow:none;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-open .workspace-sidebar{transform:translate(0);box-shadow:20px 0 60px #00000080}.sidebar-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000080;transition:opacity .28s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.mobile-header{display:flex!important}.builder-workspace{padding:16px 20px 0}.landing-nav nav{display:none}.landing-nav .mobile-menu-btn{display:flex!important}.settings-modal-body{flex-direction:column}.settings-tabs{border-bottom:1px solid #94a3b81a;border-right:none;flex-direction:row;flex:none;padding:12px;overflow-x:auto}.settings-modal{width:95vw;max-height:90vh}}@media (max-width:768px){.feature-grid,.how-grid,.service-grid,.gallery-grid,.template-library-grid{grid-template-columns:1fr}.landing-section{padding:48px 16px}.section-heading h2,.router-heading h2,.dark-demo h2,.landing-auth-card h2{font-size:clamp(28px,6vw,42px)}.landing-hero h1{font-size:clamp(28px,6vw,42px);line-height:1.08}.landing-metrics{grid-template-columns:1fr;gap:10px}.dark-demo>div:last-child{grid-template-columns:1fr}.landing-auth-card{padding:28px 20px}.workspace-action-bar{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.workspace-action-bar::-webkit-scrollbar{display:none}.workspace-action-bar button{white-space:nowrap;flex-shrink:0}.welcome-cards{grid-template-columns:repeat(2,1fr);gap:10px}.welcome-title{font-size:28px}.welcome-subtitle{font-size:13px}.install-app-section{flex-direction:column;gap:24px}.install-app-section .install-qr-wrap{order:2}.install-devices{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.landing-nav{padding:12px 16px}.landing-nav .landing-brand{gap:8px}.landing-nav .landing-brand>img{width:32px;height:32px}.landing-nav .landing-brand small{display:none}.landing-hero{padding:32px 16px}.landing-actions{flex-direction:column;width:100%}.landing-actions button,.landing-actions a{text-align:center;justify-content:center;width:100%}.code-mockup{border-radius:16px}.code-mockup .mockup-grid{grid-template-columns:1fr}.code-mockup .mockup-grid pre{border-bottom:1px solid #ffffff1a;border-right:none;min-height:200px;font-size:10px}.welcome-cards{grid-template-columns:1fr}.welcome-card{flex-direction:row;align-items:center}.welcome-card .welcome-card-icon{width:36px;height:36px}.welcome-card h3{margin:0}.welcome-card p{display:none}.builder-workspace{padding:12px 12px 0}.chat-scroll{gap:12px}.composer-box{margin:0 4px 8px;border-radius:16px!important}.workspace-action-bar button{padding:6px 10px;font-size:12px}.install-app-card{border-radius:16px;padding:20px 16px}}.mobile-header{background:#0f172a;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:none}.mobile-menu-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:none!important}.mobile-menu-btn:hover{background:#ffffff0f}.sidebar-overlay{display:none}.mobile-nav-drawer{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;flex-direction:column;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-nav-drawer nav{background:#0f172a;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;gap:4px;max-height:70vh;padding:16px;animation:.25s cubic-bezier(.4,0,.2,1) slideDown;display:flex;overflow-y:auto}.mobile-nav-drawer a{color:#e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.mobile-nav-drawer a:hover{background:#ffffff0f}.mobile-nav-drawer .mobile-nav-close{text-align:center;margin-top:auto;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.install-app-section{color:#fff;background:linear-gradient(135deg,#0f172a,#0c1425);border-top:1px solid #ffffff0f;align-items:center;gap:48px;display:flex}.install-app-card{flex:1;max-width:540px}.install-app-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#2dd4bf;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:700;display:inline-flex}.install-app-title{color:#fff;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,44px);line-height:1.08}.install-app-desc{color:#ffffffa6;margin:0 0 28px;font-size:15px;line-height:1.65}.install-devices{gap:12px;margin-bottom:24px;display:flex}.install-device-chip{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.install-device-chip:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.install-device-chip.active{color:#a78bfa;background:#8b5cf626;border-color:#8b5cf666}.install-device-chip svg{flex-shrink:0;width:18px;height:18px}.install-qr-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;display:flex}.install-qr-card{background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:16px;transition:transform .3s;display:flex;box-shadow:0 12px 40px #0000004d}.install-qr-card:hover{transform:scale(1.03)}.install-qr-label{color:#94a3b8;text-align:center;font-size:12px;font-weight:600}.install-btn-row{flex-wrap:wrap;gap:10px;display:flex}.install-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.install-btn.install-btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 16px #8b5cf64d}.install-btn.install-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf673}.install-btn.install-btn-outline{color:#e2e8f0;background:0 0;border:1px solid #ffffff26}.install-btn.install-btn-outline:hover{background:#ffffff0f;border-color:#ffffff40}.install-ios-hint{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2426;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.scroll-to-bottom{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;cursor:pointer;background:#0f172ad9;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;animation:.2s fadeInUp;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.scroll-to-bottom:hover{background:#8b5cf633;border-color:#8b5cf64d;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 20px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}