:root{color-scheme:light;--color-canvas: #F6F4EF;--color-paper: #FFFEFB;--color-paper-soft: #F0EEE8;--color-paper-inset: #F8F7F2;--color-ink: #202923;--color-ink-soft: #59635B;--color-ink-faint: #747C74;--color-action: #244D3D;--color-action-hover: #193C2F;--color-action-ink: #FFFEFB;--color-rule: #DEDCD4;--color-rule-strong: #AAA99F;--color-focus: #376F53;--color-error: #9E4939;--color-error-soft: #F6E9E4;--color-success: #315D47;--color-success-soft: #E8EFE8;--color-terracotta: #B66E4C;--color-terracotta-soft: #F3EAE4;--font-body: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--font-code: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.875rem;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-input: 7px;--radius-control: 6px;--radius-panel: 12px;--radius-well: 8px;--shadow-panel: 0 8px 24px -18px rgba(32, 41, 35, .24);--shadow-switch: 0 1px 3px rgba(32, 41, 35, .2);--content-width: 1400px;--dur-micro: .1s;--dur-short: .16s;--ease-out: cubic-bezier(.2, .75, .25, 1)}*{box-sizing:border-box}html,body{min-width:320px;margin:0;overflow-x:clip;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.5;scrollbar-color:var(--color-rule-strong) var(--color-canvas)}html{scroll-padding-top:var(--space-xl);caret-color:var(--color-action)}body{min-height:100vh}::selection{background:var(--color-action);color:var(--color-action-ink)}button,input,textarea{font:inherit}button,a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.skip-link{position:absolute;z-index:5;top:calc(-1 * var(--space-2xl));left:var(--space-md);padding:var(--space-xs) var(--space-md);background:var(--color-action);color:var(--color-action-ink)}.skip-link:focus-visible{top:var(--space-md)}.topbar{display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:0 max(var(--space-lg),calc((100% - var(--content-width)) / 2));border-bottom:1px solid var(--color-rule);background:var(--color-paper)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-ink);font-size:var(--text-md);font-weight:700;text-decoration:none}.wordmark__sub{margin-left:var(--space-xs);color:var(--color-ink-faint);font-size:var(--text-xs);font-weight:500}.topbar__note{margin:0;color:var(--color-ink-soft);font-size:var(--text-sm)}.workspace{width:min(calc(100% - 64px),var(--content-width));margin:0 auto;padding:var(--space-lg) 0 var(--space-lg)}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-md)}h1,h2,h3,p{margin-top:0}h1{max-width:none;margin-bottom:var(--space-xs);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;min-width:0}.lede{max-width:68ch;margin-bottom:0;color:var(--color-ink-soft);font-size:var(--text-sm)}.compatibility{max-width:27ch;margin-bottom:var(--space-3xs);color:var(--color-ink-soft);font-size:var(--text-xs);text-align:right}.compatibility span{display:block;margin-top:var(--space-2xs);color:var(--color-terracotta)}.noscript-note{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);background:var(--color-terracotta-soft)}.workbench{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:var(--space-lg);align-items:start}.source-panel,.result-panel{min-width:0;border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper);box-shadow:var(--shadow-panel)}.source-panel,.result-panel{padding:var(--space-md)}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.panel-heading h2{margin-bottom:var(--space-2xs);font-size:var(--text-lg);font-weight:650;line-height:1.3}.panel-heading p{margin-bottom:0;color:var(--color-ink-soft);font-size:var(--text-xs)}.privacy-mark{flex-shrink:0;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-control);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-xs)}.field-label{display:block;margin-bottom:var(--space-xs);color:var(--color-ink);font-size:var(--text-sm);font-weight:600}.links-input{display:block;width:100%;min-height:136px;resize:vertical;padding:var(--space-md);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);outline:2px solid transparent;outline-offset:2px;background:var(--color-paper-inset);color:var(--color-ink);font-family:var(--font-code);font-size:var(--text-xs);line-height:1.65;overflow-wrap:anywhere}.links-input::placeholder{color:var(--color-ink-faint);opacity:1}.links-input:focus-visible,.name-input:focus-visible,.copy-field input:focus-visible{outline-color:var(--color-focus)}.input-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xs)}.helper-text,.generate-note{min-height:1lh;margin-bottom:0;color:var(--color-ink-faint);font-size:var(--text-xs)}.text-actions{display:inline-flex;flex-shrink:0;gap:var(--space-md)}.text-button{min-height:32px;padding:0;border:0;background:transparent;color:var(--color-action);font-size:var(--text-xs);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-rule-strong);text-underline-offset:3px;cursor:pointer}.text-button:hover{color:var(--color-action-hover);text-decoration-color:currentColor}.text-button:active{transform:translateY(1px)}.text-button:disabled{cursor:not-allowed;opacity:.55}.name-label{margin-top:var(--space-sm)}.name-input,.copy-field input{min-width:0;width:100%;min-height:40px;padding:0 var(--space-sm);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);outline:2px solid transparent;outline-offset:2px;background:var(--color-paper);color:var(--color-ink);font-size:var(--text-sm)}.routing{min-width:0;margin:var(--space-md) 0 0;padding:0;border:0;border-top:1px solid var(--color-rule)}.routing legend{padding:var(--space-sm) 0 var(--space-xs);font-size:var(--text-sm);font-weight:650}.switch-row{position:relative;display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:var(--space-md);cursor:pointer}.switch-copy{display:grid;min-width:0;gap:1px}.switch-title{font-size:var(--text-sm);font-weight:600}.switch-detail{color:var(--color-ink-faint);font-size:var(--text-xs);line-height:1.4}.switch-row input{position:absolute;width:44px;height:44px;right:0;margin:0;opacity:0;cursor:pointer}.switch-track{position:relative;flex:0 0 40px;height:24px;border:1px solid var(--color-rule-strong);border-radius:20px;background:var(--color-paper-soft);pointer-events:none;transition:background-color var(--dur-short) var(--ease-out)}.switch-track:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--color-paper);box-shadow:var(--shadow-switch);content:"";transition:transform var(--dur-short) var(--ease-out)}.switch-row input:checked+.switch-track{border-color:var(--color-action);background:var(--color-action)}.switch-row input:checked+.switch-track:after{transform:translate(16px)}.switch-row input:focus-visible+.switch-track{outline:2px solid var(--color-focus);outline-offset:3px}.route-summary{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-well);background:var(--color-paper-soft);color:var(--color-ink-soft);font-size:var(--text-xs)}.route-summary>span{display:inline-flex;align-items:center;gap:var(--space-xs)}.route-key{font-size:var(--text-xs);font-weight:700}.route-key--direct{color:var(--color-action)}.route-key--proxy{color:var(--color-ink)}.route-key--block{color:var(--color-terracotta)}.generate-row{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 var(--space-md);border:1px solid var(--color-rule-strong);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.button:hover:not(:disabled){border-color:var(--color-action);background:var(--color-paper-soft)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{border-color:var(--color-action);background:var(--color-action);color:var(--color-action-ink)}.button--primary:hover:not(:disabled){border-color:var(--color-action-hover);background:var(--color-action-hover);color:var(--color-action-ink)}.button--quiet{background:transparent}.button--danger{border-color:var(--color-error);background:transparent;color:var(--color-error)}.button--danger:hover:not(:disabled){border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.result-heading{min-height:40px}.state-label{flex-shrink:0;padding-top:var(--space-xs);color:var(--color-ink-faint);font-size:var(--text-xs)}.state-label[data-state=ready]{color:var(--color-success)}.state-label[data-state=stale]{color:var(--color-terracotta)}.preview-tabs{display:flex;gap:var(--space-lg);border-bottom:1px solid var(--color-rule)}.preview-tab{position:relative;display:inline-flex;min-height:40px;align-items:center;gap:var(--space-xs);padding:0 var(--space-xs);border:0;background:transparent;color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer}.preview-tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.preview-tab.is-current{color:var(--color-action)}.preview-tab.is-current:after{background:var(--color-action)}.count-badge{min-width:21px;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-control);background:var(--color-paper-soft);color:var(--color-ink-soft);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}.preview-body{min-height:190px;max-height:300px;overflow:auto;scrollbar-color:var(--color-rule-strong) var(--color-paper)}.node-list{padding:var(--space-xs) 0}.empty-state{display:grid;min-height:180px;align-content:center;justify-items:center;padding:var(--space-lg);color:var(--color-ink-faint);text-align:center}.empty-title{margin-bottom:var(--space-2xs);color:var(--color-ink);font-size:var(--text-sm);font-weight:650}.empty-state p:last-child{margin-bottom:0;font-size:var(--text-xs)}.nodes-list{margin:0;padding:0;list-style:none}.node-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:center;padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--color-rule)}.node-row:last-child{border-bottom:0}.node-main{display:flex;min-width:0;align-items:center;gap:var(--space-sm)}.protocol-tag{flex-shrink:0;min-width:52px;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-control);background:var(--color-paper-soft);color:var(--color-ink-soft);font-size:var(--text-xs);text-align:center}.node-name{min-width:0;overflow:hidden;color:var(--color-ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.node-address{color:var(--color-ink-faint);font-family:var(--font-code);font-size:var(--text-xs);white-space:nowrap}.yaml-view{background:var(--color-paper-inset)}.yaml-content{min-height:245px;margin:0;padding:var(--space-md);color:var(--color-ink);font-family:var(--font-code);font-size:var(--text-xs);line-height:1.65;white-space:pre;overflow-wrap:normal;overflow:auto;tab-size:2}.export-actions{display:flex;gap:var(--space-xs);padding-top:var(--space-sm)}.action-status{min-height:1lh;margin:var(--space-xs) 0 0;color:var(--color-ink-soft);font-size:var(--text-xs)}.action-status[data-kind=error]{color:var(--color-error)}.action-status[data-kind=success]{color:var(--color-success)}.parse-errors{margin:0 0 var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);background:var(--color-terracotta-soft);color:var(--color-ink);font-size:var(--text-xs)}.parse-errors strong{display:block;margin-bottom:var(--space-2xs)}.parse-errors ul{display:grid;gap:var(--space-2xs);margin:0;padding-left:var(--space-lg)}.publish-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.publish-copy h3,.subscription-topline h3{margin-bottom:var(--space-2xs);font-size:var(--text-sm);font-weight:650}.publish-copy p{margin-bottom:0;color:var(--color-ink-soft);font-size:var(--text-xs)}.hosting-notice{margin:var(--space-sm) 0 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-well);background:var(--color-terracotta-soft);color:var(--color-ink);font-size:var(--text-xs)}.hosting-notice p{margin:0}.hosting-notice .text-button{margin-top:var(--space-xs)}.subscription-result{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.subscription-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.confirmation-label{min-height:32px;padding:0;border:0;background:transparent;color:var(--color-terracotta);font-size:var(--text-xs);text-align:right;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:2px;cursor:pointer}.confirmation-label[data-confirmed=true]{color:var(--color-success)}.confirmation-label:hover{color:var(--color-action)}.confirmation-label:disabled{cursor:not-allowed;opacity:.55;text-decoration:none}.subscription-url-label{display:block;margin:var(--space-sm) 0 var(--space-xs);color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:600}.copy-field{display:flex;min-width:0;gap:var(--space-xs)}.copy-field input{flex:1 1 auto;background:var(--color-paper-inset);font-family:var(--font-code);font-size:var(--text-xs);text-overflow:ellipsis}.hosting-scope,.management-warning,.delete-confirmation p{margin:var(--space-xs) 0 0;color:var(--color-ink-soft);font-size:var(--text-xs)}.management-details{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.management-details summary,.restore-panel summary{width:fit-content;min-height:36px;padding:var(--space-xs) 0;color:var(--color-action);font-size:var(--text-sm);font-weight:600;cursor:pointer}.management-warning{margin:0 0 var(--space-sm);color:var(--color-terracotta)}.credentials-download{margin-top:var(--space-xs)}.managed-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.text-button--danger{color:var(--color-error);text-decoration-color:var(--color-error)}.delete-confirmation{margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-well);background:var(--color-error-soft)}.delete-confirmation .copy-field{align-items:center}.delete-confirmation .name-input{background:var(--color-paper)}.restore-panel{margin-top:var(--space-lg);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.restore-panel>p{max-width:72ch;margin-bottom:var(--space-md);color:var(--color-ink-soft);font-size:var(--text-xs)}.restore-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-md);align-items:end}.restore-fields label{min-width:0}.restore-fields .field-label{font-size:var(--text-xs)}.footnote{margin:var(--space-md) 0 0;color:var(--color-ink-faint);font-size:var(--text-xs)}[hidden]{display:none!important}@media(min-width:1440px){.workspace{padding-top:var(--space-xl)}}@media(max-width:900px){.workspace{width:min(calc(100% - 40px),720px)}.workspace-head{align-items:start}.workbench{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.compatibility{max-width:24ch}.links-input{min-height:176px}.source-panel{order:0}.result-panel{order:1}}@media(max-width:560px){.topbar{min-height:56px;padding:0 var(--space-md)}.wordmark{gap:var(--space-xs)}.wordmark__sub{margin-left:var(--space-2xs)}.topbar__note{font-size:var(--text-xs)}.workspace{width:calc(100% - 32px);padding-top:var(--space-lg)}.workspace-head{display:block;margin-bottom:var(--space-md)}h1{max-width:20ch;font-size:var(--text-xl)}.compatibility{max-width:none;margin-top:var(--space-sm);text-align:left}.compatibility span{display:inline;margin-left:var(--space-xs)}.source-panel,.result-panel{padding:var(--space-md)}.links-input,.name-input,.copy-field input{font-size:var(--text-md)}.input-tools{align-items:start}.helper-text,.switch-detail{max-width:30ch}.route-summary{gap:var(--space-xs) var(--space-sm);padding-inline:var(--space-sm)}.generate-row{align-items:start;flex-direction:column;gap:var(--space-xs)}.generate-row .button{width:100%;min-height:44px}.preview-body{min-height:160px;max-height:270px}.empty-state{min-height:150px}.node-row{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.node-address{padding-left:60px}.publish-block{align-items:stretch;flex-direction:column}.publish-block .button{width:100%;min-height:44px}.copy-field{flex-wrap:wrap}.copy-field input,.copy-field .button{min-height:44px}.restore-fields{grid-template-columns:minmax(0,1fr);align-items:stretch}.restore-fields .button{min-height:44px}.delete-confirmation .copy-field{align-items:stretch}.delete-confirmation .copy-field .button{flex:1 0 100%}.managed-actions{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}