:root{--ink:#e8eaed;--muted:#9aa0a6;--panel:#292a2d;--panel-soft:#292a2d;--line:#3c404324;--blue:#8ab4f8;--violet:#7657ef;--cyan:#43c7c7;--danger:#f28b82}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#202124;margin:0;font-family:IBM Plex Sans Thai,Manrope,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.not-found{text-align:center;background:#202124;place-content:center;gap:10px;min-height:100vh;padding:24px;display:grid}.not-found h1{margin:0;font-size:28px}.not-found p{color:#9aa0a6;margin:0}.not-found a{color:#202124;background:#8ab4f8;border-radius:10px;width:max-content;margin:8px auto 0;padding:10px 16px;font-weight:700;text-decoration:none}.browser-shell{background:radial-gradient(circle at 58% 44%,#3c404330,#0000 34%),#202124;min-height:100vh;position:relative;overflow:hidden}.browser-shell:after{content:"";z-index:100;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient{filter:blur(90px);pointer-events:none;border-radius:50%;position:fixed}.ambient-one{background:#3c40431f;width:340px;height:340px;top:18%;left:18%}.ambient-two{background:#5f43c41a;width:300px;height:300px;bottom:0;right:7%}.chrome{z-index:30;border-bottom:1px solid var(--line);background:#202124f7;position:relative;box-shadow:0 12px 28px #00000047}.tab-strip{-webkit-app-region:drag;border-bottom:1px solid #3c404314;grid-template-columns:126px minmax(0,1fr) 108px;align-items:end;height:46px;display:grid}.tab-strip button,.tab-strip [role=button]{-webkit-app-region:no-drag}.brand{cursor:pointer;letter-spacing:.14em;background:0 0;border:0;align-items:center;gap:9px;height:46px;padding:0 15px;display:flex}.brand strong{font:800 13px Manrope,sans-serif}.brand-mark{background:linear-gradient(145deg,#3bd3e1,#6356ed 58%,#b25be3);border-radius:8px;place-items:center;width:25px;height:25px;display:grid;transform:rotate(-10deg);box-shadow:inset 0 1px #ffffff80,0 5px 15px #5354eb40}.brand-mark span{border:3px solid #fff;border-right-color:#0000;border-radius:7px;width:10px;height:13px;transform:rotate(10deg)}.tabs{align-items:flex-end;min-width:0;height:100%;display:flex;overflow:hidden}.tab{color:#9aa0a6;cursor:pointer;background:0 0;border:0;border-left:1px solid #0000;border-right:1px solid #0000;border-radius:9px 9px 0 0;align-items:center;gap:7px;min-width:150px;max-width:220px;height:37px;padding:0 9px 0 11px;transition:all .18s;display:flex;position:relative}.tab:hover{color:#e8eaed;background:#3c40438c}.tab.active{color:#e8eaed;border-color:var(--line);background:linear-gradient(#292a2d,#292a2d)}.tab.active:after{content:"";background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:2px;height:2px;position:absolute;bottom:0;left:11px;right:11px}.tab-icon{color:#8ab4f8;place-items:center;display:grid}.tab-title{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:12px;overflow:hidden}.tab-close{border-radius:5px;place-items:center;width:20px;height:20px;display:grid}.tab-close:hover{background:#ffffff1a}.new-tab{color:#9aa0a6;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:27px;height:27px;margin:0 0 7px 6px;display:grid}.new-tab:hover{color:#fff;background:#292a2d}.window-controls{color:#9aa0a6;justify-content:space-around;align-items:center;height:100%;padding-right:8px;display:flex}.window-controls button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.window-controls button:hover{color:#e8eaed;background:#8ab4f814}.window-controls button:last-child:hover{color:#fff;background:#b74646}.window-controls button:disabled{opacity:.3;cursor:default}.toolbar{grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px;height:54px;padding:7px 13px;display:grid}.nav-actions,.toolbar-actions{gap:4px;display:flex}.nav-actions button,.toolbar-actions button,.ai-header button,.panel-heading button,.modal-heading button,.popover-title button{cursor:pointer;color:#9aa0a6;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;transition:all .18s;display:grid}.nav-actions button:hover,.toolbar-actions button:hover,.toolbar-actions button.active{color:#e8eaed;background:#202124}.nav-actions button:disabled{opacity:.28;cursor:not-allowed;background:0 0}.address-bar{color:#9aa0a6;background:#202124;border:1px solid #8ab4f82b;border-radius:11px;align-items:center;gap:8px;height:38px;padding:0 5px 0 12px;display:flex;box-shadow:inset 0 1px #ffffff05}.address-bar input{color:#e8eaed;background:0 0;border:0;outline:0;flex:1;min-width:0;font:500 12px Manrope,sans-serif}.go-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8ab4f8,#535ee9);border:0;border-radius:8px;align-self:stretch;min-width:48px;font-weight:700}.privacy-icon{color:#af82ff}.browser-body{z-index:10;grid-template-columns:220px minmax(0,1fr) 300px;height:calc(100vh - 100px);transition:grid-template-columns .25s;display:grid;position:relative}.browser-body.left-collapsed{grid-template-columns:0 minmax(0,1fr) 300px}.browser-body.right-collapsed{grid-template-columns:220px minmax(0,1fr) 0}.browser-body.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.workspace-panel,.ai-panel{border-color:var(--line);background:#202124f0;min-width:0;overflow:hidden}.workspace-panel{border-right:1px solid var(--line);flex-direction:column;padding:14px 10px 12px;display:flex}.panel-heading{color:#e8eaed;justify-content:space-between;align-items:center;padding:0 4px 10px;font:700 12px Manrope,sans-serif;display:flex}.panel-heading button{width:27px;height:27px}.workspace-list{gap:3px;display:grid}.workspace-list button,.side-section button{color:#9aa0a6;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;min-width:0;transition:all .18s;display:grid}.workspace-list button{text-align:left;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;min-height:39px;padding:5px 8px;font-size:12px}.workspace-list button:hover,.workspace-list button.active{color:#fff;background:linear-gradient(90deg,#3c4043c7,#3f307d6e)}.workspace-list button.active{box-shadow:inset 0 0 0 1px #8ab4f833}.workspace-list small,.side-section small{color:#9aa0a6}.workspace-icon{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.workspace-icon.coral{color:#ef8e79;background:#eb705d24}.workspace-icon.mint{color:#5bd1aa;background:#50caa121}.workspace-icon.pink{color:#e678a4;background:#e5679921}.workspace-icon.gold{color:#e9b866;background:#eab95e21}.side-section{border-top:1px solid #3c40431c;gap:1px;margin-top:15px;padding-top:12px;display:grid}.side-section p{letter-spacing:.15em;color:#9aa0a6;margin:0 8px 5px;font:600 9px Manrope,sans-serif}.side-section button{text-align:left;grid-template-columns:20px minmax(0,1fr) auto;gap:5px;min-height:31px;padding:0 9px;font-size:11px}.side-section button:hover{color:#e8eaed;background:#3c404380}.storage-card{color:#9aa0a6;text-align:left;cursor:pointer;background:#2021249e;border:1px solid #3c404324;border-radius:10px;margin-top:auto;padding:10px}.storage-card span{align-items:center;gap:6px;font-size:10px;display:flex}.storage-card strong{color:#e8eaed;margin:7px 0;font:600 10px Manrope,sans-serif;display:block}.storage-card i{background:#202124;border-radius:3px;height:3px;display:block;overflow:hidden}.storage-card b{background:linear-gradient(90deg,var(--blue),var(--violet));width:29%;height:100%;display:block}.viewport{background:linear-gradient(165deg,#292a2d,#292a2d 38%,#292a2d 72%,#202124);min-width:0;position:relative;overflow:hidden}.viewport:before{content:"";pointer-events:none;background:radial-gradient(at 72% 35%,#587eb224,#0000 37%),linear-gradient(#0000 60%,#2021246e);position:absolute;inset:0}.viewport-topline{z-index:3;justify-content:space-between;align-items:flex-start;padding:20px 25px;display:flex;position:relative}.status-pill{color:#8ab4f8;background:#0b202d7a;border:1px solid #64aea01f;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font:600 9px Manrope,sans-serif;display:flex}.status-pill span{background:#4cc49d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #4cc49d1a}.clock-block{text-align:right}.clock-block strong{letter-spacing:.08em;font:500 22px Manrope,sans-serif;display:block}.clock-block span{color:#9aa0a6;font-size:9px}.hero-content{z-index:4;text-align:center;width:min(580px,72%);margin:3vh auto 0;position:relative}.eyebrow{color:#9aa0a6;letter-spacing:.08em;background:#2021247a;border:1px solid #3c40431f;border-radius:20px;align-items:center;gap:7px;padding:5px 8px;font:600 8px Manrope,sans-serif;display:inline-flex}.eyebrow span{color:#8ab4f8;background:#8ab4f829;border-radius:8px;padding:2px 5px}.hero-content h1{letter-spacing:-.04em;text-shadow:0 8px 24px #0003;margin:14px 0 2px;font:700 clamp(28px,3vw,43px) Manrope,sans-serif}.hero-content>p{color:#9aa0a6;margin:0 0 21px;font-size:13px}.main-search{color:#202124;background:#f6f9fff0;border:1px solid #8ab4f838;border-radius:15px;align-items:center;gap:10px;width:min(520px,100%);height:47px;margin:0 auto;padding:0 10px 0 16px;display:flex;box-shadow:0 18px 55px #00040f52}.main-search input{color:#202124;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.main-search kbd{color:#9aa0a6;background:#edf0f4;border:1px solid #ccd2dc;border-radius:6px;padding:3px 6px;font:600 9px Manrope,sans-serif;box-shadow:0 1px 1px #c6ccd6}.quick-links{justify-content:center;gap:21px;margin-top:18px;display:flex}.quick-links button{cursor:pointer;color:#9aa0a6;background:0 0;border:0;justify-items:center;gap:6px;display:grid}.quick-links button>span{background:#202124bf;border:1px solid #3c404326;border-radius:12px;place-items:center;width:39px;height:39px;transition:transform .18s,background .18s;display:grid}.quick-links button:hover>span{background:#292a2de6;transform:translateY(-3px)}.quick-links small{font:500 8px Manrope,sans-serif}.quick-links .youtube{color:#ff696e}.quick-links .github{color:#e8eaed}.quick-links .notion{color:#e8eaed}.quick-links .figma{color:#e78c9b}.quick-links .gmail{color:#8ab4f8}.quick-links .add-link{color:#74839d;border-style:dashed}.section-title{justify-content:space-between;align-items:end;margin-bottom:9px;display:flex}.section-title div span,.section-title div small{display:block}.section-title div span{font-size:11px;font-weight:600}.section-title div small{color:#71809a;margin-top:1px;font-size:8px}.section-title button{color:#9aa0a6;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.project-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.project-card{text-align:left;cursor:pointer;background:#202124b3;border:1px solid #8ab4f826;border-radius:11px;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:8px;min-width:0;min-height:61px;padding:10px;transition:all .18s;display:grid}.project-card:hover{background:#202124d4;border-color:#8ab4f859;transform:translateY(-2px)}.project-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.project-icon.rose{color:#dd789b;background:#d3678b1f}.project-icon.blue{color:#8ab4f8;background:#8ab4f821}.project-icon.teal{color:#59c0b9;background:#45b4ae1f}.project-card span strong,.project-card span small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.project-card span strong{color:#e8eaed;font:600 9px Manrope,sans-serif}.project-card span small{color:#9aa0a6;margin-top:4px;font-size:8px}.project-card>svg{color:#9aa0a6}.mountain{pointer-events:none;clip-path:polygon(0 58%,9% 35%,16% 51%,27% 22%,34% 48%,45% 29%,57% 64%,67% 40%,77% 67%,89% 30%,100% 57%,100% 100%,0 100%);width:110%;position:absolute;left:-5%}.mountain-back{opacity:.72;background:#202124;height:38%;bottom:0}.mountain-front{opacity:.92;background:#202124;height:27%;bottom:0;transform:scaleX(-1)}.sun-haze{filter:blur(30px);background:#627fa90f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:12%;right:13%}.performance-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#202124c7;border:1px solid #3c404321;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:8px 13px;display:flex;position:absolute;bottom:13px;left:20px;right:20px}.performance-card>div{align-items:center;gap:8px;display:flex}.perf-icon{color:#57c7b0;background:#40bba41c;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.performance-card p{margin:0}.performance-card p strong,.performance-card p small{display:block}.performance-card p strong{font:600 9px Manrope,sans-serif}.performance-card p small{color:#9aa0a6;margin-top:2px;font-size:8px}.site-preview{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#202124d1;border:1px solid #8ab4f82b;border-radius:22px;width:min(560px,100% - 40px);margin:clamp(40px,12vh,120px) auto 0;padding:42px;position:relative;box-shadow:0 28px 90px #0000005c}.site-preview-icon{width:62px;height:62px;color:var(--accent);background:#8ab4f817;border:1px solid #8ab4f82e;border-radius:18px;place-items:center;margin:0 auto 14px;display:grid}.site-preview>small{color:#9aa0a6;letter-spacing:.16em;text-transform:uppercase;font:700 9px Manrope,sans-serif}.site-preview h1{letter-spacing:-.04em;margin:8px 0 6px;font:700 clamp(25px,4vw,38px) Manrope,sans-serif}.site-preview p{color:#9aa0a6;text-overflow:ellipsis;white-space:nowrap;margin:0 auto 24px;font-size:11px;overflow:hidden}.site-preview>button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#202124;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-weight:800;display:inline-flex;box-shadow:0 12px 30px #aecbfa2e}.site-preview>span{color:#9aa0a6;max-width:380px;margin:14px auto 0;font-size:9px;line-height:1.6;display:block}.desktop-site{z-index:4;background:#f7f8f5;border:1px solid #8ab4f826;border-radius:13px;position:absolute;inset:66px 10px 10px;overflow:hidden;box-shadow:0 20px 60px #00000042}.desktop-site-status{z-index:2;color:#9aa0a6;background:#e8eaed;border-bottom:1px solid #d8ded3;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:9px;display:flex;position:absolute;inset:0 0 auto}.desktop-site-status>span{background:#61a73c;border-radius:50%;width:7px;height:7px}.desktop-site-status>span.loading{background:var(--accent);animation:.9s infinite alternate desktopPulse}.desktop-site-status strong{font-weight:700}.desktop-site-status small{text-overflow:ellipsis;white-space:nowrap;color:#a14f4f;min-width:0;overflow:hidden}.desktop-web-surface{background:#fff;position:absolute;inset:30px 0 0}.metrics span{color:#9aa0a6;border-left:1px solid #3c40431f;min-width:43px;padding-left:9px;font:500 8px Manrope,sans-serif}.metrics b{color:#e8eaed;font-size:11px}.metrics small{color:#9aa0a6;margin-top:1px;font-size:7px;display:block}.signal{align-items:end;gap:2px;height:20px;display:flex}.signal em{background:#4ebc9e;border-radius:2px;width:3px}.signal em:first-child{height:5px}.signal em:nth-child(2){height:9px}.signal em:nth-child(3){height:13px}.signal em:nth-child(4){height:16px}.signal em:nth-child(5){background:#3c4043;height:11px}.ai-panel{border-left:1px solid var(--line);flex-direction:column;padding:15px 13px 10px;display:flex}.ai-header{justify-content:space-between;align-items:center;display:flex}.ai-header>div,.modal-heading>div{align-items:center;gap:9px;display:flex}.ai-orb{color:#84a5ff;background:linear-gradient(145deg,#37a4e133,#6a43d838);border-radius:9px;place-items:center;width:29px;height:29px;display:grid;box-shadow:inset 0 0 0 1px #8ab4f829}.ai-header p,.modal-heading p{margin:0}.ai-header small,.ai-header strong{display:block}.ai-header small{color:#8ab4f8;letter-spacing:.09em;font:700 8px Manrope,sans-serif}.ai-header small i{color:#876fe1;margin-left:3px;font-style:normal}.ai-header strong{margin-top:2px;font-size:14px}.ai-actions{grid-template-columns:1fr 1.35fr;gap:6px;margin:13px 0 11px;display:grid}.ai-actions button{color:#9aa0a6;cursor:pointer;background:#292a2d;border:1px solid #3c404326;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:0;height:33px;font-size:9px;display:flex}.ai-actions button:hover{color:#fff;border-color:#8ab4f859}.chat-thread{scrollbar-width:thin;scrollbar-color:#3c4043 transparent;flex:1;min-height:80px;padding-right:2px;overflow-y:auto}.message{color:#e8eaed;background:#292a2d;border:1px solid #3c40431c;border-radius:9px;max-width:92%;margin-bottom:8px;padding:9px 10px;font-size:10px;line-height:1.55}.message.ai{align-items:flex-start;gap:7px;display:flex}.message.ai svg{color:#8ab4f8;flex:none;margin-top:2px}.message.user{color:#fff;background:linear-gradient(135deg,#8ab4f8,#6454d9);border:0;margin-left:auto}.suggestions{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.suggestions button{color:#8ab4f8;cursor:pointer;background:0 0;border:1px solid #3c404324;border-radius:12px;padding:4px 7px;font-size:8px}.suggestions button:hover{color:#9aa0a6;border-color:#3c40434d}.ai-composer{background:#292a2d;border:1px solid #3c40432b;border-radius:11px;overflow:hidden}.ai-composer textarea{resize:none;color:#e8eaed;background:0 0;border:0;outline:0;width:100%;height:67px;padding:10px;font-size:10px;display:block}.ai-composer textarea::placeholder{color:#9aa0a6}.ai-composer>div{border-top:1px solid #3c40431a;justify-content:space-between;padding:6px;display:flex}.ai-composer>div span{display:flex}.ai-composer button{color:#9aa0a6;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:8px;display:flex}.ai-composer .send-button{color:#fff;background:linear-gradient(135deg,#8ab4f8,#6d52e5);border-radius:7px;justify-content:center;width:30px;height:27px}.ai-footnote{color:#9aa0a6;justify-content:center;align-items:center;gap:4px;margin:7px 0 0;font-size:7px;display:flex}.ai-file-input{display:none}.ai-composer button:disabled,.ai-actions button:disabled{opacity:.45;cursor:wait}.ai-thinking{align-items:center;min-height:34px}.ai-thinking span{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:.7s infinite alternate desktopPulse}.ai-thinking span:nth-of-type(2){animation-delay:.14s}.ai-thinking span:nth-of-type(3){animation-delay:.28s}.edge-toggle{z-index:20;border:1px solid var(--line);color:#9aa0a6;cursor:pointer;background:#292a2d;border-radius:0 9px 9px 0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px}.edge-toggle.left{left:0}.edge-toggle.right{border-radius:9px 0 0 9px;right:0}.devtools-panel{z-index:20;background:#202124fa;border-top:1px solid #202124;height:185px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -15px 40px #00000040}.devtools-tabs{border-bottom:1px solid #3c404324;align-items:stretch;height:35px;display:flex}.devtools-tabs button{color:#9aa0a6;cursor:pointer;background:0 0;border:0;padding:0 12px;font:500 9px Manrope,sans-serif}.devtools-tabs button.active{color:#e8eaed;border-bottom:2px solid var(--blue)}.devtools-tabs span{flex:1}.console-lines{color:#9aa0a6;padding:8px 13px;font:10px/1.7 Manrope,sans-serif}.console-lines p{border-bottom:1px solid #3c404312;margin:0}.console-lines p span{color:#8ab4f8;margin-right:5px}.console-lines .console-success{color:#5fa891}.console-lines i{color:#b783d8;font-style:normal}.overlay{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#202124ad;place-items:center;display:grid;position:fixed;inset:0}.security-modal{background:linear-gradient(160deg,#292a2d,#202124);border:1px solid #3c404333;border-radius:17px;width:min(460px,100vw - 28px);padding:18px;animation:.2s both modalIn;box-shadow:0 30px 100px #0000008c}.modal-heading{justify-content:space-between;display:flex}.modal-heading>div>span{color:#67cdb5;background:#3db99a1f;border-radius:12px;place-items:center;width:41px;height:41px;display:grid}.modal-heading small,.modal-heading strong{display:block}.modal-heading small{color:#71809a;text-transform:uppercase;letter-spacing:.12em;font:600 8px Manrope,sans-serif}.modal-heading strong{margin-top:3px;font-size:15px}.security-score{background:#1c50471f;border:1px solid #5bb59d21;border-radius:12px;align-items:center;gap:13px;margin:16px 0;padding:13px;display:flex}.score-ring{text-align:center;border:4px solid #4bb596;border-radius:50%;flex:none;place-content:center;width:61px;height:61px;display:grid;box-shadow:inset 0 0 0 4px #40b79714}.score-ring strong{font:700 19px/1 Manrope,sans-serif}.score-ring span{color:#9aa0a6;font-size:7px}.security-score p{margin:0}.security-score p strong,.security-score p small{display:block}.security-score p strong{font-size:11px}.security-score p small{color:#8ab4f8;margin-top:4px;font-size:9px}.setting-list{gap:6px;display:grid}.setting-row{text-align:left;cursor:pointer;background:#292a2d;border:1px solid #3c40431f;border-radius:10px;grid-template-columns:32px minmax(0,1fr) 38px;align-items:center;gap:8px;min-height:57px;padding:9px 11px;display:grid}.setting-icon{color:#8ab4f8;background:#3c40431f;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.setting-row p{margin:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:10px}.setting-row small{color:#9aa0a6;margin-top:3px;font-size:8px}.toggle,.mini-toggle{background:#202124;border-radius:20px;width:34px;height:19px;position:relative}.toggle i{background:#9aa0a6;border-radius:50%;width:15px;height:15px;transition:transform .18s;position:absolute;top:2px;left:2px}.toggle.active{background:linear-gradient(90deg,#8ab4f8,#6453db)}.toggle.active i{background:#fff;transform:translate(15px)}.clear-data{color:#f28b82;cursor:pointer;background:#8f2d4d1a;border:1px solid #d25b802e;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;margin-top:10px;display:flex}.library-modal{background:linear-gradient(160deg,#202124,#202124);border:1px solid #8ab4f82e;border-radius:17px;width:min(520px,100vw - 28px);max-height:min(620px,100vh - 40px);padding:18px;animation:.2s both modalIn;overflow:auto;box-shadow:0 30px 100px #0000008c}.library-modal .modal-heading{margin-bottom:16px}.modal-heading>div{align-items:center;gap:10px;display:flex}.library-list{gap:6px;display:grid}.library-list>button{color:#9aa0a6;text-align:left;cursor:pointer;background:#8ab4f806;border:1px solid #8ab4f81a;border-radius:10px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:54px;padding:8px 10px;display:grid}.library-list>button:hover{color:#e8eaed;background:#8ab4f812;border-color:#8ab4f847}.library-list span strong,.library-list span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-list span strong{font-size:10px}.library-list span small{color:#9aa0a6;margin-top:3px;font-size:8px}.library-empty{color:#9aa0a6;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:170px;display:grid}.library-empty svg{color:var(--accent)}.library-empty strong{color:#e8eaed;font-size:11px}.library-empty small{font-size:8px}.popover{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#202124fa;border:1px solid #8ab4f833;border-radius:12px;animation:.16s both popIn;position:fixed;box-shadow:0 24px 60px #00000073}.extension-popover{width:255px;padding:8px;top:91px;right:49px}.popover-title{color:#e8eaed;justify-content:space-between;align-items:center;height:29px;padding-left:5px;font:700 10px Manrope,sans-serif;display:flex}.popover-title button{width:25px;height:25px}.extension-row{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:5px 6px;display:flex}.extension-row:hover{background:#202124}.extension-row>span{align-items:center;gap:7px;display:flex}.extension-row i{color:#8ab4f8;background:#8ab4f81c;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.extension-row b{font-size:9px;font-weight:500}.mini-toggle{width:24px;height:13px;display:block}.mini-toggle.active:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}.mini-toggle.active{background:#8ab4f8}.manage-link{color:#8ab4f8;cursor:pointer;background:0 0;border:0;border-top:1px solid #3c40431c;justify-content:center;align-items:center;gap:5px;width:100%;height:31px;margin-top:4px;font-size:9px;display:flex}.extension-row b small{color:#9aa0a6;margin-top:2px;font-size:7px;display:block}.extension-empty{color:#9aa0a6;text-align:center;padding:18px 8px;font-size:8px}.profile-popover{width:280px;max-height:min(460px,100vh - 70px);padding:9px;top:43px;left:12px;overflow:auto}.saved-profile{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.saved-profile>button,.saved-profile>button span{min-width:0}.saved-profile strong,.saved-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-profile small{color:#9aa0a6;font-size:7px}.saved-profile>span{display:flex}.saved-profile>span button,.profile-popover>button.active{color:var(--accent)}.saved-profile i{border-radius:50%;width:8px;height:8px;display:inline-block}.profile-form{gap:9px;display:grid}.profile-form label{color:#9aa0a6;gap:4px;font-size:8px;display:grid}.profile-form input,.profile-form select,.profile-form textarea{color:#e8eaed;width:100%;min-height:32px;font:inherit;background:#202124;border:1px solid #8ab4f829;border-radius:8px;padding:6px 8px;font-size:10px}.profile-form textarea{resize:vertical;min-height:62px}.form-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.proxy-check{grid-template-columns:auto 1fr;align-items:center}.form-actions{justify-content:flex-end;gap:8px;display:flex}.form-actions button{color:#e8eaed;cursor:pointer;background:0 0;border:1px solid #8ab4f83d;border-radius:8px;min-height:32px;padding:0 12px}.form-actions button[type=submit]{background:var(--accent);color:#202124;font-weight:700}.profile-card{background:#202124;border-radius:9px;grid-template-columns:35px 1fr 15px;align-items:center;gap:8px;padding:9px;display:grid}.avatar{background:linear-gradient(145deg,#2ebfd5,#7654e5);border-radius:11px;place-items:center;width:35px;height:35px;font:700 10px Manrope,sans-serif;display:grid}.profile-card p{margin:0}.profile-card strong,.profile-card small{display:block}.profile-card strong{font:600 10px Manrope,sans-serif}.profile-card small{color:#9aa0a6;margin-top:2px;font-size:8px}.profile-card>svg{color:#56b99c}.profile-popover>button,.menu-popover>button{color:#9aa0a6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;height:34px;padding:0 7px;font-size:9px;display:flex}.profile-popover>button:hover,.menu-popover>button:hover{color:#fff;background:#202124}.device-list{border-top:1px solid #3c40431c;gap:5px;margin-top:5px;padding:7px;display:grid}.device-list span{color:#9aa0a6;justify-content:space-between;font-size:8px;display:flex}.device-list i{color:#4eae91;font-style:normal}.menu-popover{width:230px;padding:7px;top:91px;right:9px}.menu-popover button kbd{color:#9aa0a6;margin-left:auto;font:500 8px Manrope,sans-serif}.menu-popover hr{border:0;border-top:1px solid #3c40431c}.toast{z-index:90;color:#9bd5c5;background:#0e2124f2;border:1px solid #60b89d2e;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;animation:.2s both toastIn;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #00000059}:root{--ink:#e8eaed;--panel-soft:#202124;--blue:#8ab4f8;--violet:#aecbfa;--cyan:#72f22d;--bg:#202124;--panel:#202124;--panel-2:#202124;--text:#e8eaed;--muted:#9aa0a6;--line:#8ab4f824;--accent:#8ab4f8;--accent-2:#aecbfa;--accent-soft:#8ab4f81f}.browser-shell{color:var(--text);background:#202124}.ambient-one{background:#78ff2021}.ambient-two{background:#8ab4f829}.chrome{border-color:var(--line);background:#202124fa}.tab-strip{border-color:#8ab4f814;grid-template-columns:150px minmax(0,1fr) 108px}.brand{color:#efffd9;gap:10px}.brand strong{letter-spacing:.05em;font-size:15px}.brand-mark{background:#202124;border:1px solid #8ab4f870;border-radius:9px;width:31px;height:31px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 0 0 3px #8ab4f80f,0 8px 20px #00000061}.brand-mark img,.avatar img{object-fit:cover;width:100%;height:100%}.tab.active{box-shadow:inset 0 2px var(--accent);background:#202124}.tab.active:after{background:linear-gradient(90deg,var(--accent-2),var(--accent))}.tab:hover,.new-tab:hover,.nav-actions button:hover,.toolbar-actions button:hover{color:#e8eaed;background:#8ab4f814}.tab.active .tab-icon,.toolbar-actions button.active,.privacy-icon{color:var(--accent)}.toolbar,.workspace-panel,.ai-panel{background:#202124f5}.address-bar{background:#202124;border-color:#8ab4f82e;box-shadow:inset 0 0 0 1px #ffffff04}.address-bar:focus-within{border-color:#8ab4f885;box-shadow:0 0 0 3px #8ab4f814}.go-button,.send-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#202124;box-shadow:0 7px 18px #aecbfa33}.workspace-list button.active{background:var(--accent-soft);color:#e8eaed}.workspace-list button.active:before{background:var(--accent)}.workspace-icon.mint,.workspace-icon.coral,.workspace-icon.pink,.workspace-icon.gold{color:var(--accent);background:#8ab4f81a}.storage-card{color:#9aa0a6;background:#202124bd;border-color:#8ab4f821}.storage-card strong{color:#e8eaed}.storage-card i{background:#292a2d}.storage-card i b{background:linear-gradient(90deg,#aecbfa,var(--accent))}.viewport{background:radial-gradient(circle at 48% 16%,#8ab4f81f,#0000 28%),linear-gradient(#202124,#202124 54%,#202124)}.viewport:before{background-image:linear-gradient(#8ab4f806 1px,#0000 1px),linear-gradient(90deg,#8ab4f806 1px,#0000 1px)}.status-pill span{background:var(--accent);box-shadow:0 0 9px #8ab4f8b3}.hero-content{margin-top:1.5vh}.hero-brand{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#202124a3;border:1px solid #8ab4f82e;border-radius:15px;align-items:center;gap:11px;margin-bottom:12px;padding:7px 14px 7px 7px;display:inline-flex;box-shadow:0 16px 50px #00000047}.hero-brand img{object-fit:cover;border:1px solid #8ab4f857;border-radius:11px;width:48px;height:48px}.hero-brand span{text-align:left}.hero-brand small,.hero-brand strong{display:block}.hero-brand small{color:#9aa0a6;letter-spacing:.22em;font:700 7px Manrope,sans-serif}.hero-brand strong{color:#e8eaed;letter-spacing:.02em;margin-top:2px;font:800 18px Manrope,sans-serif}.eyebrow{color:#9aa0a6;background:#202124b8;border-color:#8ab4f826}.eyebrow span{background:var(--accent);color:#202124}.hero-content h1{color:#e8eaed;text-shadow:0 10px 30px #00000073}.hero-content>p{color:#9aa0a6}.main-search{background:#202124e6;border-color:#8ab4f838;box-shadow:0 20px 55px #00000052}.main-search:focus-within{border-color:#8ab4f88c;box-shadow:0 0 0 4px #8ab4f812,0 22px 58px #00000059}.main-search input{color:#e8eaed}.main-search input::placeholder{color:#9aa0a6}.main-search kbd{color:#9aa0a6;background:#202124;border-color:#3c4043;box-shadow:0 1px 1px #202124}.main-search>svg,.quick-links button:hover small,.section-title button,.perf-icon,.ai-orb,.ai-footnote,.console-success{color:var(--accent)}.quick-links button>span{background:#202124db;border-color:#8ab4f821}.quick-links button:hover>span{background:#8ab4f817;border-color:#8ab4f86b;transform:translateY(-3px)}.quick-links .youtube,.quick-links .github,.quick-links .notion,.quick-links .figma,.quick-links .gmail,.quick-links .add-link{color:#8ab4f8}.project-card,.performance-card,.devtools-panel{background:#202124e0;border-color:#8ab4f821}.project-card:hover{background:#202124f0;border-color:#8ab4f84d}.project-icon.rose,.project-icon.blue,.project-icon.teal{color:var(--accent);background:#8ab4f814}.mountain-back{background:#292a2d}.mountain-front{background:#202124}.sun-haze{background:#8ab4f812}.ai-actions button,.suggestions button{background:#8ab4f80d;border-color:#8ab4f821}.ai-actions button:hover,.suggestions button:hover{color:#e8eaed;border-color:#8ab4f84d}.message.ai{background:#292a2d;border-color:#8ab4f81f}.message.ai svg{color:var(--accent)}.message.user{color:#e8eaed;background:#26466e}.ai-composer{background:#202124;border-color:#8ab4f829}.toggle.active,.mini-toggle.active{background:linear-gradient(90deg,#aecbfa,var(--accent))}.score-ring{background:conic-gradient(var(--accent) 0 94%,#292a2d 94%)}.setting-icon,.extension-row i{color:var(--accent);background:#8ab4f814}.popover{background:#202124fa;border-color:#8ab4f82e}.profile-card{background:#202124}.avatar{background:#202124;border:1px solid #8ab4f847;padding:0;overflow:hidden}.profile-card>svg,.device-list i{color:var(--accent)}.ai-orb{color:var(--accent);background:linear-gradient(145deg,#8ab4f824,#1a73e833);box-shadow:inset 0 0 0 1px #8ab4f829}.ai-header small,.ai-header small i{color:#8ab4f8}.signal em{background:var(--accent-2)}.signal em:nth-child(5){background:#3c4043}.toast{color:#e8eaed;background:#202124f5;border-color:#8ab4f838}.private-mode .chrome{background:#202124}.private-mode .viewport{filter:saturate(.82)}.private-mode .address-bar{border-color:#8ab4f852}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(7px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes desktopPulse{0%{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.12)}}@media(max-width:1120px){.browser-body{grid-template-columns:190px minmax(0,1fr) 270px}.browser-body.left-collapsed{grid-template-columns:0 minmax(0,1fr) 270px}.browser-body.right-collapsed{grid-template-columns:190px minmax(0,1fr) 0}.project-grid{grid-template-columns:1fr 1fr}.project-card:last-child{display:none}}@media(max-width:860px){body{overflow:auto}.tab-strip{grid-template-columns:104px minmax(0,1fr)}.window-controls{display:none}.brand{padding-left:10px}.brand strong{display:none}.tab{min-width:130px}.browser-body,.browser-body.left-collapsed,.browser-body.right-collapsed,.browser-body.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.workspace-panel,.ai-panel{display:none}.edge-toggle{display:grid}.viewport{min-height:calc(100vh - 100px)}.hero-content{width:84%}.toolbar-actions button:nth-child(2){display:none}}@media(max-width:560px){.toolbar{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:6px}.nav-actions button:nth-child(2),.toolbar-actions button:not(:last-child){display:none}.address-bar{padding-left:9px}.go-button{min-width:39px}.tab{min-width:118px}.tabs .tab:nth-child(n+3){display:none}.hero-content{width:90%;margin-top:1vh}.hero-brand img{width:40px;height:40px}.hero-brand strong{font-size:16px}.hero-content h1{font-size:29px}.quick-links{gap:8px}.quick-links button:nth-child(4),.quick-links button:nth-child(5){display:none}.project-grid{grid-template-columns:1fr}.project-card:nth-child(n+2){display:none}.performance-card{left:9px;right:9px}.metrics span:nth-child(2),.clock-block span,.status-pill{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

/* ---- site-bar + site-fallback (web tab compatibility layer) ---- */
.site-bar{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#202124f2;border-bottom:1px solid #8ab4f821;font-size:12px;color:#e8eaed;flex-wrap:wrap}
.site-bar b{font-weight:700;color:#e8eaed;max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-bar .grow{flex:1}
.site-bar .sb-tag{border:1px solid #8ab4f82e;background:#8ab4f812;color:#9aa0a6;border-radius:999px;padding:2px 9px;font-size:11px}
.site-bar button{border:1px solid #8ab4f82e;background:#8ab4f814;color:#e8eaed;border-radius:8px;padding:4px 10px;cursor:pointer;font-size:12px;font-family:inherit}
.site-bar button:hover{background:#8ab4f82e}
.site-bar button.on{background:#8ab4f84d;color:#202124;font-weight:700}
.site-fallback{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;background:#202124;color:#e8eaed;overflow:auto}
.site-fallback .fb-icon{font-size:44px;line-height:1}
.site-fallback h2{margin:0;font:800 22px Manrope,sans-serif;color:#e8eaed}
.site-fallback p{margin:0;max-width:56ch;color:#9aa0a6;line-height:1.65;font-size:13px}
.site-fallback .fb-url{font-family:ui-monospace,monospace;font-size:12px;color:#9aa0a6;background:#8ab4f80f;border:1px solid #8ab4f821;border-radius:8px;padding:6px 10px;max-width:80ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-fallback .page-toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}

/* ---- v10.1.0: site-bar geometry, iframe offset, theme switch, settings selects ---- */
.site-bar{height:34px;min-height:34px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 10px;scrollbar-width:thin}
.site-bar b{line-height:34px}
.site-bar .sb-tag{white-space:nowrap}
.site-bar button{white-space:nowrap;flex:0 0 auto}
.site-bar:not(.hidden)~.web-frame{height:calc(100% - 34px)!important;margin-top:34px}
.site-bar:not(.hidden)~.home-scroll{height:calc(100% - 34px)!important;margin-top:34px}
#btn-theme.on{background:#1a73e824;color:#8ab4f8;border-color:#1a73e855}
html[data-theme="light"] #btn-theme.on{background:#1a73e81f;color:#1a73e8}
select.ghost-btn{appearance:none;-webkit-appearance:none;padding:6px 12px;border-radius:10px;cursor:pointer;background:#ffffff10;border:1px solid #ffffff22;color:inherit;font-family:inherit;font-size:12px;min-width:150px}
html[data-theme="light"] select.ghost-btn{background:#1a73e80d;border:1px solid #1a73e833;color:#2c2c2a}
.site-fallback .page-toolbar button{cursor:pointer;font-family:inherit}
.tab.new-tab{font-weight:700}
/* ===== v10.2.4 Chrome-like dark polish ===== */
.chrome{background:#202124;border-bottom:1px solid #3c4043;box-shadow:0 12px 28px #00000047}
.toolbar{background:#202124;border-bottom:1px solid #3c4043}
.tab-strip{border-bottom:1px solid #3c4043}
.tab{color:#9aa0a6}
.tab:hover{background:#3c404366;color:#e8eaed}
.tab.active{color:#e8eaed;background:#292a2d;border-color:#3c4043}
.address-bar{background:#292a2d;border-color:#3c4043;color:#e8eaed}
.viewport{background:#202124}
.status-bar{background:#202124;border-top:1px solid #3c4043;color:#9aa0a6}
.workspace-panel,.ai-panel,.terminal-panel{border-color:#3c4043}
.go-button{background:#8ab4f8;color:#202124}
.dock{display:none!important}

/* ===== v10.2.4 hj-editor (Chrome-like mini-app surfaces) ===== */
.hj-editor{background:#202124;border:1px solid #3c4043;border-radius:12px;color:#e8eaed}
.hj-canvas{background:#202124;border:1px solid #3c4043}
.hj-out{background:#202124;border:1px solid #3c4043;border-radius:12px;color:#8ab4f8}
html[data-theme=light] .hj-editor{background:#ffffff;border-color:#dadce0;color:#202124}
html[data-theme=light] .hj-canvas{background:#ffffff;border-color:#dadce0}
html[data-theme=light] .hj-out{background:#f8f9fa;border-color:#dadce0;color:#1a73e8}

/* ===== v10.2.4 ปุ่มติดตั้งบนหน้าเดสก์ท็อป (hero install) ===== */
.hero-install{display:flex;align-items:center;gap:12px;max-width:580px;margin:4px 0 14px;padding:10px 14px;border-radius:14px;background:#202124e6;border:1px solid #8ab4f826;box-shadow:0 16px 50px #00000038;text-align:left}
.hero-install-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#8ab4f81a;color:#8ab4f8;font-size:18px}
.hero-install-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hero-install-text strong{color:#e8eaed;font-size:13px;font-weight:700}
.hero-install-text small{color:#9aa0a6;font-size:11px;line-height:1.35}
.hero-install-actions{flex:none;display:flex;gap:8px}
.hero-install-actions .accent-btn,.hero-install-actions .ghost-btn{min-width:0;width:auto;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}
.hero-install-actions .accent-btn:hover,.hero-install-actions .ghost-btn:hover{transform:translateY(-1px)}
.hero-install-actions .accent-btn:disabled{opacity:.6;cursor:default;transform:none}
@media(max-width:560px){.hero-install{flex-wrap:wrap}.hero-install-actions{width:100%}.hero-install-actions button{flex:1}}