@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Roboto+Mono:wght@400;500&display=swap";:root{--palette-primary-main: #505962;--palette-primary-contrastText: #f5f7f9;--palette-secondary-main: #557370;--palette-secondary-light: #7a958f;--palette-secondary-dark: #3a524f;--palette-secondary-contrastText: #ffffff;--palette-background-default: #f5f7f9;--palette-background-paper: #ffffff;--palette-text-primary: #505962;--palette-text-secondary: #505962;--palette-text-disabled: #00000061;--palette-error-main: #f3164e;--palette-warning-main: #d3970a;--palette-warning-contrastText: #ffffff;--palette-info-main: #0090d6;--palette-success-main: #26a95f;--color-bg: var(--palette-background-default);--color-surface: var(--palette-background-paper);--color-surface-alt: var(--palette-secondary-main);--color-border: rgba(0, 0, 0, .12);--color-border-strong: rgba(0, 0, 0, .23);--color-divider: rgba(0, 0, 0, .08);--fg-1: var(--palette-text-primary);--fg-2: var(--palette-text-secondary);--fg-3: rgba(80, 89, 98, .7);--fg-disabled: var(--palette-text-disabled);--fg-on-primary: var(--palette-primary-contrastText);--accent: var(--palette-primary-main);--accent-hover: #3f464d;--accent-press: #2d3338;--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-h1: 2.5rem;--fs-h2: 2rem;--fs-h3: 1.5rem;--fs-h4: 1.25rem;--fs-h5: 1.125rem;--fs-h6: 1rem;--fs-body: 1rem;--fs-body-sm: .875rem;--fs-caption: .75rem;--fs-overline: .75rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-loose: 1.75;--fw-light: 400;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--shadow-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-2: 0 3px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-3: 0 10px 20px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);--shadow-4: 0 14px 28px rgba(0,0,0,.18), 0 10px 10px rgba(0,0,0,.1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--dur-fast: .15s;--dur-base: 225ms;--dur-slow: 375ms}.dark,[data-theme=dark]{--palette-primary-main: #E0D9CF;--palette-primary-contrastText: #222323;--palette-secondary-main: #a8c2bd;--palette-secondary-light: #c5d6d2;--palette-secondary-dark: #83a39d;--palette-secondary-contrastText: #0f1d1b;--palette-background-default: #1d2c35;--palette-background-paper: #081821;--palette-text-primary: #c4c2c2;--palette-text-secondary: #99a2b2;--palette-text-disabled: #ffffff61;--palette-error-main: #f3164e;--palette-warning-main: #d3970a;--palette-warning-contrastText: #ffffff;--palette-info-main: #0090d6;--palette-success-main: #26a95f;--color-bg: var(--palette-background-default);--color-surface: var(--palette-background-paper);--color-surface-alt: var(--palette-secondary-main);--color-border: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .23);--color-divider: rgba(255, 255, 255, .08);--fg-1: var(--palette-text-primary);--fg-2: var(--palette-text-secondary);--fg-3: rgba(196, 194, 194, .6);--fg-disabled: var(--palette-text-disabled);--fg-on-primary: var(--palette-primary-contrastText);--accent: var(--palette-primary-main);--accent-hover: #ece6dc;--accent-press: #d2c9bc}.black,[data-theme=black]{--palette-primary-main: #F2EDE5;--palette-primary-light: #fbf8f3;--palette-primary-dark: #c2bdb5;--palette-primary-contrastText: #000000;--palette-secondary-main: #b8d3ce;--palette-secondary-light: #d6e4e1;--palette-secondary-dark: #92b3ad;--palette-secondary-contrastText: #000000;--palette-background-default: #000000;--palette-background-paper: #0a0a0a;--palette-text-primary: #e8e8e8;--palette-text-secondary: rgba(255,255,255,.65);--palette-text-disabled: rgba(255,255,255,.35);--palette-error-main: #ff3d6e;--palette-error-light: #ff7a9d;--palette-error-dark: #cc1845;--palette-warning-main: #f5b631;--palette-warning-light: #f9cc6a;--palette-warning-dark: #c08a14;--palette-warning-contrastText: #000000;--palette-info-main: #3ab2ee;--palette-info-light: #74cdf5;--palette-info-dark: #0e84bf;--palette-success-main: #3dc579;--palette-success-light: #73d89e;--palette-success-dark: #249a59;--color-bg: var(--palette-background-default);--color-surface: var(--palette-background-paper);--color-surface-alt: #111111;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2);--color-divider: rgba(255, 255, 255, .06);--fg-1: var(--palette-text-primary);--fg-2: var(--palette-text-secondary);--fg-3: rgba(255,255,255,.45);--fg-disabled: var(--palette-text-disabled);--fg-on-primary: var(--palette-primary-contrastText);--accent: var(--palette-primary-main);--accent-hover: #fbf8f3;--accent-press: #c2bdb5}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--fg-1);background:var(--color-bg);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-family:var(--font-sans);font-size:var(--fs-h1);font-weight:var(--fw-light);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4);color:var(--fg-1)}h2,.h2{font-family:var(--font-sans);font-size:var(--fs-h2);font-weight:var(--fw-light);line-height:var(--lh-tight);margin:0 0 var(--space-4);color:var(--fg-1)}h3,.h3{font-size:var(--fs-h3);font-weight:var(--fw-regular);line-height:var(--lh-tight);margin:0 0 var(--space-3);color:var(--fg-1)}h4,.h4{font-size:var(--fs-h4);font-weight:var(--fw-medium);line-height:var(--lh-tight);margin:0 0 var(--space-3)}h5,.h5{font-size:var(--fs-h5);font-weight:var(--fw-medium);line-height:var(--lh-normal);margin:0 0 var(--space-2)}h6,.h6{font-size:var(--fs-h6);font-weight:var(--fw-medium);line-height:var(--lh-normal);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3);line-height:var(--lh-normal)}small,.caption{font-size:var(--fs-caption);color:var(--fg-2)}.overline{font-size:var(--fs-overline);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--fw-medium);color:var(--fg-2)}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-surface-alt);color:var(--fg-1);padding:.1em .35em;border-radius:var(--radius-sm)}a{color:var(--palette-info-main);text-decoration:none}a:hover{text-decoration:underline}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#root{height:100%}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-moz-selection{background:#5059622e}::selection{background:#5059622e}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app{min-height:100%;display:flex;flex-direction:column;background:var(--color-bg);color:var(--fg-1)}.appbar{position:sticky;top:0;z-index:40;height:64px;flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.appbar__brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.appbar__brand-name{font-weight:var(--fw-medium);font-size:16px;letter-spacing:-.01em}.appbar__crumb{color:var(--fg-3);font-size:var(--fs-body-sm);display:flex;align-items:center;gap:8px}.appbar__crumb .material-symbols-outlined{font-size:18px}.appbar__spacer{flex:1}.appbar__actions{display:flex;align-items:center;gap:var(--space-2)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--fg-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.iconbtn:hover{background:#8080801f;color:var(--fg-1)}.iconbtn .material-symbols-outlined{font-size:22px}.langtoggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-pill);overflow:hidden;height:34px}.langtoggle button{border:none;background:transparent;color:var(--fg-2);font-size:12px;font-weight:var(--fw-medium);letter-spacing:.04em;padding:0 12px;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.langtoggle button.is-active{background:var(--accent);color:var(--fg-on-primary)}.usermenu{position:relative}.usermenu__btn{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);cursor:pointer;color:var(--fg-1);transition:background var(--dur-fast) var(--ease-standard)}.usermenu__btn:hover{background:#8080800f}.usermenu__email{font-size:var(--fs-body-sm);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu .material-symbols-outlined{font-size:18px;color:var(--fg-3)}.avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--accent);color:var(--fg-on-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--fw-medium)}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);padding:6px;z-index:60;animation:pop var(--dur-fast) var(--ease-decelerate)}.menu__head{padding:8px 10px;border-bottom:1px solid var(--color-divider);margin-bottom:4px}.menu__name{font-size:var(--fs-body-sm);font-weight:var(--fw-medium)}.menu__sub{font-size:var(--fs-caption);color:var(--fg-3)}.menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:transparent;color:var(--fg-1);font-size:var(--fs-body-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer}.menu__item:hover{background:#8080801a}.menu__item .material-symbols-outlined{font-size:19px;color:var(--fg-3)}.menu__item.is-danger,.menu__item.is-danger .material-symbols-outlined{color:var(--palette-error-main)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.shell{flex:1;display:flex;min-height:0}.sidebar{width:248px;flex-shrink:0;padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-divider);background:var(--color-surface)}.navitem{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--fg-2);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);text-align:left;border-radius:var(--radius-md);cursor:pointer;margin-bottom:2px;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.navitem:hover{background:#80808014;color:var(--fg-1)}.navitem.is-active{background:var(--accent);color:var(--fg-on-primary)}.navitem.is-active .material-symbols-outlined{color:var(--fg-on-primary)}.navitem .material-symbols-outlined{font-size:21px}.nav-sep{height:1px;background:var(--color-divider);margin:10px 6px}.nav-label{font-size:var(--fs-overline);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-3);font-weight:var(--fw-medium);padding:6px 12px}.main{flex:1;min-width:0;overflow-y:auto}.page{max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-6) 80px}.page__head{margin-bottom:var(--space-5)}.page__title{font-size:var(--fs-h2);font-weight:var(--fw-light);letter-spacing:var(--tracking-tight);margin:0 0 6px}.page__sub{color:var(--fg-2);font-size:var(--fs-body);margin:0}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-5);align-items:start}.dash-col{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.preview-col{position:sticky;top:calc(64px + var(--space-5))}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-1);overflow:hidden}.card--flat{box-shadow:none}.card__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider)}.card__head-row{display:flex;align-items:center;gap:12px}.card__icon{color:var(--fg-3);display:inline-flex}.card__icon .material-symbols-outlined{font-size:22px}.card__title{font-size:var(--fs-h6);font-weight:var(--fw-medium);margin:0}.card__desc{font-size:var(--fs-body-sm);color:var(--fg-2);margin:4px 0 0}.card__body{padding:var(--space-5)}.card__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider);display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--fs-body-sm);font-weight:var(--fw-medium);letter-spacing:.01em;padding:0 16px;min-height:40px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);white-space:nowrap}.btn .material-symbols-outlined{font-size:19px}.btn--sm{min-height:34px;padding:0 12px;font-size:var(--fs-caption)}.btn--block{width:100%}.btn--contained{background:var(--accent);color:var(--fg-on-primary);box-shadow:var(--shadow-1)}.btn--contained:hover{background:var(--accent-hover);box-shadow:var(--shadow-2)}.btn--contained:active{background:var(--accent-press);box-shadow:none}.btn--outlined{background:transparent;color:var(--fg-1);border-color:var(--color-border-strong)}.btn--outlined:hover{background:#8080800f;border-color:var(--fg-1)}.btn--text{background:transparent;color:var(--fg-1)}.btn--text:hover{background:#80808014}.btn--danger{background:var(--palette-error-main);color:#fff;box-shadow:var(--shadow-1)}.btn--danger:hover{background:#d01244;box-shadow:var(--shadow-2)}.btn--danger-outlined{background:transparent;color:var(--palette-error-main);border-color:#f3164e80}.btn--danger-outlined:hover{background:#f3164e14;border-color:var(--palette-error-main)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:default;box-shadow:none;pointer-events:none}.btn--oauth{width:100%;min-height:48px;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--fg-1);font-size:var(--fs-body);justify-content:center;gap:12px}.btn--oauth:hover{background:#8080800d}.btn--oauth svg{width:20px;height:20px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--fg-1)}.field__label .req{color:var(--palette-error-main)}.input,.select-native{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--fg-1);padding:10px 12px;min-height:42px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);outline:none;width:100%;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.input::-moz-placeholder{color:var(--fg-3)}.input::placeholder{color:var(--fg-3)}.input:focus,.select-native:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input--mono{font-family:var(--font-mono);letter-spacing:.02em}.field.is-error .input{border-color:var(--palette-error-main)}.field.is-error .input:focus{box-shadow:0 0 0 1px var(--palette-error-main)}.field.is-error .field__label{color:var(--palette-error-main)}.helper{font-size:var(--fs-caption);color:var(--fg-3);display:flex;align-items:center;gap:5px}.helper.is-error{color:var(--palette-error-main)}.helper .material-symbols-outlined{font-size:15px}.input-affix{position:relative;display:flex;align-items:center}.input-affix .input{padding-right:44px}.input-affix__btn{position:absolute;right:4px;width:34px;height:34px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--fg-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.input-affix__btn:hover{background:#8080801f;color:var(--fg-1)}.input-affix__btn .material-symbols-outlined{font-size:19px}.select-native{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23808890' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.source{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.source+.source{margin-top:var(--space-3)}.source.is-on{border-color:var(--color-border-strong)}.source__top{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.source__top:hover{background:#80808008}.source__icon{width:38px;height:38px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#8080801a;color:var(--fg-2)}.source.is-on .source__icon{background:var(--accent);color:var(--fg-on-primary)}.source__icon .material-symbols-outlined{font-size:21px}.source__text{flex:1;min-width:0}.source__name{font-size:var(--fs-body);font-weight:var(--fw-medium)}.source__hint{font-size:var(--fs-body-sm);color:var(--fg-2);margin-top:2px}.source__detail{padding:0 16px 16px 68px;display:grid;gap:14px}.source__detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox{position:relative;flex-shrink:0;width:20px;height:20px;margin-top:9px}.checkbox input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.checkbox__box{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-standard)}.checkbox input:checked+.checkbox__box{background:var(--accent);border-color:var(--accent)}.checkbox__box .material-symbols-outlined{font-size:16px;color:var(--fg-on-primary);opacity:0;transform:scale(.6);transition:all var(--dur-fast) var(--ease-decelerate)}.checkbox input:checked+.checkbox__box .material-symbols-outlined{opacity:1;transform:scale(1)}.checkbox input:focus-visible+.checkbox__box{outline:2px solid var(--accent);outline-offset:2px}.switch{position:relative;width:42px;height:24px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--color-border-strong);transition:background var(--dur-base) var(--ease-standard)}.switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform var(--dur-base) var(--ease-standard)}.switch input:checked~.switch__track{background:var(--accent)}.switch input:checked~.switch__thumb{transform:translate(18px)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-medium);white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chip .material-symbols-outlined{font-size:14px}.chip--default{background:#80808024;color:var(--fg-2)}.chip--success{background:#26a95f24;color:var(--palette-success-main)}.chip--error{background:#f3164e21;color:var(--palette-error-main)}.chip--warning{background:#d3970a29;color:var(--palette-warning-main)}.chip--info{background:#0090d621;color:var(--palette-info-main)}.toast-wrap{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:90;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.toast{display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-3);animation:toastIn var(--dur-base) var(--ease-decelerate)}.toast.is-out{animation:toastOut var(--dur-base) var(--ease-accelerate) forwards}.toast__icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast__icon .material-symbols-outlined{font-size:16px;color:#fff}.toast__icon--success{background:var(--palette-success-main)}.toast__icon--error{background:var(--palette-error-main)}.toast__icon--warning{background:var(--palette-warning-main)}.toast__icon--info{background:var(--palette-info-main)}.toast__body{flex:1}.toast__title{font-size:var(--fs-body-sm);font-weight:var(--fw-medium)}.toast__msg{font-size:var(--fs-caption);color:var(--fg-2);margin-top:2px;line-height:1.45}.toast__action{background:none;border:none;color:var(--palette-info-main);font-size:var(--fs-caption);font-weight:var(--fw-medium);cursor:pointer;padding:2px 0;margin-top:6px}.toast__action:hover{text-decoration:underline}.toast__close{background:none;border:none;color:var(--fg-3);cursor:pointer;display:inline-flex;padding:0}.toast__close .material-symbols-outlined{font-size:18px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translate(20px)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade var(--dur-base) var(--ease-standard)}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-width:440px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);overflow:hidden;animation:dialogIn var(--dur-base) var(--ease-decelerate)}@keyframes dialogIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.dialog__body{padding:var(--space-5)}.dialog__title{font-size:var(--fs-h5);font-weight:var(--fw-medium);margin:0 0 8px;display:flex;align-items:center;gap:10px}.dialog__title .material-symbols-outlined{font-size:24px}.dialog__title.is-danger .material-symbols-outlined{color:var(--palette-error-main)}.dialog__text{font-size:var(--fs-body-sm);color:var(--fg-2);margin:0;line-height:1.55}.dialog__foot{padding:var(--space-4) var(--space-5);background:#8080800a;border-top:1px solid var(--color-divider);display:flex;gap:var(--space-3);justify-content:flex-end}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block}.spinner--lg{width:30px;height:30px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loadbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--space-7) var(--space-4);color:var(--fg-2);font-size:var(--fs-body-sm)}.skel{background:linear-gradient(90deg,#8080801a 25%,#8080802e 37%,#8080801a 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{text-align:center;padding:var(--space-7) var(--space-4)}.empty__icon{width:64px;height:64px;border-radius:var(--radius-pill);background:#8080801a;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--fg-3)}.empty__icon .material-symbols-outlined{font-size:32px}.empty__title{font-size:var(--fs-h5);font-weight:var(--fw-medium);margin:0 0 6px}.empty__text{font-size:var(--fs-body-sm);color:var(--fg-2);margin:0 auto var(--space-4);max-width:320px}.usage{display:flex;flex-direction:column;gap:6px}.usage__row{display:flex;justify-content:space-between;font-size:var(--fs-body-sm)}.usage__row .label{color:var(--fg-2)}.usage__row .val{font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.usage__track{height:8px;border-radius:var(--radius-pill);background:#80808029;overflow:hidden}.usage__fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--dur-slow) var(--ease-standard)}.eink-panel{display:flex;flex-direction:column;gap:var(--space-3)}.eink-stage{display:flex;flex-direction:column;align-items:center;gap:4px}.eink-bezel{background:linear-gradient(180deg,#e9eaec,#d3d6da);padding:16px 14px 22px;border-radius:10px;box-shadow:var(--shadow-2),inset 0 1px #ffffffb3;border:1px solid rgba(0,0,0,.12);position:relative;width:100%}.dark .eink-bezel,[data-theme=dark] .eink-bezel{background:linear-gradient(180deg,#2a2c2f,#17191b);border-color:#00000080}.eink-screen{display:block;width:100%;height:auto;image-rendering:pixelated;background:#fff;border:1px solid rgba(0,0,0,.35);border-radius:1px}.eink-bezel__brand{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#0006;font-family:var(--font-mono)}.dark .eink-bezel__brand,[data-theme=dark] .eink-bezel__brand{color:#ffffff59}.eink-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-caption);color:var(--fg-3);font-family:var(--font-mono)}.eink-meta .material-symbols-outlined{font-size:14px;vertical-align:-2px}.eink-note{font-size:var(--fs-caption);color:var(--fg-3);display:flex;align-items:center;gap:6px}.eink-note .material-symbols-outlined{font-size:15px}.eink-error{padding:var(--space-5);text-align:center;color:var(--palette-warning-main);font-size:var(--fs-body-sm);display:flex;flex-direction:column;align-items:center;gap:8px}.eink-error .material-symbols-outlined{font-size:28px}.seg{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;align-self:center}.seg button{border:none;background:transparent;color:var(--fg-2);font-size:var(--fs-caption);font-weight:var(--fw-medium);padding:6px 14px;cursor:pointer}.seg button.is-active{background:var(--accent);color:var(--fg-on-primary)}.device{display:grid;grid-template-columns:48px 1fr auto;gap:16px;padding:var(--space-4) var(--space-5);align-items:center}.device+.device{border-top:1px solid var(--color-divider)}.device__glyph{width:48px;height:48px;border-radius:var(--radius-md);background:#8080801a;color:var(--fg-2);display:flex;align-items:center;justify-content:center}.device__glyph .material-symbols-outlined{font-size:24px}.device__name{font-size:var(--fs-body);font-weight:var(--fw-medium);display:flex;align-items:center;gap:10px}.device__rows{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px}.device__kv{font-size:var(--fs-caption);color:var(--fg-2);display:flex;align-items:center;gap:6px}.device__kv b{font-weight:var(--fw-regular);color:var(--fg-1);font-family:var(--font-mono)}.device__actions{display:flex;gap:8px}.copybtn{background:none;border:none;color:var(--fg-3);cursor:pointer;display:inline-flex;align-items:center;padding:0}.copybtn:hover{color:var(--accent)}.copybtn .material-symbols-outlined{font-size:15px}.danger-zone{border:1px solid rgba(243,22,78,.4);border-radius:var(--radius-md)}.danger-zone .card__head{border-bottom-color:#f3164e33}.danger-zone .card__title{color:var(--palette-error-main)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.muted{color:var(--fg-2);font-size:var(--fs-body-sm)}.mono{font-family:var(--font-mono)}.info-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:#0090d614;color:var(--fg-2);font-size:var(--fs-body-sm);line-height:1.5}.info-banner .material-symbols-outlined{font-size:19px;color:var(--palette-info-main);flex-shrink:0;margin-top:1px}.flash-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.flash-step{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--fs-body-sm);color:var(--fg-2)}.flash-step__num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--fg-on-primary);display:flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:var(--fw-medium)}.flash-action{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}esp-web-install-button{--esp-tools-button-color: var(--accent);--esp-tools-button-text-color: var(--fg-on-primary);--esp-tools-button-border-radius: var(--radius-md)}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5);min-height:100vh}.login__card{width:100%;max-width:420px}.login__brand{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:var(--space-6);text-align:center}.login__title{font-size:var(--fs-h1);font-weight:var(--fw-light);letter-spacing:var(--tracking-tight);margin:0}.login__tag{color:var(--fg-2);font-size:var(--fs-body);margin:8px 0 0}.login__oauth{display:flex;flex-direction:column;gap:12px}.login__divider{display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:var(--fs-caption);margin:var(--space-2) 0}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--color-divider)}.login__foot{text-align:center;margin-top:var(--space-5);font-size:var(--fs-caption);color:var(--fg-3)}.login__corner{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;gap:8px;z-index:10}.logo{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;width:30px;height:30px;padding:3px;border-radius:7px;background:var(--accent)}.logo i{background:var(--fg-on-primary);border-radius:1px;opacity:.35}.logo i:nth-child(1),.logo i:nth-child(4),.logo i:nth-child(5),.logo i:nth-child(8){opacity:1}.logo--lg{width:56px;height:56px;border-radius:13px;gap:3px;padding:6px}.appbar__menu-btn,.scrim-nav{display:none}@media (max-width: 1080px){.dash-grid{grid-template-columns:1fr}.preview-col{position:static;order:-1}.eink-stage{align-items:stretch}.eink-bezel{max-width:480px;margin:0 auto}}@media (max-width: 820px){.appbar__menu-btn{display:inline-flex}.appbar__crumb{display:none}.sidebar{position:fixed;top:64px;bottom:0;left:0;z-index:70;transform:translate(-100%);transition:transform var(--dur-base) var(--ease-standard);box-shadow:var(--shadow-3)}.sidebar.is-open{transform:none}.scrim-nav.is-open{display:block;position:fixed;top:64px;right:0;bottom:0;left:0;background:#0006;z-index:65}.page{padding:var(--space-5) var(--space-4) 64px}.usermenu__email{display:none}.source__detail{padding-left:16px}.source__detail-grid{grid-template-columns:1fr}}@media (max-width: 560px){.device{grid-template-columns:1fr;gap:12px}.device__actions{justify-content:flex-start}.card__foot{flex-direction:column-reverse}.card__foot .btn{width:100%}.toast-wrap{left:var(--space-4);right:var(--space-4)}.toast{min-width:0;max-width:none;width:100%}.page__title{font-size:var(--fs-h3)}}.layout-editor-page{max-width:1200px}.layout-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.layout-editor-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.layout-editor-body{display:grid;grid-template-columns:1fr 300px;gap:var(--space-5);align-items:start}.layout-editor-main{min-width:0}.layout-editor-hint{display:flex;align-items:center;gap:4px;font-size:var(--fs-caption);color:var(--c-text-secondary);margin-top:8px}.layout-editor-hint .icon{font-size:14px}.layout-editor-sidebar{position:sticky;top:80px}.grid-editor-wrap{overflow-x:auto}.grid-editor-canvas{background:repeating-linear-gradient(0deg,transparent,transparent 59px,var(--c-divider) 59px,var(--c-divider) 60px),repeating-linear-gradient(90deg,transparent,transparent 74px,var(--c-divider) 74px,var(--c-divider) 75px);border:1px solid var(--c-divider);border-radius:var(--radius-md);overflow:hidden}.grid-widget{background:var(--c-surface-2);border:1px solid var(--c-primary-light);border-radius:4px;display:flex;align-items:stretch;overflow:hidden;box-sizing:border-box;transition:box-shadow var(--dur-fast)}.grid-widget:hover{box-shadow:var(--shadow-2)}.grid-widget--static{background:var(--c-surface-3);border-color:var(--c-divider)}.widget-drag-handle{flex:1;display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:0}.widget-drag-handle:active{cursor:grabbing}.grid-widget--static .widget-drag-handle{cursor:default}.widget-drag-handle .icon{font-size:16px;color:var(--c-text-secondary);flex-shrink:0}.widget-label{font-size:var(--fs-caption);font-weight:500;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;background:transparent;border:none;border-left:1px solid var(--c-divider);cursor:pointer;color:var(--c-text-secondary);padding:0;transition:background var(--dur-fast),color var(--dur-fast)}.widget-remove:hover{background:rgba(var(--palette-error-main-rgb, 243,22,78),.08);color:var(--palette-error-main)}.widget-remove .icon{font-size:14px}.layout-preview-pane{display:flex;flex-direction:column;align-items:center;gap:8px}.layout-preview-note{display:flex;align-items:center;gap:4px;font-size:var(--fs-caption);color:var(--c-text-secondary)}.layout-preview-note .icon{font-size:14px}.layout-palette{display:flex;flex-direction:column;gap:8px}.palette-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--c-surface-2);border:1px solid var(--c-divider);border-radius:var(--radius-md)}.palette-item .icon{color:var(--c-text-secondary)}.palette-item span{flex:1;font-size:var(--fs-body)}.palette-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--c-primary-main);border-radius:50%;background:transparent;cursor:pointer;color:var(--c-primary-main);transition:background var(--dur-fast),color var(--dur-fast)}.palette-add-btn:hover{background:var(--c-primary-main);color:#fff}.palette-add-btn .icon{font-size:16px}@media (max-width: 900px){.layout-editor-body{grid-template-columns:1fr}.layout-editor-sidebar{position:static}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}