:root{--paper:#f6f5f0;--surface:#fff;--ink:#203739;--muted:#536564;--accent:#24695b;--line:#b7c6bf;--gap:.75rem;--radius:.5rem;--text:1rem;--small:.875rem;--space:1.5rem}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{margin:0;background:var(--paper);color:var(--ink);font:var(--text)/1.6 -apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;user-select:none}button,select,input[type=file]{min-height:44px}button,.button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:.5rem .8rem}button:active,.button:active{background:var(--line)}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-nav{display:flex;gap:var(--gap);align-items:center;flex-wrap:wrap;padding:.6rem max(1rem,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line)}.site-nav a{text-decoration:none;padding:.4rem}.site-nav .brand{font-weight:700;margin-right:auto}.site-nav [aria-current=page]{text-decoration:underline;text-underline-offset:.4em}.offline-state{font-size:var(--small);color:var(--muted)}.home{max-width:920px;margin:auto;padding:clamp(1.5rem,5vw,4rem)}.eyebrow{font:var(--small)/1.4 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.home h1{font:500 clamp(2.5rem,7vw,4.5rem)/1.15 'Songti TC',serif;margin:var(--space) 0}.home p{max-width:40em}.tool-list{list-style:none;padding:0;margin:3rem 0}.tool-list li{border-top:1px solid var(--line)}.tool-list a{display:grid;grid-template-columns:3rem 1fr auto;gap:var(--gap);padding:var(--space) 0;color:var(--ink);text-decoration:none;align-items:center}.tool-list strong{font-size:1.5rem}.tool-list small{display:block;color:var(--muted)}.notice{color:var(--muted);font-size:var(--small)}.toolbar,.export-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap);padding:var(--gap)}.toolbar details{min-width:0}.toolbar summary{cursor:pointer;min-height:44px;padding:.5rem}.toolbar label,.export-options label{display:inline-flex;align-items:center;gap:.4rem}.toolbar input[type=number]{width:5.5rem}.toolbar input[type=range]{width:7rem}.toolbar input[type=file]{max-width:15rem}.toolbar input,.toolbar select,.export-options select{border:1px solid var(--line);border-radius:var(--radius);padding:.35rem}.toolbar input[type=checkbox]{width:1.25rem;height:1.25rem}.workspace-intro{padding:var(--space);max-width:920px;margin:auto}.workspace-intro h1{font-family:'Songti TC',serif}.primary{background:var(--accent);color:var(--surface)}.image-dialog{max-width:min(94vw,900px);max-height:90dvh;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space);color:var(--ink);overflow:auto}.image-dialog::backdrop{background:#0007}.image-dialog img{display:block;max-width:100%;height:auto;margin:var(--space) auto;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/20px 20px}.image-dialog .dialog-actions{display:flex;flex-wrap:wrap;gap:var(--gap)}.save-status{font-size:var(--small);color:var(--muted)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:2147483647;background:var(--surface);padding:var(--gap)}.skip-link:focus{top:1rem}.sve.sve-panel-hidden .sve-main{grid-template-columns:auto minmax(0,1fr)}.sve-panel-hidden .sve-panel{display:none}.sve .sve-bar{flex-wrap:wrap;gap:.4rem;padding-top:max(.5rem,env(safe-area-inset-top))}.sve .sve-main{overflow:hidden}.sve .sve-rail{overflow:auto;overscroll-behavior:contain}.sve .sve-panel{overscroll-behavior:contain}.sve .toolbar{background:var(--surface);border-bottom:1px solid var(--line);max-height:38dvh;overflow:auto;flex:none}.sve .toolbar details[open]{flex-basis:100%}.sve .toolbar .details-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap)}.sve{padding-bottom:env(safe-area-inset-bottom);height:100dvh}.sve button{min-height:36px}.sve .sve-status{min-width:6rem}.sve input,.sve textarea,.sve select{font-size:16px}.sve .sve-panel .sve-sw button,.sve .sve-pal button{min-width:32px;min-height:32px}.sve .sve-bar .sve-title{max-width:10ch}.sve .sve-main .sve-panel{width:270px}.sve .sve-main{grid-template-columns:auto minmax(0,1fr) 270px}.sve .sve-tool{min-height:44px}.sve .sve-tool kbd{display:none}.sve .sve-tool .sve-tl{font-size:12px}.sve [data-sve-background][data-locked=true]{pointer-events:none}.sve .sve-muted,.sve .sve-status{color:var(--muted)}.sve-panel label{color:var(--ink)}.sve .sve-rail{max-width:70px}.sve .sve-acts{flex-wrap:wrap}.latex-page math-field{min-width:0;max-width:100%}.latex-page .export-options{border-bottom:1px solid var(--line)}.latex-page input,.latex-page textarea,.latex-page select{font-size:16px}.latex-page button{min-height:44px}.latex-page #toast{z-index:2147483647}.latex-page .math-btn:hover{transform:none}.latex-page .text-slate-500{color:var(--muted)}.latex-page .bg-emerald-600{background:var(--accent)}.latex-page #hidden-mathjax-container{position:fixed;left:-20000px;top:0;visibility:hidden;white-space:nowrap}.update-banner{padding:var(--gap);background:var(--surface);border-bottom:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:900px){.sve:not(.sve-panel-hidden) .sve-panel{position:absolute;right:0;top:0;bottom:0;max-width:75vw;z-index:3;box-shadow:-8px 0 24px #0002}.sve .sve-main{position:relative;grid-template-columns:auto minmax(0,1fr)}.sve .sve-title{display:none}}@media(pointer:coarse){.sve button,.sve .sve-panel .sve-sw button,.sve .sve-pal button{min-height:44px;min-width:44px}.sve .sve-tool{padding:.4rem}.sve .sve-main .sve-panel{padding-bottom:3rem}.sve .sve-bar{max-height:22dvh;overflow:auto}.sve .sve-tool .sve-tl{display:block}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}