.toast-host[data-v-107baa4d]{right:var(--space-4);bottom:var(--space-4);z-index:var(--zi-toast);gap:var(--space-2);max-width:min(420px, calc(100vw - 2 * var(--space-4)));flex-direction:column;display:flex;position:fixed}.toast[data-v-107baa4d]{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);background:var(--surface-container-lowest);box-shadow:var(--elevation-2);font-size:var(--fs-base);line-height:var(--lh-snug);display:flex}.toast--success[data-v-107baa4d]{border-color:var(--success);background:var(--success-container);color:var(--success)}.toast--error[data-v-107baa4d]{border-color:var(--error);background:var(--error-container);color:var(--error)}.toast--warn[data-v-107baa4d]{border-color:var(--warning);background:var(--warning-container);color:var(--warning)}.toast--info[data-v-107baa4d]{border-color:var(--info);background:var(--info-container);color:var(--info)}.toast__text[data-v-107baa4d]{flex:1}.toast__close[data-v-107baa4d]{border-radius:var(--radius-full);width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.toast__close[data-v-107baa4d]:hover{background:#00000014}.app-header[data-v-d3178a6d]{z-index:var(--zi-header);background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);position:sticky;top:0}.app-header__inner[data-v-d3178a6d]{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--max-w-xl);padding:var(--space-3) var(--space-4);margin:0 auto;display:flex}.app-brand[data-v-d3178a6d]{align-items:center;gap:var(--space-2);color:var(--primary);font-size:var(--fs-lg);font-weight:700;text-decoration:none;display:inline-flex}.app-header__account[data-v-d3178a6d]{align-items:center;gap:var(--space-3);display:flex}.app-header__name[data-v-d3178a6d]{color:var(--on-surface-variant);font-size:var(--fs-sm)}.app-main[data-v-d3178a6d]{max-width:var(--max-w-xl);padding:var(--space-6) var(--space-4) var(--space-12);margin:0 auto}.app-main--bare[data-v-d3178a6d]{max-width:none;padding:0}@media (width<=600px){.app-header__name[data-v-d3178a6d]{display:none}}:root{--surface-dim:#f8f8fb;--surface:#fff;--surface-container-lowest:#fff;--surface-container-low:#f9f9fc;--surface-container:#f3f3f7;--surface-container-high:#ededf3;--surface-container-highest:#e6e6ed;--primary:#5d5b9d;--primary-dim:#4d4b8c;--primary-container:#e4e1ff;--on-primary:#fff;--on-primary-container:#fff;--primary-shadow:none;--primary-border:transparent;--secondary:#386a65;--secondary-container:#d2f1eb;--on-secondary-container:#23514d;--tertiary:#8b5263;--tertiary-container:#ffd9e3;--on-tertiary-container:#6f3b4c;--success:#2f6b4f;--success-container:#d0f1df;--warning:#87530b;--warning-container:#ffddb3;--error:#ba1a1a;--error-container:#ffdad6;--info:#35618a;--info-container:#d3e4ff;--on-surface:#1c1b20;--on-surface-variant:#625f69;--on-surface-dim:#918c98;--outline:#bcbac3;--outline-variant:#eeeef3;--elevation-1:none;--elevation-2:none;--elevation-3:none;--font-sans:"Google Sans", "Sarabun", -apple-system, BlinkMacSystemFont, sans-serif;--fs-micro:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.875rem;--fs-md:.9375rem;--fs-lg:1rem;--fs-xl:1.125rem;--fs-2xl:1.25rem;--fs-3xl:1.5rem;--fs-4xl:1.75rem;--radius-nano:4px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--max-w-xs:360px;--max-w-sm:480px;--max-w-md:640px;--max-w-lg:760px;--max-w-xl:960px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5;--lh-base:1.5;--lh-xl:1.35;--lh-2xl:1.3;--lh-relaxed:1.625;--control-height:42px;--control-height-compact:36px;--zi-sticky:50;--zi-header:100;--zi-overlay:1000;--zi-modal:1200;--zi-confirm:1300;--zi-toast:2000;--max-w-content:1180px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-dim:#000;--surface:#121212;--surface-container-lowest:#000;--surface-container-low:#0e0e0e;--surface-container:#141414;--surface-container-high:#1e1e1e;--surface-container-highest:#252525;--secondary:#7cc8be;--secondary-container:#0f2e2b;--on-secondary-container:#a8ddd6;--tertiary:#e8a0b8;--tertiary-container:#3d1e2a;--on-tertiary-container:#f8b8cc;--success:#6dd49a;--success-container:#0a2e1c;--warning:#ffb86a;--warning-container:#3a2500;--error:#ff8a7a;--error-container:#3a0a0a;--info:#7fb8ff;--info-container:#102a44;--on-surface:#e6e2e6;--on-surface-variant:#c8c5d1;--on-surface-dim:#9a97a3;--outline:#48464f;--outline-variant:#25242b}html[data-theme=dark] body{background:var(--surface-dim);color:var(--on-surface)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--on-surface);background:var(--surface-dim);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.25}p{margin:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-nano)}.sr-only{width:1px;height:1px;margin:calc(-1 * var(--space-1));clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.skip-link{top:-60px;left:var(--space-4);z-index:var(--zi-toast);padding:var(--space-3) var(--space-4);background:var(--primary);color:var(--on-primary);border-radius:var(--radius-xs);font-weight:600;text-decoration:none;transition:top .15s;position:absolute}.skip-link:focus{top:var(--space-4)}.page{max-width:var(--max-w-content);padding:var(--space-6) var(--space-4) var(--space-10);margin:0 auto}.page--narrow{max-width:820px}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.grow{flex:auto;min-width:0}.card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:none;border:none}.card--flush{padding:0;overflow:hidden}.card__title{font-size:var(--fs-lg);margin-bottom:var(--space-1)}.hero{background:linear-gradient(135deg, var(--primary-dim), var(--primary));color:var(--on-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:none}.hero h1{font-size:var(--fs-3xl)}.hero__subtitle{font-size:var(--fs-md);opacity:.9;margin-top:var(--space-2)}.section-title{font-size:var(--fs-xl)}.muted{color:var(--on-surface-variant)}.muted-dim{color:var(--on-surface-dim)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-family:inherit;font-size:var(--fs-base);cursor:pointer;box-shadow:none;border:none;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--primary-dim);box-shadow:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--surface-container-low);color:var(--on-primary-container);border:none}.btn--secondary:hover:not(:disabled){background:var(--surface-container)}.btn--ghost{color:var(--on-surface-variant);background:0 0;border:none}.btn--ghost:hover:not(:disabled){background:var(--surface-container);color:var(--on-surface)}.btn--danger{background:var(--error);border:none}.btn--danger:hover:not(:disabled){background:#8f1414}.btn--compact{min-height:var(--control-height-compact);padding:0 var(--space-4);font-size:var(--fs-sm)}.btn--icon{min-height:var(--control-height-compact);width:var(--control-height-compact);border-radius:var(--radius-xs);color:var(--on-surface-variant);background:0 0;border:none;padding:0}.btn--icon:hover:not(:disabled){background:var(--surface-container);color:var(--on-surface)}.btn--block{width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--fs-sm);color:var(--on-surface);font-weight:600}.field__hint{font-size:var(--fs-xs);color:var(--on-surface-variant)}.field__error{font-size:var(--fs-xs);color:var(--error);font-weight:600}.input,.textarea,.select{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--fs-base);color:var(--on-surface);background:var(--surface-container-low);border-radius:var(--radius-xs);box-shadow:none;border:none;transition:background-color .15s}.input:hover,.textarea:hover,.select:hover{background:var(--surface-container)}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--primary);outline-offset:-1px;box-shadow:none;border-color:#0000}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-container);color:var(--on-surface-dim);cursor:not-allowed}.textarea{resize:vertical;min-height:96px}.input--compact{min-height:var(--control-height-compact);font-size:var(--fs-sm)}.input--number{max-width:140px}.choice{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xs);background:var(--surface-container-low);cursor:pointer;border:none;transition:background .15s;display:flex}.choice:hover{background:var(--surface-container)}.choice input{margin:var(--space-1) 0 0;width:18px;height:18px;accent-color:var(--primary);flex:none}.choice--selected{background:var(--primary-container)}.switch{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xs);background:var(--surface-container-low);cursor:pointer;border:none;display:flex}.switch input{margin:var(--space-1) 0 0;width:18px;height:18px;accent-color:var(--primary);flex:none}.switch__text{gap:var(--space-1);flex-direction:column;display:flex}.switch__title{font-size:var(--fs-sm);font-weight:600}.scale{gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.scale__item{align-items:center;gap:var(--space-1);min-width:48px;padding:var(--space-2);border-radius:var(--radius-xs);background:var(--surface-container-low);cursor:pointer;font-size:var(--fs-sm);border:none;flex-direction:column;display:flex}.scale__item--selected{background:var(--primary-container);font-weight:700}.chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-3xs);background:var(--surface-container-high);color:var(--on-surface-variant);white-space:nowrap;font-weight:700;display:inline-flex}.chip--on{background:var(--success-container);color:var(--success)}.chip--off{background:var(--surface-container-high);color:var(--on-surface-dim)}.chip--warn{background:var(--warning-container);color:var(--warning)}.chip--danger{background:var(--error-container);color:var(--error)}.chip--info{background:var(--info-container);color:var(--info)}.chip--primary{background:var(--primary-container);color:var(--on-primary-container)}.banner{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid #0000;display:flex}.banner__body{gap:var(--space-1);flex-direction:column;display:flex}.banner__title{font-weight:700;font-size:var(--fs-base)}.banner--warn{background:var(--warning-container);color:#4a2d02;border-color:#87530b40}.banner--danger{background:var(--error-container);color:#6b0f0f;border-color:#ba1a1a40}.banner--info{background:var(--info-container);color:#1c3a55;border-color:#35618a40}.banner--success{background:var(--success-container);color:#1c4230;border-color:#2f6b4f40}.table-wrap{border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-container-lowest);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--outline-variant);white-space:nowrap}.table th{background:var(--surface-container);font-size:var(--fs-xs);color:var(--on-surface-variant);font-weight:700;position:sticky;top:0}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-container-low)}.table__num{text-align:right;font-variant-numeric:tabular-nums}.toasts{z-index:var(--zi-toast);gap:var(--space-2);max-width:min(420px, calc(100vw - var(--space-8)));flex-direction:column;display:flex;position:fixed;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.toast{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);box-shadow:none;background:var(--surface);font-size:var(--fs-sm);border:none;display:flex}.toast--error{border-inline-start-color:var(--error)}.toast--success{border-inline-start-color:var(--success)}.toast--warn{border-inline-start-color:var(--warning)}.divider{background:var(--outline-variant);height:1px;margin:var(--space-4) 0;border:none}.empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--on-surface-variant)}.grid-forms{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.gate-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-container-low);border:1px solid var(--outline-variant)}.stat__value{font-size:var(--fs-3xl);font-variant-numeric:tabular-nums;font-weight:800}.stat__label{font-size:var(--fs-xs);color:var(--on-surface-variant)}.copy-row{gap:var(--space-2);align-items:center;display:flex}.copy-row .input{font-family:ui-monospace,monospace;font-size:var(--fs-xs)}@media (width<=640px){.page{padding:var(--space-4) var(--space-3) var(--space-8)}.hero{padding:var(--space-5)}.card{padding:var(--space-4)}}:root{--gf-purple-primary:#673ab7;--gf-purple-dark:#512da8;--gf-purple-light:#f0ebf8;--gf-purple-ripple:#673ab714;--gf-active-blue:#4285f4;--gf-bg-canvas:#f0ebf8;--gf-card-bg:#fff;--gf-card-border:#dadce0;--gf-text-main:#202124;--gf-text-muted:#5f6368}body.gf-theme{background-color:var(--gf-bg-canvas);color:var(--gf-text-main)}.gf-top-header{z-index:200;background:var(--surface);box-shadow:none;border-bottom:none;position:sticky;top:0}.gf-header-top-row{padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.gf-header-left{align-items:center;gap:var(--space-3);display:flex}.gf-logo-icon{background:var(--gf-purple-primary);color:#fff;border-radius:var(--radius-xs);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gf-doc-info{gap:var(--space-1);flex-direction:column;display:flex}.gf-doc-title-input{font-size:var(--fs-xl);color:var(--gf-text-main);padding:var(--space-1) var(--space-2);border-radius:var(--radius-nano);background:0 0;border:none;outline:none;font-weight:600}.gf-doc-title-input:hover,.gf-doc-title-input:focus{background:#f1f3f4}.gf-save-status{align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--gf-text-muted);display:flex}.gf-header-tabs{justify-content:center;gap:var(--space-6);background:var(--surface);border-top:none;display:flex}.gf-tab-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--fs-md);color:var(--gf-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;font-weight:600;transition:all .15s;display:flex}.gf-tab-btn:hover{color:var(--gf-purple-primary);background:var(--gf-purple-ripple)}.gf-tab-btn.active{color:var(--gf-purple-primary);border-bottom-color:var(--gf-purple-primary)}.gf-header-right{align-items:center;gap:var(--space-2);display:flex}.gf-canvas-container{max-width:770px;margin:var(--space-5) auto var(--space-12) auto;padding:0 var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.gf-header-card{background:var(--surface);border:none;border-top:6px solid var(--gf-purple-primary);border-radius:var(--radius-xs);padding:var(--space-6);box-shadow:none;gap:var(--space-4);flex-direction:column;display:flex}.gf-form-title{font-size:var(--fs-5xl);color:var(--gf-text-main);width:100%;padding:var(--space-1) 0;border:none;border-bottom:1px solid #0000;outline:none;font-weight:700;transition:border-color .2s}.gf-form-title:focus{border-bottom-color:var(--gf-purple-primary)}.gf-form-desc{font-size:var(--fs-base);color:var(--gf-text-muted);resize:vertical;border:none;border-bottom:1px solid #0000;outline:none;width:100%;min-height:48px;font-family:inherit;transition:border-color .2s}.gf-form-desc:focus{border-bottom-color:var(--gf-purple-primary)}.gf-meta-collapsible{padding-top:var(--space-3);margin-top:var(--space-1);border-top:1px solid #f1f3f4}.gf-question-card{background:var(--surface);border-radius:var(--radius-xs);padding:var(--space-6) var(--space-6);box-shadow:none;border:none;border-left:5px solid #0000;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.gf-question-card.is-active{border-left-color:var(--gf-active-blue);box-shadow:none}.gf-drag-handle-bar{margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-2);color:#bdc1c6;cursor:grab;justify-content:center;display:flex}.gf-drag-handle-bar:hover{color:var(--gf-text-muted)}.gf-q-main-row{gap:var(--space-4);grid-template-columns:1fr 220px;align-items:start;display:grid}.gf-q-input-wrap{align-items:center;width:100%;display:flex;position:relative}.gf-q-prompt-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fs-lg);color:var(--gf-text-main);border-radius:var(--radius-nano) var(--radius-nano) 0 0;background:#f8f9fa;border:1px solid #0000;border-bottom:2px solid #dadce0;outline:none;font-weight:500;transition:all .2s}.gf-q-prompt-input:focus{border-bottom-color:var(--gf-purple-primary);background:#fff}.gf-q-type-select{padding:var(--space-3) var(--space-3);font-size:var(--fs-base);color:var(--gf-text-main);border-radius:var(--radius-nano);cursor:pointer;background:#fff;border:1px solid #dadce0;outline:none;font-weight:500}.gf-q-type-select:focus{border-color:var(--gf-purple-primary)}.gf-options-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.gf-option-item{align-items:center;gap:var(--space-3);display:flex}.gf-option-icon{color:#bdc1c6;flex-shrink:0}.gf-option-text-input{padding:var(--space-2) var(--space-2);font-size:var(--fs-base);color:var(--gf-text-main);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;transition:border-color .2s}.gf-option-text-input:focus{border-bottom-color:var(--gf-purple-primary)}.gf-add-option-btn{align-items:center;gap:var(--space-2);color:var(--gf-text-muted);font-size:var(--fs-base);cursor:pointer;padding:var(--space-2) 0;background:0 0;border:none;font-weight:500;display:inline-flex}.gf-add-option-btn:hover{color:var(--gf-purple-primary)}.gf-card-bottom-bar{justify-content:flex-end;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid #e8eaed;display:flex}.gf-divider-v{background:#dadce0;width:1px;height:20px}.gf-required-toggle{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--gf-text-main);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}.gf-icon-btn{width:36px;height:36px;color:var(--gf-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.gf-icon-btn:hover{color:var(--gf-text-main);background:#f1f3f4}.gf-icon-btn-danger:hover{color:#d93025;background:#fce8e6}.gf-floating-toolbar{gap:var(--space-1);padding:var(--space-2);background:var(--surface);border-radius:var(--radius-xs);box-shadow:none;z-index:10;border:none;flex-direction:column;display:flex;position:absolute;top:24px;right:-56px}@media (width<=920px){.gf-floating-toolbar{margin-top:var(--space-3);box-shadow:none;background:var(--surface-container-low);flex-direction:row;justify-content:center;position:static}}.gf-settings-group{background:var(--surface);border-radius:var(--radius-xs);padding:var(--space-5) var(--space-6);box-shadow:none;gap:var(--space-4);border:none;flex-direction:column;display:flex}.gf-settings-group-title{font-size:var(--fs-lg);color:var(--gf-purple-primary);align-items:center;gap:var(--space-2);margin:0;font-weight:700;display:flex}.gf-setting-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--outline-variant);display:flex}.gf-setting-row:last-child{border-bottom:none}.gf-setting-label{gap:var(--space-1);flex-direction:column;display:flex}.gf-setting-title{font-size:var(--fs-base);color:var(--gf-text-main);font-weight:600}.gf-profile-wrapper{position:relative}.gf-profile-avatar-btn{background:var(--gf-purple-primary);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--fs-md);box-shadow:none;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.gf-profile-avatar-btn:hover{box-shadow:none;transform:scale(1.05)}.gf-profile-popover{background:var(--surface);border-radius:var(--radius-sm);width:260px;box-shadow:none;padding:var(--space-4);z-index:300;gap:var(--space-3);border:none;flex-direction:column;display:flex;position:absolute;top:46px;right:0}.gf-profile-header{align-items:center;gap:var(--space-3);display:flex}.gf-profile-big-avatar{background:var(--gf-purple-primary);color:#fff;width:44px;height:44px;font-size:var(--fs-xl);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.gf-profile-info{flex-direction:column;display:flex}.gf-profile-name{font-size:var(--fs-md);color:var(--gf-text-main);font-weight:700;line-height:1.2}.gf-profile-role{font-size:var(--fs-xs);color:var(--gf-text-muted);margin-top:var(--space-1)}.gf-profile-divider{background:var(--outline-variant);height:1px;margin:var(--space-1) 0}.gf-logout-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:#d93025;border-radius:var(--radius-nano);cursor:pointer;background:#fce8e6;border:none;font-weight:600;transition:background .15s;display:flex}.gf-logout-btn:hover{background:#fad2cf}.upload-capsule{left:16px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:100;align-items:center;gap:var(--space-3);height:46px;padding:0 var(--space-3) 0 var(--space-4);background:var(--surface);-webkit-backdrop-filter:none;border-radius:var(--radius-full);box-shadow:none;cursor:default;border:none;display:flex;position:fixed}@media (width>=769px){.upload-capsule{background:var(--surface);border:none;width:340px;bottom:24px;left:auto;right:24px}}.upload-capsule--error{border-color:color-mix(in srgb, var(--error) 45%, transparent)}.upload-capsule__icon{color:var(--primary);flex-shrink:0;align-items:center;display:flex}.upload-capsule--error .upload-capsule__icon{color:var(--error)}.upload-capsule__info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.upload-capsule__title{font-size:var(--fs-sm);color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.upload-capsule__sub{font-size:var(--fs-2xs);color:var(--on-surface-variant)}.upload-capsule__track{background:var(--surface-container-highest);border-radius:var(--radius-full);height:5px;overflow:hidden}.upload-capsule__fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .2s;display:block}.upload-capsule--error .upload-capsule__fill{background:var(--error)}.upload-capsule__pct{font-size:var(--fs-xs);color:var(--primary);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}.upload-capsule__close{border-radius:var(--radius-full);width:26px;height:26px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.upload-capsule__close:hover{background:var(--surface-container-high)}.capsule-pop-enter-active,.capsule-pop-leave-active{transition:opacity .25s,transform .25s}.capsule-pop-enter-from,.capsule-pop-leave-to{opacity:0;transform:translateY(16px)}