:root{color:#263b36;font-synthesis:none;background:#f7f8f5;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid #dce3dd;border-radius:8px;padding:10px 15px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#edf2ec;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #94b6a3}.primary{color:#fff;background:#285d48;border-color:#285d48}.primary:hover:not(:disabled){background:#204e3c}input,select,textarea{color:#263b36;background:#fff;border:1px solid #d9dfd9;border-radius:7px;width:100%;padding:12px}textarea{resize:vertical;min-height:160px;line-height:1.9}label{margin:0 0 23px;font-weight:500;display:block}label input,label select,label textarea{margin-top:9px}h1,h2,p{margin-top:0}h1{letter-spacing:-1px;margin:14px 0;font-size:32px;font-weight:600}h2{font-size:18px;font-weight:600}.muted{color:#738078;font-size:13px;line-height:1.7}.fine{color:#7b857c;font-size:12px;line-height:1.9}.eyebrow{letter-spacing:2px;color:#7b8c7e;font-size:11px}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand strong{letter-spacing:2px;font-size:22px}.brand .muted{font-size:11px}.brand-icon{color:#fff;background:#285d48;border-radius:9px;place-items:center;width:34px;height:37px;font-size:19px;display:grid}.shell{grid-template-columns:232px 1fr;min-height:100svh;display:grid}.sidebar{background:#eff2eb;border-right:1px solid #e1e5dc;flex-direction:column;height:100svh;padding:32px 22px;display:flex;position:sticky;top:0}.sidebar .brand{flex-wrap:wrap}.nav-label{color:#879080;letter-spacing:2px;margin:65px 15px 16px;font-size:11px}nav{gap:10px;display:grid}nav button{text-align:left;color:#6e7b70;background:0 0;border:0;gap:15px;padding:14px 17px;display:flex}nav button.active{color:#285d48;background:#dfe8db;font-weight:600}.sidebar-bottom{margin-top:auto;padding:20px 12px}.sidebar-bottom p{color:#8a9386;font-size:11px}.sidebar-bottom button{background:0 0;border:0;padding:0}.workspace{width:100%;max-width:1600px;margin:auto;padding:46px 5vw 0}header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}header p{margin-bottom:0}.editor-layout{background:#fff;border:1px solid #e3e7de;border-radius:12px;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);display:grid;overflow:hidden}.editor{padding:30px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.section-head h2{margin:0}.section-head .muted{font-size:11px}fieldset{border:0;min-width:0;margin:0;padding:0}.fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.actions{gap:12px;margin-top:25px;display:flex}.preview{overflow-wrap:anywhere;background:#f1f3ec;border-left:1px solid #e3e7de;padding:33px}.preview h2{margin-top:18px}.preview ol{max-height:430px;padding-left:28px;overflow:auto}.preview li{border-bottom:1px solid #dfe5d8;padding:12px 0 12px 8px;line-height:1.7}.preview li::marker{color:#8d9e89;font-size:12px}.empty-preview{text-align:center;color:#939f8e;padding:65px 0;line-height:1.9}.empty-preview span{font-size:44px}.records{margin-top:40px}.records .section-head input{max-width:220px}.count{color:#83907e;margin-left:10px;font-size:12px}.records ul{padding:0;list-style:none}.records li{border-bottom:1px solid #e2e7dd;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.records strong{white-space:pre-wrap;overflow-wrap:anywhere;font-weight:500}.records p{margin:7px 0 0}.row-actions{flex-shrink:0;gap:6px;display:flex}.row-actions button{background:0 0;border:0;font-size:12px}.row-actions .delete{color:#986354}.notice{border-radius:7px;padding:14px 18px;line-height:1.7}.error{color:#a34235;background:#fff0e9;padding:12px}.success{color:#315b3e;background:#e6efe2}.empty{color:#84907e;padding:30px 0}footer{color:#95a08f;justify-content:space-between;padding:35px 0;font-size:11px;display:flex}.login{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.welcome{background:#e9eee1;flex-direction:column;justify-content:space-between;gap:60px;padding:45px 12%;display:flex}.welcome h1{margin:18px 0;font-size:42px;line-height:1.5}.welcome p{color:#6b7b65;line-height:2}.welcome small{color:#7b8973}.paper{background:#fbfcf5;max-width:330px;margin-top:40px;padding:28px;transform:rotate(-3deg);box-shadow:0 12px 30px #3449230a}.paper span{color:#9aa48d;font-size:12px}.paper i{color:#6b7b65;border-bottom:1px solid #e8ecdf;padding:15px 0;font-style:normal;display:block}.login-form{place-items:center;padding:35px;display:grid}.login-form form{width:100%;max-width:365px}.login-form h2{margin:18px 0;font-size:27px}.login-form .muted{margin-bottom:35px}.inline{align-items:center;gap:8px;display:flex}.inline button{white-space:nowrap;margin-top:9px;padding:12px}.full{width:100%;margin:12px 0}.login-form .fine{margin-top:18px}.editor-layout{animation:.25s ease-out appear}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=900px){.shell{grid-template-columns:180px 1fr}.sidebar{padding:25px 15px}.brand .muted{display:none}.workspace{padding:30px 24px 0}.editor-layout{grid-template-columns:1fr}.preview{border-top:1px solid #e3e7de;border-left:0}.empty-preview{padding:15px}.login{grid-template-columns:1fr}.welcome{display:none}}@media (width<=600px){.shell{display:block}.sidebar{height:auto;padding:16px;position:static}.sidebar .brand{margin-bottom:18px}.nav-label,.sidebar-bottom p{display:none}nav{display:flex}nav button{padding:10px 16px}.sidebar-bottom{padding:0;position:absolute;top:23px;right:16px}.workspace{padding:25px 16px 0}header{gap:15px}header button{padding:8px;font-size:12px}h1{font-size:27px}.editor,.preview{padding:22px}.fields{gap:12px}.actions{flex-wrap:wrap}.records .section-head{align-items:flex-start}.records .section-head input{max-width:145px}.records li{gap:5px}.row-actions{gap:0}footer span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important;transform:none!important}}