:root{color-scheme:light;--brand-hue: 30;--hue: var(--brand-hue);--primary: #b42318;--on-primary: #ffffff;--page-bg: #fafaf9;--card-bg: #ffffff;--ink: #2d2d2d;--muted: #655f5a;--line-divider: #e5dfd8;--btn-plain-bg-hover: oklch(.95 .025 var(--hue));--btn-plain-bg-active: oklch(.98 .01 var(--hue));--btn-regular-bg: oklch(.95 .025 var(--hue));--danger: #b42318;--danger-soft: #fef3f2;--success: #059669;--paper: #ffffff;--radius: .5rem;--radius-large: 1rem;--side-width: 320px;--font: Roboto, ui-sans-serif, system-ui, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif}:root.dark{color-scheme:dark;--hue: 255;--primary: #6ea8fe;--on-primary: #0b0f14;--page-bg: #0b0f14;--card-bg: #141b24;--ink: #dadada;--muted: #a6aeb9;--line-divider: #303944;--btn-plain-bg-hover: oklch(.3 .035 var(--hue));--btn-plain-bg-active: oklch(.27 .025 var(--hue));--btn-regular-bg: oklch(.33 .035 var(--hue));--danger: #f87171;--danger-soft: #3f1d24;--success: #34d399}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--page-bg);color:var(--ink);font-family:var(--font);line-height:1.5}body{height:100dvh;overflow:hidden;display:flex;flex-direction:column}button,select,textarea,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:100;left:8px;top:8px;transform:translateY(-200%);padding:12px 16px;border-radius:var(--radius);background:var(--card-bg);color:var(--primary);font-weight:600;text-decoration:none}.skip-link:focus{transform:none}.site-bar{flex-shrink:0;z-index:50;background:var(--card-bg);border-bottom:1px solid var(--line-divider)}.site-bar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;padding:8px 16px}.site-brand{display:flex;align-items:center;gap:10px;min-height:44px;color:inherit;font-size:18px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.site-mark{display:block;color:var(--primary)}.site-nav{display:flex;gap:4px;order:3;width:100%}.site-nav a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:var(--radius);color:color-mix(in srgb,var(--ink) 75%,transparent);font-size:14px;font-weight:500;text-decoration:none}.site-nav a:hover,.theme-btn:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.site-nav a:active,.theme-btn:active{background:var(--btn-plain-bg-active)}.site-nav a[aria-current]{background:var(--btn-plain-bg-hover);color:var(--primary)}.site-tools{display:flex;align-items:center}.theme-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--radius);background:none;color:color-mix(in srgb,var(--ink) 75%,transparent)}.theme-mode{display:none}html[data-theme-mode=auto] .theme-mode[data-mode=auto],html[data-theme-mode=light] .theme-mode[data-mode=light],html[data-theme-mode=dark] .theme-mode[data-mode=dark]{display:inline}.app{display:flex;flex-direction:column;flex:1;min-height:0}.tool-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-shrink:0;padding:8px 16px;background:var(--card-bg);border-bottom:1px solid var(--line-divider)}.tool-identity{display:flex;align-items:center;gap:12px;min-width:0}.back-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--primary);font-size:14px;font-weight:500;text-decoration:none;text-underline-offset:4px}.back-link:hover{text-decoration:underline}.stamp{margin:0;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;letter-spacing:.06em}.stats{display:flex;align-items:center;gap:18px;flex-shrink:0}.stats-cell,.limit-control{display:flex;align-items:baseline;gap:6px}.stats-label,.limit-hint{margin:0;color:var(--muted);font-size:12px}.stats-value{margin:0;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}.stats-value.remain{color:var(--success)}.stats-value.is-over,.progress-percent.is-over{color:var(--danger)}.limit-hint,.limit-unit,.limit-chip select{color:var(--primary)}.limit-chip{display:flex;align-items:baseline;gap:2px}.limit-chip select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1;padding:0;cursor:pointer}.limit-unit{font-size:12px;font-weight:500}.progress-row{display:flex;align-items:center;gap:8px;width:132px}.progress-track{flex:1;height:4px;overflow:hidden;border-radius:99px;background:var(--btn-regular-bg)}.progress-fill{width:0%;height:100%;background:var(--primary)}.progress-fill.is-over{background:var(--danger)}.progress-percent{margin:0;min-width:2.4em;text-align:right;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--side-width);flex:1;min-height:0}.paper-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--page-bg)}.pane-head{display:flex;align-items:baseline;justify-content:space-between;flex-shrink:0;width:min(100%,980px);margin:0 auto;padding:16px 24px 0}.pane-head h1{margin:0;font-size:13px;font-weight:650;color:var(--muted)}.pane-note{margin:0;font-size:12px;color:var(--muted);opacity:.8}.paper-scroll{flex:1;min-height:0;overflow:auto;padding:8px 24px 36px}.paper-host{width:min(100%,980px);margin:0 auto;padding-bottom:12px}.paper-host canvas{display:block;width:100%;height:auto;background:var(--paper);border-radius:2px;box-shadow:0 10px 40px #1c191714}:root.dark .paper-host canvas{box-shadow:0 16px 48px #00000073}.side{display:flex;flex-direction:column;min-height:0;background:var(--card-bg);border-left:1px solid var(--line-divider)}.editor{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 18px 12px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-actions{display:flex;gap:6px}.editor h2,.wechat-card h2{margin:0;font-size:13px;font-weight:700}.text-btn{min-height:36px;padding:0 12px;border:0;border-radius:var(--radius);background:var(--btn-regular-bg);color:var(--muted);font-size:13px;font-weight:600}.text-btn.danger{background:var(--danger-soft);color:var(--danger)}.text-btn:hover{color:var(--ink)}.text-btn.danger:hover{color:var(--danger)}textarea{flex:1;width:100%;min-height:180px;margin-top:8px;padding:12px;border:1px solid var(--line-divider);border-radius:var(--radius);background:var(--page-bg);resize:none;line-height:1.7}textarea::placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent)}.format-card{flex-shrink:0;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-divider)}.indent-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.indent-row input{width:16px;height:16px;accent-color:var(--primary)}.format-label{display:block;font-size:13px;font-weight:650}.format-desc,.mode-hint{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.format-divider{height:1px;margin:12px 0;background:var(--line-divider)}.format-block-head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.help-pop{position:relative}.help-pop summary{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--line-divider);border-radius:50%;background:var(--btn-regular-bg);color:var(--muted);font-size:11px;font-weight:700;line-height:1;cursor:pointer;list-style:none}.help-pop summary::-webkit-details-marker{display:none}.help-pop summary:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.help-pop p{position:absolute;z-index:2;right:0;top:24px;width:min(280px,calc(var(--side-width) - 40px));margin:0;padding:10px 12px;border:1px solid var(--line-divider);border-radius:var(--radius);background:var(--card-bg);box-shadow:0 8px 24px #00000014;color:var(--muted);font-size:12px;line-height:1.5}.segmented{display:flex;padding:3px;border-radius:var(--radius);background:var(--btn-regular-bg)}.segment{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:8px 6px;border-radius:6px;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer}.segment input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.segment:has(input:checked){background:var(--card-bg);color:var(--primary);font-weight:650;box-shadow:0 1px 3px #00000014}.mode-hint{margin:8px 0 0}.wechat-card{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:14px 18px 18px;border-top:1px solid var(--line-divider)}.wechat-copy p{margin:4px 0 0;color:var(--muted);font-size:12px}.wechat-code-frame{flex-shrink:0;padding:6px;border-radius:12px;background:#fff}.wechat-code{display:block;width:88px;height:88px}@media(min-width:768px){.site-bar-inner{display:grid;grid-template-columns:1fr auto 1fr;padding:8px 24px}.site-brand{justify-self:start}.site-nav{order:0;width:auto;gap:8px}.site-tools{justify-self:end}.tool-bar{padding:8px 24px}}@media(min-width:1280px){:root{--side-width: 360px}.site-bar-inner,.tool-bar{padding-left:28px;padding-right:28px}.pane-head{padding:16px 32px 0}.paper-scroll{padding:8px 32px 36px}}@media(max-width:900px){body{height:auto;overflow:auto}.app{height:auto;width:min(100% - 20px,720px);margin:0 auto;padding:12px 0 28px}.tool-bar{flex-wrap:wrap;gap:4px 16px;padding:4px 4px 0;background:transparent;border-bottom:0}.stats{flex:1 1 100%;display:grid;grid-template-columns:1fr auto 1fr;gap:8px 12px;padding:12px 14px 10px;background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-large)}.stats-cell,.limit-control{flex-direction:column;align-items:center;gap:4px}.stats-value,.limit-chip select{font-size:22px}.progress-row{grid-column:1 / -1;width:auto}.workspace{display:flex;flex-direction:column;margin-top:12px;gap:12px}.paper-pane,.editor,.wechat-card{background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-large)}.paper-pane{min-height:auto}.pane-head{width:auto;padding:10px 14px 0}.paper-scroll{max-height:48dvh;padding:6px 12px 16px}.paper-host{width:100%}.paper-host canvas{box-shadow:none}.side{display:contents}.editor{padding:14px}textarea{flex:none;min-height:160px;resize:vertical}.format-card{padding:12px;border:1px solid var(--line-divider);border-radius:var(--radius-large)}.wechat-card{order:-1;padding:14px}.wechat-code{width:96px;height:96px}.text-btn{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}