:root{--esp-tools-button-color:#5ac060;--mdc-typography-body1-line-height:2rem;--mdc-typography-body1-font-size:1.6rem;--mdc-typography-headline6-font-size:1.8rem;--mdc-typography-headline5-font-size:2rem;--mdc-typography-headline4-font-size:2.4rem;--mdc-typography-headline3-font-size:3rem;--mdc-typography-headline2-font-size:3.6rem;--mdc-typography-headline1-font-size:4.8rem;--mdc-typography-button-font-size:1.6rem;--mdc-typography-caption-font-size:1.4rem;--mdc-typography-overline-font-size:1.4rem;--md-sys-typescale-body-large-size:1.6rem;--md-sys-typescale-body-large-line-height:2.4rem;--md-sys-typescale-body-medium-size:1.4rem;--md-sys-typescale-body-medium-line-height:2rem;--md-sys-typescale-body-small-size:1.2rem;--md-sys-typescale-body-small-line-height:1.6rem;--md-sys-typescale-label-large-size:1.4rem;--md-sys-typescale-label-large-line-height:2rem;--md-sys-typescale-label-medium-size:1.2rem;--md-sys-typescale-label-medium-line-height:1.6rem;--md-sys-typescale-label-small-size:1.1rem;--md-sys-typescale-label-small-line-height:1.6rem;--md-sys-typescale-title-large-size:2.2rem;--md-sys-typescale-title-large-line-height:2.8rem;--md-sys-typescale-title-medium-size:1.6rem;--md-sys-typescale-title-medium-line-height:2.4rem;--md-sys-typescale-title-small-size:1.4rem;--md-sys-typescale-title-small-line-height:2rem;--md-sys-typescale-headline-large-size:3.2rem;--md-sys-typescale-headline-large-line-height:4rem;--md-sys-typescale-headline-medium-size:2.8rem;--md-sys-typescale-headline-medium-line-height:3.6rem;--md-sys-typescale-headline-small-size:2.4rem;--md-sys-typescale-headline-small-line-height:3.2rem}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;font-size:1.6rem;display:flex}body{color:#e0e0e0;background:#141414;justify-content:center;align-items:center;margin:0;font-family:Trebuchet MS,sans-serif;font-size:1.6rem;display:flex}html{font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}.container{width:100%;max-width:480px}h1{color:#fff;margin-bottom:.3rem;font-size:1.3rem;font-weight:600}.page-sub{color:#555;margin-bottom:2rem;font-size:.8rem}.tools{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}a.tool-card{background:#1e1e1e;border:1px solid #2e2e2e;border-radius:10px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,background .15s;display:block}a.tool-card:hover{background:#222;border-color:#3a3a3a}.tool-title{color:#e0e0e0;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.tool-desc{color:#666;font-size:.8rem}.more{color:#555;padding-left:.25rem;font-size:.78rem}.card{text-align:center;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:12px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;margin:auto;padding:2.5rem;display:flex}.card p{color:#aaa;font-size:1.8rem;line-height:1.7}.card strong{color:#e0e0e0}.card .warn{color:#c0605a;font-size:1.6rem;font-weight:600}.card .success{color:#5ac060;font-size:1.6rem;font-weight:600}.card a{color:#5ac060;font-weight:500;transition:color .2s ease-in-out}.card a:hover{color:#7cd080}.header{align-items:center;width:100%;margin-top:1rem;margin-bottom:2rem;font-size:2rem;display:flex}.header>*{flex:1;justify-content:center;align-items:center;display:flex}.header .nav-btn{color:#e0e0e0;cursor:pointer;background:0 0;border:2px solid #3a3a3a;border-radius:8px;margin:0 auto;padding:.8rem 1.6rem;font-family:inherit;font-size:1.6rem;font-weight:500;transition:all .2s ease-in-out}.header .nav-btn:hover{color:#fff;background:#2a2a2a;border-color:#5a9e6f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.header .nav-btn:active{box-shadow:none;transform:translateY(0)}.header a{color:#e0e0e0;align-items:center;gap:.5rem;text-decoration:none;display:flex}.header .logo{justify-content:center;align-items:center;display:flex}.header .logo .github{margin-left:4rem;transition:transform .2s ease-in-out}.header .logo .github:hover{transform:scale(1.1)}.header .logo .logo-text{flex-direction:column;gap:.5rem;display:flex}.header .logo .logo-text span{color:#ccc;font-size:2.2rem}.header .logo .logo-text span:nth-child(2){color:#666;font-size:2rem}.connect-robot{text-align:left;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:12px;flex-direction:column;width:100%;max-width:480px;padding:2.5rem;display:flex}.connect-robot .subtitle{color:#ccc;font-size:1.4rem;line-height:1.5}.connect-robot .title{color:#e0e0e0;margin-bottom:.75rem;font-size:2.2rem;font-weight:600}.connect-robot .toggle-row{justify-content:center;align-items:center;gap:.8rem;display:flex}.connect-robot .toggle-row .toggle-label{color:#aaa;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.2rem}.connect-robot .toggle-row .badge{color:#a07840;text-transform:uppercase;letter-spacing:.05em;background:#2a2218;border:1px solid #3a3020;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.connect-robot .toggle-row .switch{flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.connect-robot .toggle-row .switch input{opacity:0;width:0;height:0}.connect-robot .toggle-row .switch input:checked+.slider{background:#2a3a2a;border-color:#3a5a3a}.connect-robot .toggle-row .switch input:checked+.slider:before{background:#5a9e6f;transform:translate(16px)}.connect-robot .toggle-row .slider{cursor:pointer;background:#2e2e2e;border:1px solid #3a3a3a;border-radius:20px;transition:background .2s,border-color .2s;position:absolute;inset:0}.connect-robot .toggle-row .slider:before{content:"";background:#888;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.connect-robot button.connect{color:#e0e0e0;cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;align-self:center;padding:.8rem 1.6rem;font-family:inherit;font-size:1.6rem;font-weight:500;transition:background .15s,border-color .15s}.connect-robot button.connect:hover:not(:disabled){background:#333;border-color:#4a4a4a}.connect-robot button.connect:disabled{opacity:.6;cursor:not-allowed}.connect-robot .status{color:#888;align-self:center;font-size:1.4rem}.info-cards{flex-direction:column;gap:1.5rem;margin-top:2rem;margin-bottom:2rem;display:flex}.robot-info{box-sizing:border-box;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:12px;width:100%;max-width:550px;padding:1.5rem;font-size:1.8rem}.robot-info .info-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.robot-info .info-header .title-group{flex-direction:column;gap:.3rem;display:flex}.robot-info .info-header .title-group h2{color:#fff;margin:0;font-size:2rem;font-weight:600}.robot-info .info-header .title-group .time-ago{color:#888;min-width:15rem;font-size:1.2rem}.robot-info .info-header .action-group{align-items:center;gap:.8rem;display:flex}.robot-info .info-header .action-group .tooltip-wrap{display:inline-flex}.robot-info .info-header .action-group .action-btn{color:#e0e0e0;cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:1.3rem;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}.robot-info .info-header .action-group .action-btn:hover:not(:disabled){background:#333;border-color:#4a4a4a}.robot-info .info-header .action-group .action-btn:disabled{opacity:.4;cursor:not-allowed}.robot-info .no-data{color:#666;margin-bottom:1rem;font-size:1.4rem;font-style:italic}.robot-info .table{flex-direction:column;width:100%;display:flex}.robot-info .table .row{background-color:#3a3a3a;justify-content:space-between;padding:.8rem;display:flex}.robot-info .table .row:nth-child(odd){background-color:#2a2a2a}.robot-info .table .row .key{color:#aaa;font-weight:500}.gen-picker .gen-pick{cursor:pointer;color:var(--esp-tools-button-text-color,#fff);background-color:var(--esp-tools-button-color,#03a9f4);border:none;border-radius:4px;padding:8px 28px;font-size:14px;position:relative;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.gen-picker{justify-content:center;gap:1rem;display:flex}.unsupported{text-align:center}.unsupported p{color:#aaa;font-size:1.8rem;line-height:1.7}.unsupported strong{color:#e0e0e0}.unsupported .warn{color:#c0605a;font-size:1.6rem;font-weight:600}.unsupported .success{color:#5ac060;font-size:1.6rem;font-weight:600}.home{text-align:center;max-width:900px}.home p{color:#aaa;font-size:1.8rem;line-height:1.7}.home strong{color:#e0e0e0}.home .success{color:#5ac060;font-size:2.2rem;font-weight:600}