*,:before,:after{box-sizing:border-box}html{scrollbar-width:none;min-height:100%}html::-webkit-scrollbar{display:none}body,#root{min-height:100%}:root{--surface-0:var(--tg-theme-bg-color,#fff);--surface-1:var(--tg-theme-secondary-bg-color,#f2f2f7);--text-primary:var(--tg-theme-text-color,#000);--text-secondary:var(--tg-theme-hint-color,#6b7280);--accent:var(--tg-theme-button-color,#007aff);--accent-text:var(--tg-theme-button-text-color,#fff);--border-subtle:#7878801f;--border-default:#78788038;--nav-height:60px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px}body{background:var(--surface-0);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;font-size:15px;line-height:1.4;overflow-x:hidden}input,button,select,textarea{font-family:inherit}input[type=range]{appearance:none;cursor:pointer;background:var(--border-default);border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--range-accent,var(--accent));border:none;border-radius:50%;width:18px;height:18px;transition:background .25s}input[type=range]::-moz-range-thumb{background:var(--range-accent,var(--accent));border:none;border-radius:50%;width:18px;height:18px;transition:background .25s}input[type=range]::-moz-range-track{background:var(--border-default);border-radius:3px;height:6px}button:disabled{opacity:.4;cursor:not-allowed}.toggle-label{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.toggle-track{background:var(--border-default);border-radius:13px;width:44px;height:26px;transition:background .2s;display:inline-block;position:relative}.toggle-track--on{background:var(--accent)}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle-track--on:after{transform:translate(18px)}.section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);padding:0 var(--sp-2);margin-bottom:6px;font-size:11px;font-weight:700}.section-body{background:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden}.row{align-items:center;gap:var(--sp-3);padding:13px var(--sp-4);border-bottom:1px solid var(--border-subtle);min-height:48px;display:flex}.row:last-child{border-bottom:none}.row-label{color:var(--text-primary);flex:1;font-size:15px}.row-hint{color:var(--text-secondary);margin-top:2px;font-size:13px}.row-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";flex-shrink:0;font-size:15px}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));background:var(--surface-0);border-top:1px solid var(--border-subtle);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{cursor:pointer;min-width:0;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px 10px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.nav-tab.active{color:var(--accent)}.nav-tab svg{flex:0 0 22px;width:22px;min-width:22px;height:22px;min-height:22px;display:block}.page{min-height:var(--app-height,100vh);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 16px)}.page-header{padding:var(--sp-5) var(--sp-4) var(--sp-3)}.page-title{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.page-sections{gap:var(--sp-5);padding:0 var(--sp-4);flex-direction:column;display:flex}.startup-fallback{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at top,#007aff1f,#0000 42%),linear-gradient(#fffffff0,#f2f2f7f7);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.startup-fallback__card{text-align:center;background:#ffffffd1;border:1px solid #7878801f;border-radius:24px;width:min(100%,360px);padding:28px 24px;box-shadow:0 20px 60px #0f172a1a}.startup-fallback__ring{background:conic-gradient(#007aff2e,#007affeb,#6e57e0b8,#007aff2e);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 18px;animation:1.15s linear infinite startup-ring-spin;display:flex}.startup-fallback__ring-core{background:radial-gradient(circle at 30% 30%,#fffffffa,#f2f2f7eb);border-radius:50%;width:58px;height:58px;box-shadow:inset 0 1px #ffffffb3}.startup-fallback__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:700}.startup-fallback__title{letter-spacing:-.03em;margin:0 0 10px;font-size:24px;line-height:1.1}.startup-fallback__text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}@keyframes startup-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{border-radius:var(--radius-lg);background:var(--accent);width:100%;color:var(--accent-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:14px;font-size:16px;font-weight:600;transition:opacity .15s}.btn-primary:active:not(:disabled){opacity:.82}.btn-secondary{border-radius:var(--radius-lg);border:1.5px solid var(--border-default);width:100%;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:14px;font-size:16px;font-weight:500;transition:background .15s,border-color .15s}.btn-secondary:active:not(:disabled){background:var(--surface-2,#00000014);border-color:var(--accent)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:default}.io-progress-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.io-progress-label{color:var(--text-secondary);font-size:14px}.io-progress-track{background:var(--border-default);border-radius:2px;width:100%;height:4px;overflow:hidden}.io-progress-bar{background:var(--accent);transform-origin:0;border-radius:2px;height:100%;animation:1.4s ease-in-out infinite io-progress-indeterminate}@keyframes io-progress-indeterminate{0%{transform:translate(-100%)scaleX(.4)}50%{transform:translate(60%)scaleX(.6)}to{transform:translate(200%)scaleX(.4)}}.btn-apply-default{border-radius:var(--radius-lg);border:1.5px solid var(--border-default);width:100%;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:10px 16px;font-size:14px;transition:background .15s,border-color .15s,color .15s}.btn-apply-default:hover{background:var(--surface-1,#0000000a);border-color:var(--accent);color:var(--text-primary)}.btn-apply-default:active{background:var(--surface-2,#00000014);border-color:var(--accent);color:var(--text-primary)}.pill-tabs{padding:12px var(--sp-4);gap:6px;display:flex}.pill-tab{border-radius:var(--radius-sm);border:1.5px solid var(--border-default);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;flex:1;padding:8px 6px;font-size:13px;font-weight:400;transition:all .15s}.pill-tab.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.chip{background:var(--border-subtle);color:var(--text-secondary);border-radius:20px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.preview-frame{background-color:#1a1a1e;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:33.34% 33.34%;justify-content:center;align-items:center;min-height:180px;display:flex;position:relative;overflow:hidden}.slider-row{padding:13px var(--sp-4);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:8px;display:flex}.slider-row:last-child{border-bottom:none}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-ticks{color:var(--text-secondary);justify-content:space-between;margin-top:-2px;font-size:11px;display:flex}.radio-group{padding:12px var(--sp-4);border-bottom:1px solid var(--border-subtle);gap:6px;display:flex}.radio-group:last-child{border-bottom:none}.radio-option{border-radius:var(--radius-sm);border:1.5px solid var(--border-default);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:14px;transition:all .15s;display:flex}.radio-option.selected{border-color:var(--accent);background:rgba(var(--accent-rgb,0, 122, 255), .08);color:var(--accent);font-weight:600}.radio-dot{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.radio-dot.filled:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.list-row{align-items:center;gap:var(--sp-3);padding:13px var(--sp-4);border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex}.list-row:last-child{border-bottom:none}.list-row:active{background:var(--border-subtle)}.upload-trigger{align-items:center;gap:var(--sp-3);padding:13px var(--sp-4);cursor:pointer;color:var(--accent);-webkit-tap-highlight-color:transparent;font-size:15px;font-weight:500;display:flex}.upload-trigger:active{opacity:.7}@keyframes previewDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.collapse{grid-template-rows:1fr;transition:grid-template-rows .25s;display:grid}.collapse.no-animate{transition:none}.collapse.collapsed{grid-template-rows:0fr}.collapse-inner{overflow:hidden}.kb-preview{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border-subtle);flex-direction:column;gap:4px;display:flex}.kb-preview-row{opacity:1;gap:4px;max-height:32px;transition:max-height .25s,opacity .2s;display:flex;overflow:hidden}.kb-preview-row.hidden{opacity:0;max-height:0}.kb-preview-btn{border:1px solid var(--border-default);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:26px;padding:5px 2px;font-size:11px;font-weight:500;line-height:1.2;display:flex;overflow:hidden}.kb-preview-empty{padding:var(--sp-3);text-align:center;color:var(--text-secondary);font-size:12px}.select-field{border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:var(--surface-1);color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;min-width:0;padding:10px 28px 10px 12px;font-size:15px;transition:border-color .15s}.select-field:focus{border-color:var(--accent)}.select-field option{background:var(--surface-1,#f2f2f7);color:var(--text-primary,#000)}