@media screen {
:root{color-scheme:dark;--space:#080c13;--surface:#0f141e;--raised:#151c28;--edge:#252d3b;--text:#dce0e8;--quiet:#8d99ac;--gold:#dfb484}
body{background:var(--space);color:var(--text);font-family:"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 88% -10%,#34496624,transparent 55%);z-index:-1}
#space-sky{position:absolute;inset:0;width:100%;height:440px;pointer-events:none;z-index:-1}
.top{height:76px;padding:0 4vw;border-bottom:1px solid #ffffff0c;background:#080c13b3;position:relative;z-index:2}
.brand{gap:13px;font-size:23px;letter-spacing:3px;font-weight:500;color:#f0ede5}.brand small{letter-spacing:3px;font-size:9px;color:#a1a6b0;margin-top:4px}
.monogram{width:39px;height:39px;border:1px solid #a88b635e;border-radius:50%;background:transparent;color:var(--gold);font-size:23px;position:relative}
.monogram::after{content:"";position:absolute;width:49px;height:15px;border:1px solid #dfb48499;border-radius:50%;transform:rotate(-38deg);pointer-events:none}
.top-note{display:none}.top nav{display:flex;align-items:center;gap:34px;margin-right:auto;margin-left:65px;height:100%;font-size:12px}
.top nav a{display:flex;align-items:center;height:100%;text-decoration:none;color:var(--quiet);position:relative}.top nav a.active{color:#f3e7d7}.top nav a.active::after{content:"";height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.top nav a:hover{color:var(--gold)}
.local{color:#9aa5b5;font-size:11px}.local i,.live i{background:var(--gold);width:5px;height:5px;margin-right:8px}
main{max-width:1540px;padding:30px 4vw 18px;position:relative}
.intro{min-height:115px;margin:0 0 13px;align-items:center;position:relative}.eyebrow{font-family:Consolas,monospace;font-size:9px;letter-spacing:3px;color:#a78f72;margin-bottom:12px}
h1{font-size:29px;font-weight:500;letter-spacing:2px;color:#eceef3;line-height:1.4}.intro p{font-size:12px;color:#9ba6b8;margin-top:12px;letter-spacing:.5px}.step{display:none}
.orbit-art{position:absolute;right:4%;top:-27px;width:330px;height:160px;pointer-events:none;opacity:.8;transform:translateY(var(--orbit-offset,0px))}
.orbit-art svg{width:100%;height:100%;overflow:visible}.orbit-art .orbit-path{fill:none;stroke:#a5b3c5;stroke-width:.6;opacity:.25}.orbit-art .planet{fill:url(#planet-shade);stroke:#dfb48466;stroke-width:.7}.orbit-art .orbit-fg{stroke:#d8b58b;opacity:.55}.orbit-art text{fill:#8492a5;font:8px Consolas,monospace;letter-spacing:2px}
.converter{border:0;border-bottom:1px solid #ffffff13;border-radius:0;padding:12px 0 16px;margin-bottom:20px;background:transparent;gap:12px}.converter>div:first-child{flex-direction:row;align-items:center;gap:17px}.converter strong{color:#b7c1cf;font-size:12px;font-weight:400}.converter>div>span{font-size:10px;color:#8994a6}
.convert-actions{gap:8px}.convert-actions button{border:1px solid #2a3240;background:#101620;color:#c4cdd9;border-radius:5px;padding:9px 13px;font-size:11px}.convert-actions small{color:#939fb0;font-size:10px}.convert-actions button:hover{border-color:#8a7459;background:#191d24;color:#efdcc4}.converter p{border-color:var(--edge);color:#a2afc2;padding-top:12px}.converter p[data-type=success]{color:#ddc09b}.converter p[data-type=error]{color:#f1a392}.converter[aria-busy=true]{border-color:#a08769}
.workspace{background:var(--surface);border:1px solid #2c3441;border-radius:9px;box-shadow:0 18px 65px #0004;animation:workspace-enter .55s ease-out both;scroll-margin-top:20px}
.toolbar{padding:13px 18px;min-height:65px;border-color:var(--edge);background:#121823;gap:12px}.file-name{gap:12px}.file-icon{border:0;border-radius:3px;background:#232c3a;color:#b3bfd1;padding:7px 5px;font-family:Consolas,monospace;font-size:10px}.file-name input{color:#e0e3eb;font-size:12px;font-weight:400;letter-spacing:.5px}.file-name input:focus{box-shadow:0 1px var(--gold)}
button{background:#171e2a;border:1px solid #303949;color:#c9d1df;border-radius:5px;transition:background .18s,border-color .18s,color .18s,transform .18s}button:hover{background:#202938;border-color:#526076;color:#f3f4f7}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:active{transform:translateY(1px)}
.actions{gap:8px}.actions button{font-size:11px;padding:9px 12px}.actions button span{margin-left:12px}.separator{background:#323b49;margin:0 4px}.actions #import,.actions #save{background:transparent;border-color:transparent;color:#aab6c7}.actions #import:hover,.actions #save:hover{background:#202938;color:#f0e1cd}.word{background:transparent;border-color:#435062;color:#e0e6ee}.primary{background:var(--gold);border-color:var(--gold);color:#1a1713;font-weight:600}.primary:hover{background:#edc799;border-color:#edc799;color:#16120d}
.panels{height:min(64vh,690px);min-height:490px;grid-template-columns:1fr 1fr}.editor-panel{border-color:var(--edge);background:#0e141e}.panel-heading{height:43px;padding:0 20px;border-color:#ffffff09;background:transparent;color:#a0adbf;font-size:10px;letter-spacing:1.5px}.panel-heading>div{gap:20px}.dot{width:5px;height:5px;background:var(--gold);margin-right:9px}.text-btn{background:transparent;color:#a1adbe;font-size:10px;border:0;padding:6px}.text-btn:hover{color:var(--gold);background:transparent}.live{color:#9ba6b6;font-size:10px;letter-spacing:0}.live i{width:4px;height:4px}
.formatbar{background:#101721;border-color:#ffffff08;padding:7px 13px;gap:5px;min-height:44px;align-items:center}.formatbar button{color:#a8b5c6;padding:4px 10px;border:0;font-size:12px}.formatbar button:hover{background:#262c35;color:var(--gold)}
textarea{background:transparent;color:#aebdd1;line-height:1.95;font-size:12px;padding:23px 26px;caret-color:var(--gold);scrollbar-color:#384251 transparent;font-family:Consolas,"Microsoft YaHei",monospace}textarea::placeholder{color:#77869b}textarea::selection{background:#dfb48436;color:#fff}textarea:focus{box-shadow:inset 2px 0 #dfb48444}.editor-bottom{padding:10px 18px;border-color:var(--edge);color:#8996a8;font-size:10px;background:#101620}
.preview-panel{background:#0c111a}.preview-tools{padding:8px 20px;min-height:44px;background:#101721;color:#929fb2;border-bottom:1px solid #ffffff08;gap:22px;font-size:10px}.preview-tools select{color:#c2cbd9;background:#101721;font-size:10px;padding:4px}.preview-tools>span{color:#8d9ab0;letter-spacing:2px}.paper-scroll{padding:0 28px 36px;scrollbar-color:#384251 transparent;background:#0c111a}
.paper{background:transparent;box-shadow:none;min-height:100%;padding:30px 15px;color:#b9c3d1;--ink:#e4d3bb;font-size:16px;line-height:1.9}.paper h1{font-size:1.6em;letter-spacing:.5px;font-weight:500;color:var(--ink);margin-bottom:1em}.paper h2{border-color:#2b3442;font-size:1.15em;font-weight:500;margin-top:1.65em;color:var(--ink)}.paper h3{font-weight:500;color:#dfd9cf}.paper strong{color:#e5e8ee;font-weight:600}.paper p{margin:.85em 0}.paper blockquote{background:#dfb48408;border-left:2px solid #a98b65;color:#aeb6c2;padding:3px 18px;margin:1.5em 0}.paper pre{background:#161e2a;color:#aabbd0;border:1px solid #273141;font-size:.78em;line-height:1.8;padding:16px}.paper :not(pre)>code{background:#222b38;color:#e0bf96;border-radius:3px}.paper a{color:#ddbc92;text-underline-offset:4px}.paper th{background:#19222f;color:#d8dee7;font-weight:500}.paper td,.paper th{border-color:#2a3545;padding:9px 12px}.paper hr{border-color:#2b3543}.paper.serif{--ink:#e7d5b7}.paper.report{--ink:#b6cbe3}.paper.report h1{border-bottom-color:#758fae}
.workspace-footer{padding:12px 18px;border-color:var(--edge);background:#111721;color:#919db0;font-size:10px}.below{font-size:10px;margin-top:14px;color:#8b98ac}.below button{font-size:10px;color:#b2bccb}.below button:hover{background:transparent;color:var(--gold)}details{color:#b0bccd;font-size:12px;border-top:1px solid var(--edge);padding:18px 0;margin-top:20px;line-height:2;max-width:900px}summary{color:#d8c3a5;font-weight:400;cursor:pointer}
#toast{background:#dfb484;color:#1e1b16;border:1px solid #edcda3;font-size:12px;box-shadow:0 8px 40px #0008;font-weight:500}.converter p{font-size:11px}dialog{color:#dce3ee;background:#151d29;border-color:#3b4657;box-shadow:0 20px 90px #0008}dialog p{color:#a3afc1}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
::selection{background:#dfb48436;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#344050;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
@keyframes workspace-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding-top:40px}.intro{min-height:135px}.panels{height:650px}}
@media(max-width:1100px){.converter>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}.top nav{margin-left:40px}.actions button{padding:9px}.paper-scroll{padding-inline:15px}}
@media(max-width:680px){.top{height:70px;padding:0 20px}.brand{font-size:21px}.brand small{font-size:8px}.monogram{width:33px;height:33px;font-size:20px}.monogram::after{width:43px}.top nav{display:none}.local{font-size:10px}.local i{margin-right:5px}main{padding:18px 15px}.intro{min-height:123px;margin-bottom:3px;align-items:center}.intro h1{font-size:25px}.eyebrow{font-size:8px;letter-spacing:2px}.intro p{font-size:11px;max-width:245px;line-height:1.9}.orbit-art{right:-7px;top:-5px;width:155px;height:110px;opacity:.32;z-index:-1}.converter{padding:12px 0 17px;margin-bottom:17px;gap:12px}.converter>div:first-child{flex-direction:column;gap:7px}.convert-actions{width:100%;gap:8px}.convert-actions button{flex:1;padding:10px 6px}.convert-actions small{display:inline;margin-left:4px;font-size:9px}.toolbar{padding:13px 12px;gap:12px}.file-name{width:100%}.file-name input{width:100%}.actions{width:100%;gap:5px;justify-content:space-between}.actions button{padding:9px 8px;font-size:11px}.actions button span{display:none}.panels{grid-template-columns:1fr;height:auto;min-height:0}.editor-panel{height:400px;border-right:0}.preview-panel{height:530px}.paper-scroll{padding:0 20px 25px}.paper{padding:26px 0}.panel-heading{padding:0 17px}.workspace-footer{padding:11px 15px;gap:7px;font-size:9px}.below{font-size:9px}.editor-bottom{padding:10px 15px;font-size:9px}textarea{padding:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.orbit-art{transform:none}}
}
@media print{#space-sky,.orbit-art{display:none!important}body{color-scheme:light}.paper{background:#fff!important;color:#29362e!important}}
@media screen{
.appearance-toggle{background:transparent;border:1px solid #303949;color:#cbb99f;margin-right:24px;padding:7px 12px;font-size:11px;white-space:nowrap;border-radius:20px;min-height:32px}
.appearance-toggle:hover{border-color:#b59872;color:#f2d5b1;background:#dfb4840c}
html[data-appearance=day]{color-scheme:light;--space:#f5f5ee;--surface:#fffef9;--raised:#f2f3ec;--edge:#dedfd4;--text:#31433f;--quiet:#667a76;--gold:#92622b}
html[data-appearance=day] body::before{background:radial-gradient(ellipse at 88% 0%,#fae1a44a,transparent 50%),linear-gradient(180deg,#edf4ef,transparent 420px)}
html[data-appearance=day] #space-sky{display:none}
html[data-appearance=day] .top{background:#f7f9f0d9;border-color:#d9dfd1}
html[data-appearance=day] .brand{color:#30443c}
html[data-appearance=day] .brand small{color:#69786e}
html[data-appearance=day] .monogram{color:#9b732f;border-color:#b298685e}
html[data-appearance=day] .monogram::after{border-color:#b89558}
html[data-appearance=day] .top nav a{color:#6a7c72}
html[data-appearance=day] .top nav a.active{color:#3b5145}
html[data-appearance=day] .local{color:#657b6d}
html[data-appearance=day] .appearance-toggle{border-color:#d6d9c9;color:#6d703c;background:#fbfcf5}
html[data-appearance=day] .appearance-toggle:hover{background:#f5e9c8;border-color:#b59b65}
html[data-appearance=day] .eyebrow{color:#8d7445}
html[data-appearance=day] h1{color:#30463e}
html[data-appearance=day] .intro p{color:#64786e}
html[data-appearance=day] .orbit-art{opacity:.85}
html[data-appearance=day] .orbit-art .planet{fill:#edc35d;stroke:#f4d779;filter:drop-shadow(0 0 18px #efcf7490)}
html[data-appearance=day] .orbit-art .orbit-path{stroke:#ab995f;opacity:.25}
html[data-appearance=day] .orbit-art .orbit-fg{stroke:#b38c43;opacity:.45}
html[data-appearance=day] .orbit-art text{fill:#8a875e}
html[data-appearance=day] .converter{border-color:#d9dfd1}
html[data-appearance=day] .converter strong{color:#526c5a}
html[data-appearance=day] .converter>div>span{color:#708273}
html[data-appearance=day] .convert-actions button{background:#fdfdf7;border-color:#d6ddce;color:#405a4a}
html[data-appearance=day] .convert-actions small{color:#768572}
html[data-appearance=day] .convert-actions button:hover{background:#f6edd6;border-color:#bea36c;color:#75521f}
html[data-appearance=day] .converter p{color:#5e7462}
html[data-appearance=day] .converter p[data-type=success]{color:#526f36}
html[data-appearance=day] .converter p[data-type=error]{color:#a14832}
html[data-appearance=day] .workspace{border-color:#d2dbcc;box-shadow:0 15px 60px #71805b10}
html[data-appearance=day] .toolbar{background:#f9faf3}
html[data-appearance=day] .file-icon{background:#eaf0e2;color:#60765b}
html[data-appearance=day] .file-name input{color:#3c5547}
html[data-appearance=day] button{background:#f8faf2;border-color:#d2dccb;color:#496048}
html[data-appearance=day] button:hover{background:#eef3e4;border-color:#a6b295;color:#3c5237}
html[data-appearance=day] .actions #import,html[data-appearance=day] .actions #save{background:transparent;color:#63785e}
html[data-appearance=day] .actions #import:hover,html[data-appearance=day] .actions #save:hover{background:#edf2e4;color:#4e663f}
html[data-appearance=day] .word{background:#fffef9;border-color:#b8c5ab;color:#3e5838}
html[data-appearance=day] .primary{background:#a66e2d;border-color:#a66e2d;color:#fffdf4}
html[data-appearance=day] .primary:hover{background:#915b20;border-color:#915b20;color:#fff}
html[data-appearance=day] .separator{background:#d7dece}
html[data-appearance=day] .editor-panel{background:#fffef9}
html[data-appearance=day] .panel-heading{background:#fcfcf5;color:#697d65;border-color:#e7ecdf}
html[data-appearance=day] .text-btn{background:transparent;color:#708467}
html[data-appearance=day] .live{color:#71836b}
html[data-appearance=day] .formatbar{background:#f7f9f0;border-color:#e7ecdf}
html[data-appearance=day] .formatbar button{background:transparent;color:#627a55;border:0}
html[data-appearance=day] .formatbar button:hover{background:#e9efdc;color:#916522}
html[data-appearance=day] textarea{color:#4a6453;background:transparent;scrollbar-color:#c8d1bd transparent}
html[data-appearance=day] textarea::placeholder{color:#7b8b73}
html[data-appearance=day] textarea:focus{box-shadow:inset 2px 0 #a38b5944}
html[data-appearance=day] .editor-bottom{background:#fafbf3;color:#74866b}
html[data-appearance=day] .preview-panel,html[data-appearance=day] .paper-scroll{background:#f1f4e9}
html[data-appearance=day] .preview-tools{background:#f7f9f0;color:#74866b;border-color:#e7ecdf}
html[data-appearance=day] .preview-tools select{background:#f7f9f0;color:#4f6744}
html[data-appearance=day] .preview-tools>span{color:#7d8c72}
html[data-appearance=day] .paper{--ink:#3d5e3e;color:#4a5d48}
html[data-appearance=day] .paper h2{border-color:#d1dcc6}
html[data-appearance=day] .paper h3{color:#48613d}
html[data-appearance=day] .paper strong{color:#344d31}
html[data-appearance=day] .paper blockquote{background:#e7eddb;border-left-color:#b19659;color:#65744f}
html[data-appearance=day] .paper pre{background:#e9efdf;border-color:#d7e1c9;color:#4d6543}
html[data-appearance=day] .paper :not(pre)>code{background:#e2ead6;color:#78612e}
html[data-appearance=day] .paper a{color:#87642a}
html[data-appearance=day] .paper th{background:#e4ecd8;color:#3f5a36}
html[data-appearance=day] .paper td,html[data-appearance=day] .paper th{border-color:#cfdcc1}
html[data-appearance=day] .paper hr{border-color:#ccd9bd}
html[data-appearance=day] .paper.serif{--ink:#736038}
html[data-appearance=day] .paper.report{--ink:#3e6074}
html[data-appearance=day] .paper.report h1{border-color:#748e96}
html[data-appearance=day] .workspace-footer{background:#f8faf1;color:#728267}
html[data-appearance=day] .below{color:#74816a}
html[data-appearance=day] .below button{color:#697b5c;background:transparent;border:0}
html[data-appearance=day] details{color:#5d7357}
html[data-appearance=day] summary{color:#806834}
html[data-appearance=day] dialog{background:#fdfef7;border-color:#c8d4bc;color:#415d3a;box-shadow:0 20px 90px #30451e33}
html[data-appearance=day] dialog p{color:#6a7b5d}
html[data-appearance=day] ::selection{background:#ddc48a70;color:#31432c}
html[data-appearance=day] ::-webkit-scrollbar-thumb{background:#c7d2bb}
@media(max-width:680px){.appearance-toggle{margin-left:auto;margin-right:0;font-size:10px;padding:6px 10px;min-height:31px}.top .local{display:none}.orbit-art{opacity:.25}html[data-appearance=day] .orbit-art{opacity:.55}}
}