:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3f4;font-synthesis:none;background:#191d21;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%}body{flex-direction:column;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}@supports (min-height:100svh){body,#root{min-height:100svh}}.page-message{text-align:center;padding:64px 20px}button,input{font:inherit;-webkit-appearance:none;appearance:none}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-shell{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 32px}.site-header{border-bottom:1px solid #38383c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;min-height:58px;display:flex}.brand{white-space:nowrap;align-items:center;gap:9px;font-size:14px;font-weight:750;display:inline-flex}.brand img{object-fit:cover;border-radius:8px;width:29px;height:29px;display:block}.top-nav{flex-wrap:wrap;order:3;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.top-nav a{color:#96959c;white-space:nowrap;border:1px solid #0000;border-radius:9px;padding:8px 13px;font-size:13px}.top-nav a:hover{color:#f0eff2;background:#2a2a2d}.top-nav a.active{color:#8de8df;background:#263c3d;border-color:#3a7775}.header-label{color:#aaa9af;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.header-dot{background:#39c5bb;border-radius:50%;width:7px;height:7px}.intro{text-align:center;max-width:1040px;margin:0 auto;padding:58px 20px 34px}.section-kicker{color:#63d6cd;letter-spacing:.13em;margin:0;font-size:11px;font-weight:750}.intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.4vw,50px);line-height:1.25}.workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;max-width:1040px;margin:0 auto;display:grid}.config-panel,.guide-panel{background:#23292e;border:1px solid #354048;border-radius:14px;min-width:0}.config-panel{padding:27px 30px 25px}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;display:flex}.panel-heading h2,.guide-panel h2{letter-spacing:-.03em;margin:6px 0 0;font-size:20px}.panel-caption{color:#929198;white-space:nowrap;font-size:11px}.preset-row{grid-template-columns:1fr 1fr;gap:11px;margin:25px 0;display:grid}.preset-row>div{background:#242426;border:1px solid #39393d;border-radius:9px;gap:7px;padding:13px 15px;display:grid}.preset-row span{color:#95949b;font-size:11px}.preset-row strong{color:#e4e3e8;font-size:13px;font-weight:650}.field-heading,.result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-heading label,.result-heading>span{font-size:13px;font-weight:700}.field-heading>span{color:#919097;font-size:11px}.token-block{margin-top:28px}.quiet-button{color:#8de8df;background:0 0;border-color:#0000;min-height:28px;padding:0 5px;font-size:11px}.token-control{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:11px;display:grid}.token-control input{color:#eef3f4;background:#191f23;border:1px solid #48555d;border-radius:9px;outline:none;width:100%;min-width:0;height:44px;padding:0 13px;font-size:16px}.token-control input::placeholder{color:#838289}.token-control input:focus{border-color:#39c5bb;box-shadow:0 0 0 3px #39c5bb29}.field-note{color:#8e8d94;margin:8px 0 0;font-size:11px;line-height:1.6}.result-block{border-top:1px solid #3c3c40;margin-top:24px;padding-top:22px}.status{color:#a5a4aa;font-size:11px;font-weight:650}.status.ready{color:#8de8df}.subscription-url{color:#9ba8b0;word-break:break-all;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#191f23;border:1px solid #414e56;border-radius:9px;min-width:0;max-width:100%;min-height:90px;margin-top:11px;padding:14px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.subscription-url:focus-visible{outline-offset:3px;outline:2px solid #39c5bb}.subscription-url.ready{color:#d4d3d8}.error,.feedback{min-height:1.25em;margin:8px 0 0;font-size:11px}.error{color:#edbf75}.feedback{color:#8de8df}.actions{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:16px;display:grid}.actions button{min-height:41px}.actions .primary{color:#102627;background:#39c5bb;border-color:#39c5bb;flex:1;justify-content:space-between;align-items:center;gap:14px;display:flex}.actions .primary:hover:not(:disabled){background:#69ddd4;border-color:#69ddd4}.actions .primary span{font-size:16px;font-weight:400}.panel-footnote{color:#98979e;margin:13px 0 0;font-size:11px;line-height:1.6}button{color:#e2e1e6;touch-action:manipulation;background:#323236;border:1px solid #49494e;border-radius:9px;min-width:0;min-height:44px;padding:8px 14px;font-size:12px;font-weight:650;line-height:1.5;transition:background .18s,border-color .18s}button:hover:not(:disabled){background:#404045;border-color:#777078}button:disabled{opacity:.47;cursor:not-allowed}.guide-panel{padding:24px 30px 22px}.guide-list{gap:24px;margin:26px 0 0;padding:0;list-style:none;display:grid}.guide-list li{align-items:flex-start;gap:11px;min-width:0;display:flex}.guide-list li>div{overflow-wrap:break-word;min-width:0}.guide-index{color:#63d6cd;font-size:12px;font-weight:800;line-height:1.5}.guide-list strong{font-size:14px}.guide-list p{color:#b5bfc5;margin:6px 0 0;font-size:12px;line-height:1.8}.guide-list code,.guide-help code{color:#8de8df;overflow-wrap:anywhere;font-family:inherit;font-weight:700}.guide-help{color:#9998a0;text-align:right;border-top:1px solid #3c3c40;margin-top:20px;padding-top:14px;font-size:11px}.disclaimer{color:#a1adb5;text-align:center;max-width:1040px;margin:20px auto 0;font-size:11px;line-height:1.7}.site-footer{color:#a8a7ae;background:#242427;border-top:1px solid #38383c;margin-top:75px}.footer-inner{text-align:center;max-width:1280px;margin:0 auto;padding:26px 32px 29px;font-size:13px}.footer-inner p{color:#c4c3c9;margin:0 0 17px}.footer-divider{color:#74737b;padding:0 9px}.footer-inner nav{flex-wrap:wrap;justify-content:center;gap:26px;font-size:12px;display:flex}.footer-inner a:hover{color:#8de8df}:is(a:focus-visible,button:focus-visible){outline-offset:3px;outline:2px solid #39c5bb}@media (min-width:900px){.workspace{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.site-header{flex-wrap:nowrap}.top-nav{flex-wrap:nowrap;order:0;width:auto}.token-control{grid-template-columns:minmax(0,1fr) auto}.actions{display:flex}}@media (max-width:780px){.workspace{grid-template-columns:1fr;max-width:620px}.site-header{flex-wrap:wrap;padding:12px 0}.top-nav{order:3;justify-content:flex-start;width:100%;overflow-x:auto}.intro{padding:64px 10px 42px}.guide-list{grid-template-columns:1fr;gap:17px}.guide-help{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}@media (max-width:560px){.site-shell{padding:0 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.site-header{padding-top:max(12px, env(safe-area-inset-top));gap:8px 12px}.brand{font-size:14px}.header-label{display:none}.top-nav{flex-wrap:wrap;justify-content:space-between;gap:4px;overflow:visible}.top-nav a{text-align:center;flex:1;padding:10px 6px;font-size:12px}.intro{padding:32px 0 26px}.intro h1{font-size:32px}.config-panel,.guide-panel{padding:22px 18px}.panel-caption{display:none}.preset-row{gap:8px}.preset-row>div{padding:11px}.preset-row strong{font-size:11px}.token-control,.actions{grid-template-columns:minmax(0,1fr);display:grid}.token-control input,.token-control button,.actions button{width:100%}.token-control input{flex:none;min-height:44px}.token-control button,.actions button{min-height:46px;font-size:14px}.quiet-button{min-height:44px;padding:8px 0 8px 8px;font-size:12px}.token-block{margin-top:18px}.result-block{margin-top:18px;padding-top:18px}.field-note,.panel-footnote,.guide-help,.disclaimer{font-size:12px}.guide-list p{font-size:13px}.site-footer{margin-top:36px}.footer-inner{padding:22px 18px max(24px, env(safe-area-inset-bottom))}.footer-inner nav{gap:8px 16px}.footer-inner nav a{padding:8px 0}}