/* Hiajab Browser — light theme "จอสีขาวตัดเขียว"
   Generated by build_light_theme.py (palette remap of styles.css + extra.css).
   Scope: html[data-theme="light"]   Do not hand-edit; regenerate instead. */
html[data-theme="light"]{--ink:#202124;--muted:#5f6368;--panel:#f8f9fa;--panel-soft:#f8f9fa;--line:#3c404324;--blue:#1a73e8;--violet:#3b2c78;--cyan:#1a73e8;--danger:#d93025}
html[data-theme="light"] *{box-sizing:border-box}
html[data-theme="light"], html[data-theme="light"] body, html[data-theme="light"] #root{min-height:100%}
html[data-theme="light"] body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f8f9fa;margin:0;font-family:IBM Plex Sans Thai,Manrope,sans-serif;overflow:hidden}
html[data-theme="light"] button, html[data-theme="light"] input, html[data-theme="light"] textarea{font:inherit}
html[data-theme="light"] button{color:inherit}
html[data-theme="light"] .not-found{text-align:center;background:#f8f9fa;place-content:center;gap:10px;min-height:100vh;padding:24px;display:grid}
html[data-theme="light"] .not-found h1{margin:0;font-size:28px}
html[data-theme="light"] .not-found p{color:#5f6368;margin:0}
html[data-theme="light"] .not-found a{color:#ffffff;background:#1557b0;border-radius:10px;width:max-content;margin:8px auto 0;padding:10px 16px;font-weight:700;text-decoration:none}
html[data-theme="light"] .browser-shell{background:radial-gradient(circle at 58% 44%,#19376030,#0000 34%),#f8f9fa;min-height:100vh;position:relative;overflow:hidden}
html[data-theme="light"] .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}
html[data-theme="light"] .ambient{filter:blur(90px);pointer-events:none;border-radius:50%;position:fixed}
html[data-theme="light"] .ambient-one{background:#1e44851f;width:340px;height:340px;top:18%;left:18%}
html[data-theme="light"] .ambient-two{background:#3022621a;width:300px;height:300px;bottom:0;right:7%}
html[data-theme="light"] .chrome{z-index:30;border-bottom:1px solid var(--line);background:#f8f9faf7;position:relative;box-shadow:0 12px 28px #00000047}
html[data-theme="light"] .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}
html[data-theme="light"] .tab-strip button, html[data-theme="light"] .tab-strip [role=button]{-webkit-app-region:no-drag}
html[data-theme="light"] .brand{cursor:pointer;letter-spacing:.14em;background:0 0;border:0;align-items:center;gap:9px;height:46px;padding:0 15px;display:flex}
html[data-theme="light"] .brand strong{font:800 13px Manrope,sans-serif}
html[data-theme="light"] .brand-mark{background:linear-gradient(145deg,#1a73e8,#322b76 58%,#592e72);border-radius:8px;place-items:center;width:25px;height:25px;display:grid;transform:rotate(-10deg);box-shadow:inset 0 1px #ffffff80,0 5px 15px #2a2a7640}
html[data-theme="light"] .brand-mark span{border:3px solid #fff;border-right-color:#0000;border-radius:7px;width:10px;height:13px;transform:rotate(10deg)}
html[data-theme="light"] .tabs{align-items:flex-end;min-width:0;height:100%;display:flex;overflow:hidden}
html[data-theme="light"] .tab{color:#5f6368;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}
html[data-theme="light"] .tab:hover{color:#202124;background:#f8f9fa8c}
html[data-theme="light"] .tab.active{color:#202124;border-color:var(--line);background:linear-gradient(#f8f9fa,#f8f9fa)}
html[data-theme="light"] .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}
html[data-theme="light"] .tab-icon{color:#202124;place-items:center;display:grid}
html[data-theme="light"] .tab-title{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:12px;overflow:hidden}
html[data-theme="light"] .tab-close{border-radius:5px;place-items:center;width:20px;height:20px;display:grid}
html[data-theme="light"] .tab-close:hover{background:#ffffff1a}
html[data-theme="light"] .new-tab{color:#5f6368;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:27px;height:27px;margin:0 0 7px 6px;display:grid}
html[data-theme="light"] .new-tab:hover{color:#202124;background:#2021241f}
html[data-theme="light"] .window-controls{color:#5f6368;justify-content:space-around;align-items:center;height:100%;padding-right:8px;display:flex}
html[data-theme="light"] .window-controls button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}
html[data-theme="light"] .window-controls button:hover{color:#202124;background:#1a73e814}
html[data-theme="light"] .window-controls button:last-child:hover{color:#fff;background:#d93025}
html[data-theme="light"] .window-controls button:disabled{opacity:.3;cursor:default}
html[data-theme="light"] .toolbar{grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px;height:54px;padding:7px 13px;display:grid}
html[data-theme="light"] .nav-actions, html[data-theme="light"] .toolbar-actions{gap:4px;display:flex}
html[data-theme="light"] .nav-actions button, html[data-theme="light"] .toolbar-actions button, html[data-theme="light"] .ai-header button, html[data-theme="light"] .panel-heading button, html[data-theme="light"] .modal-heading button, html[data-theme="light"] .popover-title button{cursor:pointer;color:#5f6368;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;transition:all .18s;display:grid}
html[data-theme="light"] .nav-actions button:hover, html[data-theme="light"] .toolbar-actions button:hover, html[data-theme="light"] .toolbar-actions button.active{color:#202124;background:#f8f9fa}
html[data-theme="light"] .nav-actions button:disabled{opacity:.28;cursor:not-allowed;background:0 0}
html[data-theme="light"] .address-bar{color:#5f6368;background:#f8f9fa;border:1px solid #3c40432b;border-radius:11px;align-items:center;gap:8px;height:38px;padding:0 5px 0 12px;display:flex;box-shadow:inset 0 1px #ffffff05}
html[data-theme="light"] .address-bar input{color:#202124;background:0 0;border:0;outline:0;flex:1;min-width:0;font:500 12px Manrope,sans-serif}
html[data-theme="light"] .go-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a73e8,#2a2f74);border:0;border-radius:8px;align-self:stretch;min-width:48px;font-weight:700}
html[data-theme="light"] .privacy-icon{color:#584180}
html[data-theme="light"] .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}
html[data-theme="light"] .browser-body.left-collapsed{grid-template-columns:0 minmax(0,1fr) 300px}
html[data-theme="light"] .browser-body.right-collapsed{grid-template-columns:220px minmax(0,1fr) 0}
html[data-theme="light"] .browser-body.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}
html[data-theme="light"] .workspace-panel, html[data-theme="light"] .ai-panel{border-color:var(--line);background:#f8f9faf0;min-width:0;overflow:hidden}
html[data-theme="light"] .workspace-panel{border-right:1px solid var(--line);flex-direction:column;padding:14px 10px 12px;display:flex}
html[data-theme="light"] .panel-heading{color:#202124;justify-content:space-between;align-items:center;padding:0 4px 10px;font:700 12px Manrope,sans-serif;display:flex}
html[data-theme="light"] .panel-heading button{width:27px;height:27px}
html[data-theme="light"] .workspace-list{gap:3px;display:grid}
html[data-theme="light"] .workspace-list button, html[data-theme="light"] .side-section button{color:#5f6368;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;min-width:0;transition:all .18s;display:grid}
html[data-theme="light"] .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}
html[data-theme="light"] .workspace-list button:hover, html[data-theme="light"] .workspace-list button.active{color:#202124;background:#e8f0fe}
html[data-theme="light"] .workspace-list button.active{box-shadow:inset 0 0 0 1px #3c404333}
html[data-theme="light"] .workspace-list small, html[data-theme="light"] .side-section small{color:#3c4043}
html[data-theme="light"] .workspace-icon{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}
html[data-theme="light"] .workspace-icon.coral{color:#d93025;background:#d9302524}
html[data-theme="light"] .workspace-icon.mint{color:#202124;background:#1a73e821}
html[data-theme="light"] .workspace-icon.pink{color:#d93025;background:#d9302521}
html[data-theme="light"] .workspace-icon.gold{color:#b06000;background:#b0600021}
html[data-theme="light"] .side-section{border-top:1px solid #3c40431c;gap:1px;margin-top:15px;padding-top:12px;display:grid}
html[data-theme="light"] .side-section p{letter-spacing:.15em;color:#5f6368;margin:0 8px 5px;font:600 9px Manrope,sans-serif}
html[data-theme="light"] .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}
html[data-theme="light"] .side-section button:hover{color:#202124;background:#f8f9fa80}
html[data-theme="light"] .storage-card{color:#5f6368;text-align:left;cursor:pointer;background:#f8f9fa9e;border:1px solid #3c404324;border-radius:10px;margin-top:auto;padding:10px}
html[data-theme="light"] .storage-card span{align-items:center;gap:6px;font-size:10px;display:flex}
html[data-theme="light"] .storage-card strong{color:#202124;margin:7px 0;font:600 10px Manrope,sans-serif;display:block}
html[data-theme="light"] .storage-card i{background:#f8f9fa;border-radius:3px;height:3px;display:block;overflow:hidden}
html[data-theme="light"] .storage-card b{background:linear-gradient(90deg,var(--blue),var(--violet));width:29%;height:100%;display:block}
html[data-theme="light"] .viewport{background:linear-gradient(165deg,#f8f9fa,#f8f9fa 38%,#f8f9fa 72%,#f8f9fa);min-width:0;position:relative;overflow:hidden}
html[data-theme="light"] .viewport:before{content:"";pointer-events:none;background:radial-gradient(at 72% 35%,#3c404324,#0000 37%),linear-gradient(#0000 60%,#f8f9fa6e);position:absolute;inset:0}
html[data-theme="light"] .viewport-topline{z-index:3;justify-content:space-between;align-items:flex-start;padding:20px 25px;display:flex;position:relative}
html[data-theme="light"] .status-pill{color:#5f6368;background:#f8f9fa7a;border:1px solid #5f63681f;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font:600 9px Manrope,sans-serif;display:flex}
html[data-theme="light"] .status-pill span{background:#1a73e8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #1a73e81a}
html[data-theme="light"] .clock-block{text-align:right}
html[data-theme="light"] .clock-block strong{letter-spacing:.08em;font:500 22px Manrope,sans-serif;display:block}
html[data-theme="light"] .clock-block span{color:#5f6368;font-size:9px}
html[data-theme="light"] .hero-content{z-index:4;text-align:center;width:min(580px,72%);margin:3vh auto 0;position:relative}
html[data-theme="light"] .eyebrow{color:#5f6368;letter-spacing:.08em;background:#f8f9fa7a;border:1px solid #3c40431f;border-radius:20px;align-items:center;gap:7px;padding:5px 8px;font:600 8px Manrope,sans-serif;display:inline-flex}
html[data-theme="light"] .eyebrow span{color:#202124;background:#29437429;border-radius:8px;padding:2px 5px}
html[data-theme="light"] .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}
html[data-theme="light"] .hero-content>p{color:#5f6368;margin:0 0 21px;font-size:13px}
html[data-theme="light"] .main-search{color:#5f6368;background:#202124f0;border:1px solid #3c404338;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 #f8f9fa52}
html[data-theme="light"] .main-search input{color:#f8f9fa;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}
html[data-theme="light"] .main-search kbd{color:#5f6368;background:#202124;border:1px solid #202124;border-radius:6px;padding:3px 6px;font:600 9px Manrope,sans-serif;box-shadow:0 1px 1px #202124}
html[data-theme="light"] .quick-links{justify-content:center;gap:21px;margin-top:18px;display:flex}
html[data-theme="light"] .quick-links button{cursor:pointer;color:#5f6368;background:0 0;border:0;justify-items:center;gap:6px;display:grid}
html[data-theme="light"] .quick-links button>span{background:#f8f9fabf;border:1px solid #3c404326;border-radius:12px;place-items:center;width:39px;height:39px;transition:transform .18s,background .18s;display:grid}
html[data-theme="light"] .quick-links button:hover>span{background:#f8f9fae6;transform:translateY(-3px)}
html[data-theme="light"] .quick-links small{font:500 8px Manrope,sans-serif}
html[data-theme="light"] .quick-links .youtube{color:#d93025}
html[data-theme="light"] .quick-links .github{color:#202124}
html[data-theme="light"] .quick-links .notion{color:#202124}
html[data-theme="light"] .quick-links .figma{color:#d93025}
html[data-theme="light"] .quick-links .gmail{color:#202124}
html[data-theme="light"] .quick-links .add-link{color:#5f6368;border-style:dashed}
html[data-theme="light"] .section-title{justify-content:space-between;align-items:end;margin-bottom:9px;display:flex}
html[data-theme="light"] .section-title div span, html[data-theme="light"] .section-title div small{display:block}
html[data-theme="light"] .section-title div span{font-size:11px;font-weight:600}
html[data-theme="light"] .section-title div small{color:#5f6368;margin-top:1px;font-size:8px}
html[data-theme="light"] .section-title button{color:#5f6368;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}
html[data-theme="light"] .project-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}
html[data-theme="light"] .project-card{text-align:left;cursor:pointer;background:#f8f9fab3;border:1px solid #3c404326;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}
html[data-theme="light"] .project-card:hover{background:#f8f9fad4;border-color:#3c404359;transform:translateY(-2px)}
html[data-theme="light"] .project-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}
html[data-theme="light"] .project-icon.rose{color:#d93025;background:#d930251f}
html[data-theme="light"] .project-icon.blue{color:#202124;background:#28467121}
html[data-theme="light"] .project-icon.teal{color:#202124;background:#1a73e81f}
html[data-theme="light"] .project-card span strong, html[data-theme="light"] .project-card span small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
html[data-theme="light"] .project-card span strong{color:#202124;font:600 9px Manrope,sans-serif}
html[data-theme="light"] .project-card span small{color:#5f6368;margin-top:4px;font-size:8px}
html[data-theme="light"] .project-card>svg{color:#5f6368}
html[data-theme="light"] .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%}
html[data-theme="light"] .mountain-back{opacity:.72;background:#f8f9fa;height:38%;bottom:0}
html[data-theme="light"] .mountain-front{opacity:.92;background:#f8f9fa;height:27%;bottom:0;transform:scaleX(-1)}
html[data-theme="light"] .sun-haze{filter:blur(30px);background:#3c40430f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:12%;right:13%}
html[data-theme="light"] .performance-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f9fac7;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}
html[data-theme="light"] .performance-card>div{align-items:center;gap:8px;display:flex}
html[data-theme="light"] .perf-icon{color:#202124;background:#1a73e81c;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}
html[data-theme="light"] .performance-card p{margin:0}
html[data-theme="light"] .performance-card p strong, html[data-theme="light"] .performance-card p small{display:block}
html[data-theme="light"] .performance-card p strong{font:600 9px Manrope,sans-serif}
html[data-theme="light"] .performance-card p small{color:#5f6368;margin-top:2px;font-size:8px}
html[data-theme="light"] .site-preview{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#f8f9fad1;border:1px solid #1a73e82b;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}
html[data-theme="light"] .site-preview-icon{width:62px;height:62px;color:var(--accent);background:#1a73e817;border:1px solid #1a73e82e;border-radius:18px;place-items:center;margin:0 auto 14px;display:grid}
html[data-theme="light"] .site-preview>small{color:#5f6368;letter-spacing:.16em;text-transform:uppercase;font:700 9px Manrope,sans-serif}
html[data-theme="light"] .site-preview h1{letter-spacing:-.04em;margin:8px 0 6px;font:700 clamp(25px,4vw,38px) Manrope,sans-serif}
html[data-theme="light"] .site-preview p{color:#5f6368;text-overflow:ellipsis;white-space:nowrap;margin:0 auto 24px;font-size:11px;overflow:hidden}
html[data-theme="light"] .site-preview>button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#f8f9fa;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 #1a73e82e}
html[data-theme="light"] .site-preview>span{color:#5f6368;max-width:380px;margin:14px auto 0;font-size:9px;line-height:1.6;display:block}
html[data-theme="light"] .desktop-site{z-index:4;background:#202124;border:1px solid #1a73e826;border-radius:13px;position:absolute;inset:66px 10px 10px;overflow:hidden;box-shadow:0 20px 60px #00000042}
html[data-theme="light"] .desktop-site-status{z-index:2;color:#5f6368;background:#f1f3f4;border-bottom:1px solid #dadce0;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:9px;display:flex;position:absolute;inset:0 0 auto}
html[data-theme="light"] .desktop-site-status>span{background:#1a73e8;border-radius:50%;width:7px;height:7px}
html[data-theme="light"] .desktop-site-status>span.loading{background:var(--accent);animation:.9s infinite alternate desktopPulse}
html[data-theme="light"] .desktop-site-status strong{font-weight:700}
html[data-theme="light"] .desktop-site-status small{text-overflow:ellipsis;white-space:nowrap;color:#d93025;min-width:0;overflow:hidden}
html[data-theme="light"] .desktop-web-surface{background:#fff;position:absolute;inset:30px 0 0}
html[data-theme="light"] .metrics span{color:#5f6368;border-left:1px solid #3c40431f;min-width:43px;padding-left:9px;font:500 8px Manrope,sans-serif}
html[data-theme="light"] .metrics b{color:#202124;font-size:11px}
html[data-theme="light"] .metrics small{color:#5f6368;margin-top:1px;font-size:7px;display:block}
html[data-theme="light"] .signal{align-items:end;gap:2px;height:20px;display:flex}
html[data-theme="light"] .signal em{background:#1a73e8;border-radius:2px;width:3px}
html[data-theme="light"] .signal em:first-child{height:5px}
html[data-theme="light"] .signal em:nth-child(2){height:9px}
html[data-theme="light"] .signal em:nth-child(3){height:13px}
html[data-theme="light"] .signal em:nth-child(4){height:16px}
html[data-theme="light"] .signal em:nth-child(5){background:#f8f9fa;height:11px}
html[data-theme="light"] .ai-panel{border-left:1px solid var(--line);flex-direction:column;padding:15px 13px 10px;display:flex}
html[data-theme="light"] .ai-header{justify-content:space-between;align-items:center;display:flex}
html[data-theme="light"] .ai-header>div, html[data-theme="light"] .modal-heading>div{align-items:center;gap:9px;display:flex}
html[data-theme="light"] .ai-orb{color:#202124;background:linear-gradient(145deg,#1a73e833,#35226c38);border-radius:9px;place-items:center;width:29px;height:29px;display:grid;box-shadow:inset 0 0 0 1px #3c404329}
html[data-theme="light"] .ai-header p, html[data-theme="light"] .modal-heading p{margin:0}
html[data-theme="light"] .ai-header small, html[data-theme="light"] .ai-header strong{display:block}
html[data-theme="light"] .ai-header small{color:#202124;letter-spacing:.09em;font:700 8px Manrope,sans-serif}
html[data-theme="light"] .ai-header small i{color:#443870;margin-left:3px;font-style:normal}
html[data-theme="light"] .ai-header strong{margin-top:2px;font-size:14px}
html[data-theme="light"] .ai-actions{grid-template-columns:1fr 1.35fr;gap:6px;margin:13px 0 11px;display:grid}
html[data-theme="light"] .ai-actions button{color:#5f6368;cursor:pointer;background:#f8f9fa;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}
html[data-theme="light"] .ai-actions button:hover{color:#0b57d0;background:#0b57d014;border-color:#0b57d04d}
html[data-theme="light"] .chat-thread{scrollbar-width:thin;scrollbar-color:#f8f9fa transparent;flex:1;min-height:80px;padding-right:2px;overflow-y:auto}
html[data-theme="light"] .message{color:#5f6368;background:#f8f9fa;border:1px solid #3c40431c;border-radius:9px;max-width:92%;margin-bottom:8px;padding:9px 10px;font-size:10px;line-height:1.55}
html[data-theme="light"] .message.ai{align-items:flex-start;gap:7px;display:flex}
html[data-theme="light"] .message.ai svg{color:#202124;flex:none;margin-top:2px}
html[data-theme="light"] .message.user{color:#fff;background:linear-gradient(135deg,#1a73e8,#322a6c);border:0;margin-left:auto}
html[data-theme="light"] .suggestions{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}
html[data-theme="light"] .suggestions button{color:#5f6368;cursor:pointer;background:0 0;border:1px solid #3c404324;border-radius:12px;padding:4px 7px;font-size:8px}
html[data-theme="light"] .suggestions button:hover{color:#202124;border-color:#3c40434d}
html[data-theme="light"] .ai-composer{background:#f8f9fa;border:1px solid #3c40432b;border-radius:11px;overflow:hidden}
html[data-theme="light"] .ai-composer textarea{resize:none;color:#202124;background:0 0;border:0;outline:0;width:100%;height:67px;padding:10px;font-size:10px;display:block}
html[data-theme="light"] .ai-composer textarea::placeholder{color:#5f6368}
html[data-theme="light"] .ai-composer>div{border-top:1px solid #3c40431a;justify-content:space-between;padding:6px;display:flex}
html[data-theme="light"] .ai-composer>div span{display:flex}
html[data-theme="light"] .ai-composer button{color:#5f6368;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:8px;display:flex}
html[data-theme="light"] .ai-composer .send-button{color:#fff;background:linear-gradient(135deg,#1a73e8,#362972);border-radius:7px;justify-content:center;width:30px;height:27px}
html[data-theme="light"] .ai-footnote{color:#5f6368;justify-content:center;align-items:center;gap:4px;margin:7px 0 0;font-size:7px;display:flex}
html[data-theme="light"] .ai-file-input{display:none}
html[data-theme="light"] .ai-composer button:disabled, html[data-theme="light"] .ai-actions button:disabled{opacity:.45;cursor:wait}
html[data-theme="light"] .ai-thinking{align-items:center;min-height:34px}
html[data-theme="light"] .ai-thinking span{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:.7s infinite alternate desktopPulse}
html[data-theme="light"] .ai-thinking span:nth-of-type(2){animation-delay:.14s}
html[data-theme="light"] .ai-thinking span:nth-of-type(3){animation-delay:.28s}
html[data-theme="light"] .edge-toggle{z-index:20;border:1px solid var(--line);color:#5f6368;cursor:pointer;background:#f8f9fa;border-radius:0 9px 9px 0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px}
html[data-theme="light"] .edge-toggle.left{left:0}
html[data-theme="light"] .edge-toggle.right{border-radius:9px 0 0 9px;right:0}
html[data-theme="light"] .devtools-panel{z-index:20;background:#f8f9fafa;border-top:1px solid #f8f9fa;height:185px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -15px 40px #00000040}
html[data-theme="light"] .devtools-tabs{border-bottom:1px solid #3c404324;align-items:stretch;height:35px;display:flex}
html[data-theme="light"] .devtools-tabs button{color:#5f6368;cursor:pointer;background:0 0;border:0;padding:0 12px;font:500 9px Manrope,sans-serif}
html[data-theme="light"] .devtools-tabs button.active{color:#202124;border-bottom:2px solid var(--blue)}
html[data-theme="light"] .devtools-tabs span{flex:1}
html[data-theme="light"] .console-lines{color:#5f6368;padding:8px 13px;font:10px/1.7 Manrope,sans-serif}
html[data-theme="light"] .console-lines p{border-bottom:1px solid #3c404312;margin:0}
html[data-theme="light"] .console-lines p span{color:#3c4043;margin-right:5px}
html[data-theme="light"] .console-lines .console-success{color:#202124}
html[data-theme="light"] .console-lines i{color:#5c426c;font-style:normal}
html[data-theme="light"] .overlay{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f8f9faad;place-items:center;display:grid;position:fixed;inset:0}
html[data-theme="light"] .security-modal{background:linear-gradient(160deg,#f8f9fa,#f8f9fa);border:1px solid #3c404333;border-radius:17px;width:min(460px,100vw - 28px);padding:18px;animation:.2s both modalIn;box-shadow:0 30px 100px #0000008c}
html[data-theme="light"] .modal-heading{justify-content:space-between;display:flex}
html[data-theme="light"] .modal-heading>div>span{color:#202124;background:#1a73e81f;border-radius:12px;place-items:center;width:41px;height:41px;display:grid}
html[data-theme="light"] .modal-heading small, html[data-theme="light"] .modal-heading strong{display:block}
html[data-theme="light"] .modal-heading small{color:#5f6368;text-transform:uppercase;letter-spacing:.12em;font:600 8px Manrope,sans-serif}
html[data-theme="light"] .modal-heading strong{margin-top:3px;font-size:15px}
html[data-theme="light"] .security-score{background:#3c40431f;border:1px solid #1a73e821;border-radius:12px;align-items:center;gap:13px;margin:16px 0;padding:13px;display:flex}
html[data-theme="light"] .score-ring{text-align:center;border:4px solid #1a73e8;border-radius:50%;flex:none;place-content:center;width:61px;height:61px;display:grid;box-shadow:inset 0 0 0 4px #1a73e814}
html[data-theme="light"] .score-ring strong{font:700 19px/1 Manrope,sans-serif}
html[data-theme="light"] .score-ring span{color:#5f6368;font-size:7px}
html[data-theme="light"] .security-score p{margin:0}
html[data-theme="light"] .security-score p strong, html[data-theme="light"] .security-score p small{display:block}
html[data-theme="light"] .security-score p strong{font-size:11px}
html[data-theme="light"] .security-score p small{color:#5f6368;margin-top:4px;font-size:9px}
html[data-theme="light"] .setting-list{gap:6px;display:grid}
html[data-theme="light"] .setting-row{text-align:left;cursor:pointer;background:#f8f9fa;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}
html[data-theme="light"] .setting-icon{color:#202124;background:#223a621f;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}
html[data-theme="light"] .setting-row p{margin:0}
html[data-theme="light"] .setting-row strong, html[data-theme="light"] .setting-row small{display:block}
html[data-theme="light"] .setting-row strong{font-size:10px}
html[data-theme="light"] .setting-row small{color:#5f6368;margin-top:3px;font-size:8px}
html[data-theme="light"] .toggle, html[data-theme="light"] .mini-toggle{background:#f8f9fa;border-radius:20px;width:34px;height:19px;position:relative}
html[data-theme="light"] .toggle i{background:#5f6368;border-radius:50%;width:15px;height:15px;transition:transform .18s;position:absolute;top:2px;left:2px}
html[data-theme="light"] .toggle.active{background:linear-gradient(90deg,#1a73e8,#322a6e)}
html[data-theme="light"] .toggle.active i{background:#fff;transform:translate(15px)}
html[data-theme="light"] .clear-data{color:#d93025;cursor:pointer;background:#d930251a;border:1px solid #d930252e;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;margin-top:10px;display:flex}
html[data-theme="light"] .library-modal{background:linear-gradient(160deg,#f8f9fa,#f8f9fa);border:1px solid #1a73e82e;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}
html[data-theme="light"] .library-modal .modal-heading{margin-bottom:16px}
html[data-theme="light"] .modal-heading>div{align-items:center;gap:10px;display:flex}
html[data-theme="light"] .library-list{gap:6px;display:grid}
html[data-theme="light"] .library-list>button{color:#5f6368;text-align:left;cursor:pointer;background:#1a73e806;border:1px solid #1a73e81a;border-radius:10px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:54px;padding:8px 10px;display:grid}
html[data-theme="light"] .library-list>button:hover{color:#202124;background:#1a73e812;border-color:#1a73e847}
html[data-theme="light"] .library-list span strong, html[data-theme="light"] .library-list span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
html[data-theme="light"] .library-list span strong{font-size:10px}
html[data-theme="light"] .library-list span small{color:#5f6368;margin-top:3px;font-size:8px}
html[data-theme="light"] .library-empty{color:#5f6368;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:170px;display:grid}
html[data-theme="light"] .library-empty svg{color:var(--accent)}
html[data-theme="light"] .library-empty strong{color:#202124;font-size:11px}
html[data-theme="light"] .library-empty small{font-size:8px}
html[data-theme="light"] .popover{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f9fafa;border:1px solid #3c404333;border-radius:12px;animation:.16s both popIn;position:fixed;box-shadow:0 24px 60px #00000073}
html[data-theme="light"] .extension-popover{width:255px;padding:8px;top:91px;right:49px}
html[data-theme="light"] .popover-title{color:#202124;justify-content:space-between;align-items:center;height:29px;padding-left:5px;font:700 10px Manrope,sans-serif;display:flex}
html[data-theme="light"] .popover-title button{width:25px;height:25px}
html[data-theme="light"] .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}
html[data-theme="light"] .extension-row:hover{background:#f8f9fa}
html[data-theme="light"] .extension-row>span{align-items:center;gap:7px;display:flex}
html[data-theme="light"] .extension-row i{color:#202124;background:#2840661c;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}
html[data-theme="light"] .extension-row b{font-size:9px;font-weight:500}
html[data-theme="light"] .mini-toggle{width:24px;height:13px;display:block}
html[data-theme="light"] .mini-toggle.active:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}
html[data-theme="light"] .mini-toggle.active{background:#3c4043}
html[data-theme="light"] .manage-link{color:#5f6368;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}
html[data-theme="light"] .extension-row b small{color:#5f6368;margin-top:2px;font-size:7px;display:block}
html[data-theme="light"] .extension-empty{color:#5f6368;text-align:center;padding:18px 8px;font-size:8px}
html[data-theme="light"] .profile-popover{width:280px;max-height:min(460px,100vh - 70px);padding:9px;top:43px;left:12px;overflow:auto}
html[data-theme="light"] .saved-profile{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}
html[data-theme="light"] .saved-profile>button, html[data-theme="light"] .saved-profile>button span{min-width:0}
html[data-theme="light"] .saved-profile strong, html[data-theme="light"] .saved-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
html[data-theme="light"] .saved-profile small{color:#5f6368;font-size:7px}
html[data-theme="light"] .saved-profile>span{display:flex}
html[data-theme="light"] .saved-profile>span button, html[data-theme="light"] .profile-popover>button.active{color:var(--accent)}
html[data-theme="light"] .saved-profile i{border-radius:50%;width:8px;height:8px;display:inline-block}
html[data-theme="light"] .profile-form{gap:9px;display:grid}
html[data-theme="light"] .profile-form label{color:#5f6368;gap:4px;font-size:8px;display:grid}
html[data-theme="light"] .profile-form input, html[data-theme="light"] .profile-form select, html[data-theme="light"] .profile-form textarea{color:#202124;width:100%;min-height:32px;font:inherit;background:#f8f9fa;border:1px solid #1a73e829;border-radius:8px;padding:6px 8px;font-size:10px}
html[data-theme="light"] .profile-form textarea{resize:vertical;min-height:62px}
html[data-theme="light"] .form-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}
html[data-theme="light"] .proxy-check{grid-template-columns:auto 1fr;align-items:center}
html[data-theme="light"] .form-actions{justify-content:flex-end;gap:8px;display:flex}
html[data-theme="light"] .form-actions button{color:#202124;cursor:pointer;background:0 0;border:1px solid #1a73e83d;border-radius:8px;min-height:32px;padding:0 12px}
html[data-theme="light"] .form-actions button[type=submit]{background:var(--accent);color:#f8f9fa;font-weight:700}
html[data-theme="light"] .profile-card{background:#f8f9fa;border-radius:9px;grid-template-columns:35px 1fr 15px;align-items:center;gap:8px;padding:9px;display:grid}
html[data-theme="light"] .avatar{background:linear-gradient(145deg,#1a73e8,#3b2a72);border-radius:11px;place-items:center;width:35px;height:35px;font:700 10px Manrope,sans-serif;display:grid}
html[data-theme="light"] .profile-card p{margin:0}
html[data-theme="light"] .profile-card strong, html[data-theme="light"] .profile-card small{display:block}
html[data-theme="light"] .profile-card strong{font:600 10px Manrope,sans-serif}
html[data-theme="light"] .profile-card small{color:#5f6368;margin-top:2px;font-size:8px}
html[data-theme="light"] .profile-card>svg{color:#202124}
html[data-theme="light"] .profile-popover>button, html[data-theme="light"] .menu-popover>button{color:#5f6368;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}
html[data-theme="light"] .profile-popover>button:hover, html[data-theme="light"] .menu-popover>button:hover{color:#202124;background:#0b57d014}
html[data-theme="light"] .device-list{border-top:1px solid #3c40431c;gap:5px;margin-top:5px;padding:7px;display:grid}
html[data-theme="light"] .device-list span{color:#5f6368;justify-content:space-between;font-size:8px;display:flex}
html[data-theme="light"] .device-list i{color:#202124;font-style:normal}
html[data-theme="light"] .menu-popover{width:230px;padding:7px;top:91px;right:9px}
html[data-theme="light"] .menu-popover button kbd{color:#5f6368;margin-left:auto;font:500 8px Manrope,sans-serif}
html[data-theme="light"] .menu-popover hr{border:0;border-top:1px solid #3c40431c}
html[data-theme="light"] .toast{z-index:90;color:#5f6368;background:#f8f9faf2;border:1px solid #1a73e82e;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}
html[data-theme="light"]{--ink:#202124;--panel-soft:#f8f9fa;--blue:#1a73e8;--violet:#1a73e8;--cyan:#1a73e8;--bg:#f8f9fa;--panel:#f8f9fa;--panel-2:#f8f9fa;--text:#202124;--muted:#5f6368;--line:#1a73e824;--accent:#1a73e8;--accent-2:#1a73e8;--accent-soft:#1a73e81f}
html[data-theme="light"] .browser-shell{color:var(--text);background:#f8f9fa}
html[data-theme="light"] .ambient-one{background:#1a73e821}
html[data-theme="light"] .ambient-two{background:#1a73e829}
html[data-theme="light"] .chrome{border-color:var(--line);background:#f8f9fafa}
html[data-theme="light"] .tab-strip{border-color:#1a73e814;grid-template-columns:150px minmax(0,1fr) 108px}
html[data-theme="light"] .brand{color:#202124;gap:10px}
html[data-theme="light"] .brand strong{letter-spacing:.05em;font-size:15px}
html[data-theme="light"] .brand-mark{background:#f8f9fa;border:1px solid #1a73e870;border-radius:9px;width:31px;height:31px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 0 0 3px #1a73e80f,0 8px 20px #00000061}
html[data-theme="light"] .brand-mark img, html[data-theme="light"] .avatar img{object-fit:cover;width:100%;height:100%}
html[data-theme="light"] .tab.active{box-shadow:inset 0 2px var(--accent);background:#f8f9fa}
html[data-theme="light"] .tab.active:after{background:linear-gradient(90deg,var(--accent-2),var(--accent))}
html[data-theme="light"] .tab:hover, html[data-theme="light"] .new-tab:hover, html[data-theme="light"] .nav-actions button:hover, html[data-theme="light"] .toolbar-actions button:hover{color:#202124;background:#1a73e814}
html[data-theme="light"] .tab.active .tab-icon, html[data-theme="light"] .toolbar-actions button.active, html[data-theme="light"] .privacy-icon{color:var(--accent)}
html[data-theme="light"] .toolbar, html[data-theme="light"] .workspace-panel, html[data-theme="light"] .ai-panel{background:#f8f9faf5}
html[data-theme="light"] .address-bar{background:#f8f9fa;border-color:#1a73e82e;box-shadow:inset 0 0 0 1px #ffffff04}
html[data-theme="light"] .address-bar:focus-within{border-color:#1a73e885;box-shadow:0 0 0 3px #1a73e814}
html[data-theme="light"] .go-button, html[data-theme="light"] .send-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#f8f9fa;box-shadow:0 7px 18px #1a73e833}
html[data-theme="light"] .workspace-list button.active{background:var(--accent-soft);color:#202124}
html[data-theme="light"] .workspace-list button.active:before{background:var(--accent)}
html[data-theme="light"] .workspace-icon.mint, html[data-theme="light"] .workspace-icon.coral, html[data-theme="light"] .workspace-icon.pink, html[data-theme="light"] .workspace-icon.gold{color:var(--accent);background:#1a73e81a}
html[data-theme="light"] .storage-card{color:#5f6368;background:#f8f9fabd;border-color:#1a73e821}
html[data-theme="light"] .storage-card strong{color:#202124}
html[data-theme="light"] .storage-card i{background:#f8f9fa}
html[data-theme="light"] .storage-card i b{background:linear-gradient(90deg,#1a73e8,var(--accent))}
html[data-theme="light"] .viewport{background:radial-gradient(circle at 48% 16%,#1a73e81f,#0000 28%),linear-gradient(#f8f9fa,#f8f9fa 54%,#f8f9fa)}
html[data-theme="light"] .viewport:before{background-image:linear-gradient(#1a73e806 1px,#0000 1px),linear-gradient(90deg,#1a73e806 1px,#0000 1px)}
html[data-theme="light"] .status-pill span{background:var(--accent);box-shadow:0 0 9px #1a73e8b3}
html[data-theme="light"] .hero-content{margin-top:1.5vh}
html[data-theme="light"] .hero-brand{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f9faa3;border:1px solid #1a73e82e;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}
html[data-theme="light"] .hero-brand img{object-fit:cover;border:1px solid #1a73e857;border-radius:11px;width:48px;height:48px}
html[data-theme="light"] .hero-brand span{text-align:left}
html[data-theme="light"] .hero-brand small, html[data-theme="light"] .hero-brand strong{display:block}
html[data-theme="light"] .hero-brand small{color:#5f6368;letter-spacing:.22em;font:700 7px Manrope,sans-serif}
html[data-theme="light"] .hero-brand strong{color:#202124;letter-spacing:.02em;margin-top:2px;font:800 18px Manrope,sans-serif}
html[data-theme="light"] .eyebrow{color:#5f6368;background:#f8f9fab8;border-color:#1a73e826}
html[data-theme="light"] .eyebrow span{background:var(--accent);color:#f8f9fa}
html[data-theme="light"] .hero-content h1{color:#202124;text-shadow:0 10px 30px #00000073}
html[data-theme="light"] .hero-content>p{color:#5f6368}
html[data-theme="light"] .main-search{background:#f8f9fae6;border-color:#1a73e838;box-shadow:0 20px 55px #00000052}
html[data-theme="light"] .main-search:focus-within{border-color:#1a73e88c;box-shadow:0 0 0 4px #1a73e812,0 22px 58px #00000059}
html[data-theme="light"] .main-search input{color:#202124}
html[data-theme="light"] .main-search input::placeholder{color:#5f6368}
html[data-theme="light"] .main-search kbd{color:#5f6368;background:#f8f9fa;border-color:#f8f9fa;box-shadow:0 1px 1px #f8f9fa}
html[data-theme="light"] .main-search>svg, html[data-theme="light"] .quick-links button:hover small, html[data-theme="light"] .section-title button, html[data-theme="light"] .perf-icon, html[data-theme="light"] .ai-orb, html[data-theme="light"] .ai-footnote, html[data-theme="light"] .console-success{color:var(--accent)}
html[data-theme="light"] .quick-links button>span{background:#f8f9fadb;border-color:#1a73e821}
html[data-theme="light"] .quick-links button:hover>span{background:#1a73e817;border-color:#1a73e86b;transform:translateY(-3px)}
html[data-theme="light"] .quick-links .youtube, html[data-theme="light"] .quick-links .github, html[data-theme="light"] .quick-links .notion, html[data-theme="light"] .quick-links .figma, html[data-theme="light"] .quick-links .gmail, html[data-theme="light"] .quick-links .add-link{color:#202124}
html[data-theme="light"] .project-card, html[data-theme="light"] .performance-card, html[data-theme="light"] .devtools-panel{background:#f8f9fae0;border-color:#1a73e821}
html[data-theme="light"] .project-card:hover{background:#f8f9faf0;border-color:#1a73e84d}
html[data-theme="light"] .project-icon.rose, html[data-theme="light"] .project-icon.blue, html[data-theme="light"] .project-icon.teal{color:var(--accent);background:#1a73e814}
html[data-theme="light"] .mountain-back{background:#f8f9fa}
html[data-theme="light"] .mountain-front{background:#f8f9fa}
html[data-theme="light"] .sun-haze{background:#1a73e812}
html[data-theme="light"] .ai-actions button, html[data-theme="light"] .suggestions button{background:#1a73e80d;border-color:#1a73e821}
html[data-theme="light"] .ai-actions button:hover, html[data-theme="light"] .suggestions button:hover{color:#202124;border-color:#1a73e84d}
html[data-theme="light"] .message.ai{background:#f8f9fa;border-color:#1a73e81f}
html[data-theme="light"] .message.ai svg{color:var(--accent)}
html[data-theme="light"] .message.user{color:#202124;background:#f8f9fa}
html[data-theme="light"] .ai-composer{background:#f8f9fa;border-color:#1a73e829}
html[data-theme="light"] .toggle.active, html[data-theme="light"] .mini-toggle.active{background:linear-gradient(90deg,#1a73e8,var(--accent))}
html[data-theme="light"] .score-ring{background:conic-gradient(var(--accent) 0 94%,#f8f9fa 94%)}
html[data-theme="light"] .setting-icon, html[data-theme="light"] .extension-row i{color:var(--accent);background:#1a73e814}
html[data-theme="light"] .popover{background:#f8f9fafa;border-color:#1a73e82e}
html[data-theme="light"] .profile-card{background:#f8f9fa}
html[data-theme="light"] .avatar{background:#f8f9fa;border:1px solid #1a73e847;padding:0;overflow:hidden}
html[data-theme="light"] .profile-card>svg, html[data-theme="light"] .device-list i{color:var(--accent)}
html[data-theme="light"] .ai-orb{color:var(--accent);background:linear-gradient(145deg,#1a73e824,#3c404333);box-shadow:inset 0 0 0 1px #1a73e829}
html[data-theme="light"] .ai-header small, html[data-theme="light"] .ai-header small i{color:#202124}
html[data-theme="light"] .signal em{background:var(--accent-2)}
html[data-theme="light"] .signal em:nth-child(5){background:#f8f9fa}
html[data-theme="light"] .toast{color:#202124;background:#f8f9faf5;border-color:#1a73e838}
html[data-theme="light"] .private-mode .chrome{background:#f8f9fa}
html[data-theme="light"] .private-mode .viewport{filter:saturate(.82)}
html[data-theme="light"] .private-mode .address-bar{border-color:#1a73e852}
@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){html[data-theme="light"] .browser-body{grid-template-columns:190px minmax(0,1fr) 270px}html[data-theme="light"] .browser-body.left-collapsed{grid-template-columns:0 minmax(0,1fr) 270px}html[data-theme="light"] .browser-body.right-collapsed{grid-template-columns:190px minmax(0,1fr) 0}html[data-theme="light"] .project-grid{grid-template-columns:1fr 1fr}html[data-theme="light"] .project-card:last-child{display:none}}
@media(max-width:860px){html[data-theme="light"] body{overflow:auto}html[data-theme="light"] .tab-strip{grid-template-columns:104px minmax(0,1fr)}html[data-theme="light"] .window-controls{display:none}html[data-theme="light"] .brand{padding-left:10px}html[data-theme="light"] .brand strong{display:none}html[data-theme="light"] .tab{min-width:130px}html[data-theme="light"] .browser-body, html[data-theme="light"] .browser-body.left-collapsed, html[data-theme="light"] .browser-body.right-collapsed, html[data-theme="light"] .browser-body.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}html[data-theme="light"] .workspace-panel, html[data-theme="light"] .ai-panel{display:none}html[data-theme="light"] .edge-toggle{display:grid}html[data-theme="light"] .viewport{min-height:calc(100vh - 100px)}html[data-theme="light"] .hero-content{width:84%}html[data-theme="light"] .toolbar-actions button:nth-child(2){display:none}}
@media(max-width:560px){html[data-theme="light"] .toolbar{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:6px}html[data-theme="light"] .nav-actions button:nth-child(2), html[data-theme="light"] .toolbar-actions button:not(:last-child){display:none}html[data-theme="light"] .address-bar{padding-left:9px}html[data-theme="light"] .go-button{min-width:39px}html[data-theme="light"] .tab{min-width:118px}html[data-theme="light"] .tabs .tab:nth-child(n+3){display:none}html[data-theme="light"] .hero-content{width:90%;margin-top:1vh}html[data-theme="light"] .hero-brand img{width:40px;height:40px}html[data-theme="light"] .hero-brand strong{font-size:16px}html[data-theme="light"] .hero-content h1{font-size:29px}html[data-theme="light"] .quick-links{gap:8px}html[data-theme="light"] .quick-links button:nth-child(4), html[data-theme="light"] .quick-links button:nth-child(5){display:none}html[data-theme="light"] .project-grid{grid-template-columns:1fr}html[data-theme="light"] .project-card:nth-child(n+2){display:none}html[data-theme="light"] .performance-card{left:9px;right:9px}html[data-theme="light"] .metrics span:nth-child(2), html[data-theme="light"] .clock-block span, html[data-theme="light"] .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}
html[data-theme="light"] .site-bar{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f8f9faf2;border-bottom:1px solid #1a73e821;font-size:12px;color:#202124;flex-wrap:wrap}
html[data-theme="light"] .site-bar b{font-weight:700;color:#202124;max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme="light"] .site-bar .grow{flex:1}
html[data-theme="light"] .site-bar .sb-tag{border:1px solid #1a73e82e;background:#1a73e812;color:#5f6368;border-radius:999px;padding:2px 9px;font-size:11px}
html[data-theme="light"] .site-bar button{border:1px solid #1a73e82e;background:#1a73e814;color:#202124;border-radius:8px;padding:4px 10px;cursor:pointer;font-size:12px;font-family:inherit}
html[data-theme="light"] .site-bar button:hover{background:#1a73e82e}
html[data-theme="light"] .site-bar button.on{background:#0b57d0;color:#ffffff;font-weight:700}
html[data-theme="light"] .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:#f8f9fa;color:#202124;overflow:auto}
html[data-theme="light"] .site-fallback .fb-icon{font-size:44px;line-height:1}
html[data-theme="light"] .site-fallback h2{margin:0;font:800 22px Manrope,sans-serif;color:#202124}
html[data-theme="light"] .site-fallback p{margin:0;max-width:56ch;color:#5f6368;line-height:1.65;font-size:13px}
html[data-theme="light"] .site-fallback .fb-url{font-family:ui-monospace,monospace;font-size:12px;color:#5f6368;background:#1a73e80f;border:1px solid #1a73e821;border-radius:8px;padding:6px 10px;max-width:80ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme="light"] .site-fallback .page-toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
html[data-theme="light"]{
  --accent:#1a73e8;
  --accent-2:#1a73e8;
  --bg:#f8f9fa;
  --ink:#202124;
  --muted:#5f6368;
  --line:#1a73e82e;
  --panel:#f8f9fa;
  --danger:#d93025;
  --ok:#1a73e8;
}
html[data-theme="light"] *{box-sizing:border-box}
html[data-theme="light"], html[data-theme="light"] body, html[data-theme="light"] #root{height:100%;margin:0}
html[data-theme="light"] body{background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Thai",Manrope,sans-serif;overflow:hidden}
html[data-theme="light"] button{cursor:pointer}
html[data-theme="light"] kbd{font:600 10px Manrope,ui-monospace,monospace;background:#f8f9fa;border:1px solid #f8f9fa;border-radius:5px;padding:1px 5px;color:#5f6368}
html[data-theme="light"] .hidden{display:none !important}
html[data-theme="light"] .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (display-mode: window-controls-overlay){html[data-theme="light"] .tab-strip{-webkit-app-region:drag;padding-right:env(titlebar-area-width,0)}}
html[data-theme="light"] .status-bar{
  z-index:40;position:absolute;left:0;right:0;bottom:0;height:26px;
  display:flex;align-items:center;gap:10px;padding:0 12px;
  background:#f8f9faf2;border-top:1px solid var(--line);font:600 10px Manrope,sans-serif;color:#5f6368
}
html[data-theme="light"] .status-bar b{color:var(--accent);font-weight:800}
html[data-theme="light"] .status-bar .grow{flex:1}
html[data-theme="light"] .status-bar button{background:0;border:0;color:#5f6368;height:22px;padding:0 8px;border-radius:6px;font:inherit}
html[data-theme="light"] .status-bar button:hover{background:#1a73e814;color:#202124}
html[data-theme="light"] .dock{
  position:absolute;left:50%;bottom:36px;transform:translateX(-50%);
  display:flex;gap:6px;padding:6px;background:#f8f9fae8;border:1px solid var(--line);
  border-radius:16px;z-index:35;box-shadow:0 18px 40px #00000080
}
html[data-theme="light"] .dock button{
  width:42px;height:42px;border:1px solid #1a73e821;border-radius:12px;background:#f8f9fa;
  color:#202124;display:grid;place-items:center
}
html[data-theme="light"] .dock button:hover{border-color:#1a73e86b;background:#1a73e817;transform:translateY(-3px)}
html[data-theme="light"] .dock button.active{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}
html[data-theme="light"] .internal-page{height:100%;overflow:auto;padding:28px 32px 70px;position:relative}
html[data-theme="light"] .internal-page h1{margin:0 0 6px;font:800 28px Manrope,sans-serif;color:#202124}
html[data-theme="light"] .internal-page .lead{color:#5f6368;margin:0 0 22px;font-size:13px}
html[data-theme="light"] .page-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
html[data-theme="light"] .page-toolbar input, html[data-theme="light"] .page-toolbar select{
  background:#f8f9fa;border:1px solid #1a73e829;border-radius:9px;color:#202124;
  min-height:36px;padding:0 12px;font:inherit
}
html[data-theme="light"] .ghost-btn, html[data-theme="light"] .accent-btn, html[data-theme="light"] .danger-btn{
  border-radius:9px;min-height:36px;padding:0 14px;font:700 12px Manrope,sans-serif;border:1px solid #1a73e83d;background:0;color:#202124
}
html[data-theme="light"] .accent-btn{background:#1557b0;color:#ffffff;border:0}
html[data-theme="light"] .danger-btn{border-color:#d930252e;background:#d930251a;color:#d93025}
html[data-theme="light"] .app-grid, html[data-theme="light"] .ext-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px
}
html[data-theme="light"] .app-card, html[data-theme="light"] .ext-card{
  background:#f8f9fae0;border:1px solid #1a73e821;border-radius:14px;padding:14px;display:grid;gap:8px
}
html[data-theme="light"] .app-card:hover, html[data-theme="light"] .ext-card:hover{border-color:#1a73e84d;background:#f8f9faf0}
html[data-theme="light"] .app-card header, html[data-theme="light"] .ext-card header{display:flex;gap:10px;align-items:center}
html[data-theme="light"] .app-icon, html[data-theme="light"] .ext-icon{
  width:42px;height:42px;border-radius:11px;background:#1a73e814;border:1px solid #1a73e82e;
  display:grid;place-items:center;font-size:18px;overflow:hidden
}
html[data-theme="light"] .app-icon img, html[data-theme="light"] .ext-icon img{width:100%;height:100%;object-fit:cover}
html[data-theme="light"] .app-card h3, html[data-theme="light"] .ext-card h3{margin:0;font:800 13px Manrope,sans-serif}
html[data-theme="light"] .app-card p, html[data-theme="light"] .ext-card p{margin:0;color:#5f6368;font-size:11px;line-height:1.45}
html[data-theme="light"] .card-actions{display:flex;gap:6px;flex-wrap:wrap}
html[data-theme="light"] .chip{font:700 9px Manrope,sans-serif;color:#202124;background:#1a73e814;border-radius:99px;padding:3px 8px}
html[data-theme="light"] .drop-zone{
  border:1.5px dashed #1a73e847;border-radius:16px;padding:28px;text-align:center;color:#5f6368;
  background:#1a73e806;margin-bottom:16px
}
html[data-theme="light"] .drop-zone.drag{border-color:#1a73e8;background:#1a73e812;color:#202124}
html[data-theme="light"] .terminal-panel{
  position:absolute;left:0;right:0;bottom:26px;height:38%;min-height:180px;max-height:72%;
  background:#f8f9faf8;border-top:1px solid #1a73e838;z-index:45;display:none;flex-direction:column
}
html[data-theme="light"] .terminal-panel.open{display:flex}
html[data-theme="light"] .terminal-head{
  display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-bottom:1px solid #1a73e81f;
  font:700 11px Manrope,sans-serif
}
html[data-theme="light"] .terminal-head span{color:#202124}
html[data-theme="light"] .terminal-head .grow{flex:1}
html[data-theme="light"] .term-tabs{display:flex;gap:4px;overflow:auto}
html[data-theme="light"] .term-tab{background:0;border:0;color:#5f6368;border-radius:7px 7px 0 0;padding:6px 10px;font:700 10px Manrope,sans-serif}
html[data-theme="light"] .term-tab.active{background:#f8f9fa;color:#202124}
html[data-theme="light"] .terminal-body{flex:1;overflow:auto;padding:10px 14px;font:13px/1.55 "IBM Plex Mono",ui-monospace,Menlo,monospace;color:#202124;white-space:pre-wrap}
html[data-theme="light"] .terminal-body .cmd{color:#202124}
html[data-theme="light"] .terminal-body .err{color:#d93025}
html[data-theme="light"] .terminal-body .ok{color:#202124}
html[data-theme="light"] .terminal-body .muted{color:#5f6368}
html[data-theme="light"] .terminal-input-row{
  display:flex;align-items:center;gap:8px;border-top:1px solid #1a73e81f;padding:6px 10px;background:#f8f9fa
}
html[data-theme="light"] .terminal-input-row b{color:#202124;font:700 12px ui-monospace,monospace;white-space:nowrap}
html[data-theme="light"] .terminal-input-row input{
  flex:1;background:0;border:0;outline:0;color:#202124;font:13px "IBM Plex Mono",ui-monospace,Menlo,monospace
}
html[data-theme="light"] .term-resize{height:6px;cursor:ns-resize;background:#1a73e814}
html[data-theme="light"] .palette-overlay{position:fixed;inset:0;background:#00000073;z-index:80;display:none;place-items:start center;padding-top:12vh}
html[data-theme="light"] .palette-overlay.open{display:grid}
html[data-theme="light"] .palette{
  width:min(640px,92vw);background:#f8f9fafa;border:1px solid #1a73e847;border-radius:16px;
  box-shadow:0 30px 80px #000000a3;overflow:hidden
}
html[data-theme="light"] .palette input{
  width:100%;background:0;border:0;border-bottom:1px solid #1a73e821;color:#202124;
  font:600 15px Manrope,sans-serif;padding:14px 16px;outline:0
}
html[data-theme="light"] .palette-list{max-height:360px;overflow:auto}
html[data-theme="light"] .palette-list button{
  width:100%;text-align:left;background:0;border:0;color:#202124;padding:10px 16px;
  display:flex;gap:10px;align-items:center;font:600 12px Manrope,sans-serif
}
html[data-theme="light"] .palette-list button.active, html[data-theme="light"] .palette-list button:hover{background:#1a73e814}
html[data-theme="light"] .palette-list small{margin-left:auto;color:#5f6368}
html[data-theme="light"] .wizard{
  width:min(560px,94vw);max-height:min(680px,90vh);overflow:auto;
  background:linear-gradient(#f8f9fa,#f8f9fa);border:1px solid #1a73e82e;border-radius:17px;padding:18px
}
html[data-theme="light"] .wizard h2{margin:0 0 4px;font:800 18px Manrope,sans-serif}
html[data-theme="light"] .steps{display:flex;gap:6px;margin:12px 0 16px}
html[data-theme="light"] .steps i{flex:1;height:4px;border-radius:99px;background:#f8f9fa}
html[data-theme="light"] .steps i.on{background:linear-gradient(90deg,#1a73e8,#1a73e8)}
html[data-theme="light"] .field{display:grid;gap:5px;margin-bottom:10px;font-size:12px;color:#5f6368}
html[data-theme="light"] .field input, html[data-theme="light"] .field select, html[data-theme="light"] .field textarea{
  background:#f8f9fa;border:1px solid #1a73e829;border-radius:8px;color:#202124;min-height:36px;padding:8px 10px;font:inherit
}
html[data-theme="light"] .preview-row{display:flex;gap:12px;align-items:center;background:#f8f9fabd;border:1px solid #1a73e821;border-radius:12px;padding:10px}
html[data-theme="light"] .preview-row img{width:56px;height:56px;border-radius:12px;object-fit:cover}
html[data-theme="light"] .diag{margin-top:12px;display:grid;gap:6px;text-align:left;font:12px/1.5 system-ui,sans-serif}
html[data-theme="light"] .diag-row{background:#f8f9fa;border:1px solid #18803836;border-radius:8px;padding:7px 10px;color:#5f6368}
html[data-theme="light"] .diag-row.diag-bad{border-color:#d9302550;color:#d93025}
html[data-theme="light"] .diag-hint{color:#b06000;font-size:11.5px;padding:2px 2px 0}
html[data-theme="light"] .devtools-panel{
  position:absolute;left:0;right:0;bottom:26px;height:280px;background:#f8f9faf2;
  border-top:1px solid #1a73e821;z-index:44;display:none;flex-direction:column
}
html[data-theme="light"] .devtools-panel.open{display:flex}
html[data-theme="light"] .devtools-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid #1a73e81a}
html[data-theme="light"] .devtools-tabs button{background:0;border:0;color:#5f6368;border-radius:7px;padding:6px 10px;font:700 10px Manrope,sans-serif}
html[data-theme="light"] .devtools-tabs button.active{background:#1a73e814;color:#202124}
html[data-theme="light"] .devtools-body{flex:1;overflow:auto;padding:8px 12px;font:12px/1.5 ui-monospace,Menlo,monospace;color:#202124}
html[data-theme="light"] .console-line{padding:2px 0;border-bottom:1px solid #1a73e80d}
html[data-theme="light"] .console-line.log{color:#202124}
html[data-theme="light"] .console-line.warn{color:#b06000}
html[data-theme="light"] .console-line.error{color:#d93025}
html[data-theme="light"] .console-line.info{color:#202124}
html[data-theme="light"] .score-wrap{display:flex;gap:18px;align-items:center;margin:12px 0 18px}
html[data-theme="light"] .score-ring{
  width:88px;height:88px;border-radius:50%;
  background:conic-gradient(#1a73e8 var(--p,72%), #f8f9fa 0);
  display:grid;place-items:center
}
html[data-theme="light"] .score-ring span{width:68px;height:68px;border-radius:50%;background:#f8f9fa;display:grid;place-items:center;font:800 20px Manrope,sans-serif}
html[data-theme="light"] .overlay{position:fixed;inset:0;background:#00000080;z-index:70;display:none;place-items:center;padding:18px}
html[data-theme="light"] .overlay.open{display:grid}
html[data-theme="light"] .site-fallback{
  position:absolute;inset:0;display:grid;place-content:center;gap:10px;text-align:center;padding:24px;
  background:radial-gradient(circle at 50% 30%,#1a73e814,#f8f9fa)
}
html[data-theme="light"] .site-fallback h2{margin:0;font:800 22px Manrope,sans-serif}
html[data-theme="light"] .site-fallback p{margin:0;color:#5f6368;max-width:420px}
html[data-theme="light"] .viewport{position:relative}
html[data-theme="light"] .web-frame{width:100%;height:100%;border:0;background:#fff;display:block}
html[data-theme="light"] .home-scroll{height:100%;overflow:auto;position:relative}
html[data-theme="light"] .ai-panel.open, html[data-theme="light"] .workspace-panel.open{display:flex;flex-direction:column}
html[data-theme="light"] .chat-thread{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}
html[data-theme="light"] .message{border-radius:12px;padding:10px 12px;max-width:92%;font-size:12px;line-height:1.5}
html[data-theme="light"] .message.ai{align-self:flex-start;background:#f8f9fa;border:1px solid #1a73e81f}
html[data-theme="light"] .message.user{align-self:flex-end;background:#f8f9fa;color:#202124}
html[data-theme="light"] .profile-banner{
  display:flex;align-items:center;gap:8px;padding:6px 10px;margin:8px 12px 0;
  background:#1a73e810;border:1px solid #1a73e82e;border-radius:10px;font-size:11px
}
html[data-theme="light"] .install-banner{
  position:absolute;right:16px;top:96px;z-index:36;width:280px;
  background:#f8f9fafa;border:1px solid #1a73e847;border-radius:14px;padding:12px;
  box-shadow:0 18px 40px #0008;display:none
}
html[data-theme="light"] .install-banner.show{display:block}
html[data-theme="light"] .ctx{
  position:fixed;z-index:90;min-width:180px;background:#f8f9fafa;border:1px solid #1a73e82e;
  border-radius:10px;padding:6px;display:none;box-shadow:0 16px 40px #0008
}
html[data-theme="light"] .ctx.open{display:grid}
html[data-theme="light"] .ctx button{background:0;border:0;text-align:left;color:#202124;padding:8px 10px;border-radius:7px;font:600 12px Manrope,sans-serif}
html[data-theme="light"] .ctx button:hover{background:#1a73e814}
html[data-theme="light"] .ctx hr{border:0;border-top:1px solid #1a73e81a;margin:4px 0}
html[data-theme="light"] .brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
html[data-theme="light"] .hero-brand img{width:48px;height:48px;border-radius:11px;object-fit:cover}
html[data-theme="light"] .net-row, html[data-theme="light"] .hist-row{
  display:grid;grid-template-columns:70px 1fr 80px;gap:8px;padding:8px 0;border-bottom:1px solid #1a73e814;font-size:11px
}
html[data-theme="light"] .badge{font:800 9px Manrope,sans-serif;padding:2px 6px;border-radius:6px;background:#1a73e814;color:#202124}
html[data-theme="light"] .badge.err{background:#d9302533;color:#d93025}
html[data-theme="light"] .split-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:720px){html[data-theme="light"] .split-2{grid-template-columns:1fr}html[data-theme="light"] .dock{display:none}html[data-theme="light"] .internal-page{padding:18px 14px 80px}}
html[data-theme="light"] .ext-details{display:grid;gap:10px}
html[data-theme="light"] .perm-list{display:flex;flex-wrap:wrap;gap:6px}
html[data-theme="light"] .perm-list span{background:#f8f9fa;border:1px solid #1a73e821;border-radius:8px;padding:4px 8px;font-size:10px;color:#5f6368}
html[data-theme="light"] .file-tree button{width:100%;text-align:left;background:0;border:0;color:#202124;padding:4px 6px;border-radius:6px;font:12px ui-monospace,monospace}
html[data-theme="light"] .file-tree button:hover{background:#1a73e812}
html[data-theme="light"] .toast-host{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:95;display:grid;gap:8px}
html[data-theme="light"] .loading-bar{position:absolute;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#1a73e8,#1a73e8);z-index:50;transition:width .3s}
html[data-theme="light"] .clock-live{font:800 28px Manrope,sans-serif;color:#202124}
html[data-theme="light"] .metric-val{font:800 16px Manrope,sans-serif;color:#202124}
html[data-theme="light"] button, html[data-theme="light"] .tab-icon, html[data-theme="light"] .workspace-icon, html[data-theme="light"] .project-icon, html[data-theme="light"] .quick-links button{font-family:"IBM Plex Sans Thai",Manrope,"Segoe UI Symbol","Noto Sans Symbols 2","Noto Sans Symbols","Apple Symbols","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
html[data-theme="light"] .toast{width:max-content;max-width:min(560px,86vw);white-space:normal;text-align:center}
html[data-theme="light"] #status-update{display:none}
html[data-theme="light"] #status-update.show{display:inline}
/* ===== v10.2.4 Chrome-like light polish ===== */
html[data-theme="light"] .chrome,
html[data-theme="light"] .toolbar{background:#dee1e6;border-bottom:1px solid #dadce0}
html[data-theme="light"] .tab-strip{border-bottom:1px solid #dadce0}
html[data-theme="light"] .tab{color:#5f6368}
html[data-theme="light"] .tab:hover{background:#20212414;color:#202124}
html[data-theme="light"] .tab.active{color:#202124;background:#ffffff;border-color:#dadce0}
html[data-theme="light"] .address-bar{background:#ffffff;border-color:#dadce0;color:#202124}
html[data-theme="light"] .address-bar input{color:#202124}
html[data-theme="light"] .viewport{background:#ffffff}
html[data-theme="light"] .status-bar{background:#f1f3f4;border-top:1px solid #dadce0;color:#5f6368}
html[data-theme="light"] .workspace-panel,
html[data-theme="light"] .ai-panel,
html[data-theme="light"] .terminal-panel{border-color:#dadce0}
html[data-theme="light"] .go-button{background:#1557b0;color:#ffffff}
.dock{display:none!important}

/* ===== v10.2.4 ปุ่มติดตั้งบนหน้าเดสก์ท็อป (light) ===== */
html[data-theme="light"] .hero-install{background:#fffffff2;border:1px solid #dadce0;box-shadow:0 16px 50px #00000014}
html[data-theme="light"] .hero-install-icon{background:#1a73e814;color:#202124}
html[data-theme="light"] .hero-install-text strong{color:#202124}
html[data-theme="light"] .hero-install-text small{color:#5f6368}
html[data-theme="light"] .hero-install-actions .ghost-btn{background:#1a73e80d;border:1px solid #1a73e833;color:#202124}

/* =====================================================================
   v10.2.5  HIGH-CONTRAST ACCESSIBILITY OVERRIDE  (authoritative, last)
   Light mode : BLACK ink on light surfaces   (#202124 / #5f6368)
   Dark  mode : WHITE ink on dark surfaces    (#ffffff / #bdc1c6)
   Loaded after styles.css + extra.css, so these win for equal
   specificity.
   ===================================================================== */

/* ---------- LIGHT : palette ---------- */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#ffffff; --panel:#ffffff; --panel-2:#f8f9fa; --panel-soft:#f1f3f4;
  --ink:#202124; --text:#202124; --muted:#5f6368;
  --accent:#0b57d0; --accent-2:#0b57d0; --accent-soft:#0b57d01a;
  --blue:#0b57d0; --line:#dadce0;
}
html[data-theme="light"] body,
html[data-theme="light"] .browser-shell{color:#202124}
html[data-theme="light"] .chrome,
html[data-theme="light"] .tab-strip,
html[data-theme="light"] .toolbar,
html[data-theme="light"] .status-bar,
html[data-theme="light"] .nav-actions,
html[data-theme="light"] .toolbar-actions{color:#5f6368}

/* ---------- LIGHT : headings / body copy / brand ---------- */
html[data-theme="light"] .hero-content h1,
html[data-theme="light"] .internal-page h1,
html[data-theme="light"] .page-head h2,
html[data-theme="light"] .card-head h2,
html[data-theme="light"] .card-head h3,
html[data-theme="light"] .site-fallback h2,
html[data-theme="light"] .modal-heading>div>span{color:#202124}
html[data-theme="light"] .hero-content>p,
html[data-theme="light"] .internal-page .lead,
html[data-theme="light"] .side-section p{color:#5f6368}
html[data-theme="light"] .brand,
html[data-theme="light"] .brand strong,
html[data-theme="light"] .brand b,
html[data-theme="light"] .hero-brand strong,
html[data-theme="light"] .hero-brand b{color:#202124}
html[data-theme="light"] .hero-brand small{color:#5f6368}
html[data-theme="light"] a{color:#0b57d0}

/* ---------- LIGHT : inputs (black text everywhere) ---------- */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .main-search input,
html[data-theme="light"] .address-bar input,
html[data-theme="light"] .palette input,
html[data-theme="light"] .terminal-input-row input,
html[data-theme="light"] .ai-composer textarea,
html[data-theme="light"] .page-toolbar input,
html[data-theme="light"] .field input,
html[data-theme="light"] .field textarea{color:#202124}
html[data-theme="light"] ::placeholder{color:#5f6368}
html[data-theme="light"] .main-search kbd{color:#3c4043;background:#e8eaed;border-color:#dadce0;box-shadow:none}
html[data-theme="light"] kbd{color:#3c4043;background:#e8eaed;border-color:#dadce0}

/* ---------- LIGHT : tabs / toolbar / menus ---------- */
html[data-theme="light"] .tab,
html[data-theme="light"] .new-tab,
html[data-theme="light"] .term-tab,
html[data-theme="light"] .devtools-tabs button{color:#5f6368}
html[data-theme="light"] .tab.active{color:#202124;background:#ffffff}
html[data-theme="light"] .tab-icon{color:#0b57d0}
html[data-theme="light"] .tab-close{color:#5f6368}
html[data-theme="light"] .tab-close:hover{color:#202124;background:#2021241f}
html[data-theme="light"] .nav-actions button,
html[data-theme="light"] .toolbar-actions button,
html[data-theme="light"] .ai-header button,
html[data-theme="light"] .panel-heading button,
html[data-theme="light"] .modal-heading button,
html[data-theme="light"] .popover-title button,
html[data-theme="light"] .status-bar button{color:#5f6368}
html[data-theme="light"] .nav-actions button:hover,
html[data-theme="light"] .toolbar-actions button:hover,
html[data-theme="light"] .toolbar-actions button.active,
html[data-theme="light"] .tab:hover,
html[data-theme="light"] .new-tab:hover,
html[data-theme="light"] .status-bar button:hover{color:#202124;background:#2021241f}
html[data-theme="light"] .window-controls button:hover{color:#202124}
html[data-theme="light"] .workspace-list button,
html[data-theme="light"] .side-section button{color:#3c4043}
html[data-theme="light"] .workspace-list button:hover,
html[data-theme="light"] .side-section button:hover{color:#202124;background:#f1f3f4}
html[data-theme="light"] .workspace-list button.active{color:#202124;background:#e8f0fe}
html[data-theme="light"] .workspace-list button.active:before{background:#0b57d0}
html[data-theme="light"] .workspace-list small,
html[data-theme="light"] .side-section small{color:#5f6368}
html[data-theme="light"] .profile-popover>button,
html[data-theme="light"] .menu-popover>button{color:#3c4043}
html[data-theme="light"] .profile-popover>button:hover,
html[data-theme="light"] .menu-popover>button:hover{color:#202124;background:#0b57d014}
html[data-theme="light"] .profile-popover>button.active,
html[data-theme="light"] .saved-profile>span button,
html[data-theme="light"] .menu-popover button kbd{color:#0b57d0}

/* ---------- LIGHT : chat / output / chips ---------- */
html[data-theme="light"] .message,
html[data-theme="light"] .message.ai{color:#202124}
html[data-theme="light"] .message.user{color:#202124;background:#e8f0fe}
html[data-theme="light"] .message.ai svg{color:#0b57d0}
html[data-theme="light"] .ai-header small,
html[data-theme="light"] .ai-header small i,
html[data-theme="light"] #ai-status,
html[data-theme="light"] #ai-model-badge,
html[data-theme="light"] .ai-footnote{color:#5f6368}
html[data-theme="light"] .toast{color:#202124;background:#fffffff5;border-color:#dadce0}
html[data-theme="light"] .hj-out{background:#f1f3f4;border-color:#dadce0;color:#202124}
html[data-theme="light"] .badge{background:#0b57d01a;color:#202124}
html[data-theme="light"] .badge.err{background:#d9302533;color:#b3261e}
html[data-theme="light"] .chip{color:#0b57d0}
html[data-theme="light"] .gi-lines,
html[data-theme="light"] .terminal-body,
html[data-theme="light"] .terminal-body .cmd,
html[data-theme="light"] .terminal-body .ok,
html[data-theme="light"] .devtools-body,
html[data-theme="light"] .console-lines{color:#202124}
html[data-theme="light"] .console-line.info{color:#0b57d0}

/* ---------- LIGHT : buttons ---------- */
html[data-theme="light"] .accent-btn{background:#1557b0;color:#ffffff}
html[data-theme="light"] .accent-btn:hover{background:#0d4996;color:#ffffff}
html[data-theme="light"] .accent-btn:disabled{background:#dadce0;color:#5f6368}
html[data-theme="light"] .ghost-btn{background:#ffffff;border-color:#dadce0;color:#202124}
html[data-theme="light"] .ghost-btn:hover{background:#f1f3f4}
html[data-theme="light"] .danger-btn{background:#d93025;color:#ffffff}
html[data-theme="light"] .go-button,
html[data-theme="light"] .send-button{background:#1557b0;color:#ffffff}
html[data-theme="light"] .form-actions button[type=submit]{background:#1557b0;color:#ffffff}

/* ---------- LIGHT : status strip + accents ---------- */
html[data-theme="light"] .desktop-site-status{background:#f1f3f4;border-bottom:1px solid #dadce0;color:#5f6368}
html[data-theme="light"] .desktop-site-status small{color:#b3261e}
html[data-theme="light"] .desktop-site-status>span{background:#188038}
html[data-theme="light"] .desktop-site-status>span.loading{background:#0b57d0}
html[data-theme="light"] .status-pill span{background:#0b57d0;box-shadow:0 0 9px #0b57d066}
html[data-theme="light"] .loading-bar{background:linear-gradient(90deg,#0b57d0,#0b57d0)}
html[data-theme="light"] .clock-live,
html[data-theme="light"] .metric-val{color:#202124}
html[data-theme="light"] .hero-install-icon{background:#0b57d014;color:#0b57d0}
html[data-theme="light"] .hero-install-actions .ghost-btn{background:#ffffff;border-color:#dadce0;color:#202124}
html[data-theme="light"] .review-card,
html[data-theme="light"] .card,
html[data-theme="light"] .row,
html[data-theme="light"] .conv strong{color:#202124}
html[data-theme="light"] .conv:hover{color:#202124}

/* =====================================================================
   DARK  : white ink on dark surfaces
   ===================================================================== */
html[data-theme="dark"]{
  --ink:#ffffff; --text:#ffffff; --muted:#bdc1c6;
}
html[data-theme="dark"] body{color:#ffffff}
html[data-theme="dark"] .hero-content h1,
html[data-theme="dark"] .internal-page h1,
html[data-theme="dark"] .brand,
html[data-theme="dark"] .brand strong,
html[data-theme="dark"] .hero-brand strong,
html[data-theme="dark"] .hero-brand b,
html[data-theme="dark"] .tab.active,
html[data-theme="dark"] .message,
html[data-theme="dark"] .message.ai,
html[data-theme="dark"] .message.user,
html[data-theme="dark"] .storage-card strong{color:#ffffff}
html[data-theme="dark"] .hero-content>p,
html[data-theme="dark"] .internal-page .lead{color:#bdc1c6}
/* tab close button : #e8eaed glyph on #efefef = 1.05 */
html[data-theme="dark"] .tab-close{color:#bdc1c6}
html[data-theme="dark"] .tab-close:hover{color:#f28b82;background:#ffffff1f}
/* desktop status strip : base rule is a LIGHT strip (#e8eaed) inside the dark UI */
html[data-theme="dark"] .desktop-site-status{background:#292a2d;border-bottom:1px solid #3c4043;color:#bdc1c6}
html[data-theme="dark"] .desktop-site-status small{color:#f28b82}
html[data-theme="dark"] .desktop-site-status>span{background:#81c995}
html[data-theme="dark"] .desktop-site-status>span.loading{background:#8ab4f8}
html[data-theme="dark"] .hj-out{background:#202124;border-color:#3c4043;color:#aecbfa}

/* =====================================================================
   v10.2.5 FINAL : last blue text bits remapped to high-contrast ink
   ===================================================================== */
html[data-theme="light"] .ai-actions-log .act.ok{color:#188038}
html[data-theme="light"] .ai-attach.on{color:#202124;background:#0b57d01a;border-color:#0b57d0}
html[data-theme="light"] #btn-theme.on{color:#202124;background:#0b57d01a}
html[data-theme="light"] .hj-out{color:#202124}
html[data-theme="light"] .ai-code{color:#e8eaed}

/* v10.2.5 FINAL2 : .ai-composer .send-button is more specific than .send-button */
html[data-theme="light"] .ai-composer .send-button,
html[data-theme="light"] .ai-composer .send-button:hover,
html[data-theme="light"] .message.user,
html[data-theme="light"] .message.user:hover{background:#1557b0;color:#ffffff}

/* v10.2.5 FINAL3 : base CSS gives .tab-close a LIGHT chip (#efefef) that shows up in dark UI */
html[data-theme="dark"] .tab-close{background:transparent;color:#bdc1c6}
html[data-theme="dark"] .tab-close:hover{background:#ffffff1f;color:#f28b82}
html[data-theme="light"] .tab-close{background:transparent;color:#5f6368}
html[data-theme="light"] .tab-close:hover{background:#2021241f;color:#202124}

/* =====================================================================
   v10.2.5 FINAL4 : extra.css uses deeper selectors (0,4,1) / ids for the
   AI + GGUF panels, so plain "html[data-theme=light] .x" lost the cascade.
   These repeat the intent at matching specificity.
   ===================================================================== */
html[data-theme="light"] .ai-actions-log .act{color:#3c4043}
html[data-theme="light"] .ai-actions-log .act.ok{color:#188038}
html[data-theme="light"] .ai-actions-log .act.err{color:#b3261e}
html[data-theme="light"] .ai-attach{color:#5f6368}
html[data-theme="light"] .ai-attach:hover{background:#20212414;color:#202124}
html[data-theme="light"] .ai-attach.on{background:#e8f0fe;border-color:#0b57d0;color:#202124}
html[data-theme="light"] .badge.danger,
html[data-theme="light"] .ghost-btn.danger{background:#fce8e6;color:#b3261e;border-color:#b3261e3d}
html[data-theme="light"] .ai-panel .ai-composer .send-button,
html[data-theme="light"] .ai-panel .ai-composer .send-button:hover,
html[data-theme="light"] .ai-full-chat .ai-composer .send-button,
html[data-theme="light"] .ai-full-chat .ai-composer .send-button:hover{background:#1557b0;color:#ffffff}
html[data-theme="light"] .ai-panel .ai-composer button{color:#5f6368}
html[data-theme="light"] .ai-panel .ai-composer button:hover{color:#202124}
html[data-theme="light"] #ai-attach.on{background:#e8f0fe;border-color:#0b57d0;color:#202124}
html[data-theme="light"] .pill{color:#5f6368;background:#ffffff;border-color:#3c404324}
html[data-theme="light"] .seg button{color:#5f6368}
html[data-theme="light"] .seg button.active,
html[data-theme="light"] .seg button.on{color:#202124;background:#e8f0fe}
html[data-theme="light"] .gguf-drop p,
html[data-theme="light"] .gguf-opts,
html[data-theme="light"] .gguf-howto,
html[data-theme="light"] .job-note{color:#5f6368}
html[data-theme="light"] .ai-footnote{color:#5f6368}
html[data-theme="light"] .conv small{color:#5f6368}
html[data-theme="light"] .drop-zone p,
html[data-theme="light"] .drop-zone span{color:#5f6368}