:root{color-scheme:light;--ink:#171717;--muted:#6b7280;--line:#d9dde3;--soft:#f5f6f8;--accent:#111827;--danger:#a33}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}body{padding:30px clamp(14px,4vw,64px) 72px}.page{max-width:1500px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}h1{margin:0 0 8px;font-size:clamp(27px,4vw,42px);letter-spacing:-.04em}.intro{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.top-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding:3px 0;font-size:14px}.panel{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:18px;background:#fff}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px}button,input,textarea{font:inherit}button{border:1px solid #cbd0d8;border-radius:8px;padding:8px 12px;background:#fff;color:var(--ink);cursor:pointer}button:hover{background:var(--soft)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.field{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.field input[type=number]{width:62px;padding:7px 8px;border:1px solid #cbd0d8;border-radius:7px;color:var(--ink);background:#fff}.color-field{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.color-field input[type=color]{width:34px;height:31px;border:1px solid #cbd0d8;border-radius:7px;padding:2px;background:#fff;cursor:pointer}.divider{width:1px;height:25px;background:var(--line);margin:0 3px}.status{margin:11px 2px 0;color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.card{display:block;border:1px solid var(--line);border-radius:12px;padding:20px;color:inherit;text-decoration:none;transition:.15s}.card:hover{border-color:#87909d;transform:translateY(-2px)}.card h2{font-size:19px;margin:0 0 7px}.card p{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 15px}.date{font-size:12px;color:#8b929c}.empty{padding:44px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px;line-height:1.6}.error{color:var(--danger);font-size:13px;margin-top:8px}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);z-index:10;padding:20px}.modal.hidden{display:none}.modal-box{width:min(390px,100%);border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;box-shadow:0 15px 50px rgba(0,0,0,.12)}.modal-box h2{margin:0 0 8px;font-size:21px}.modal-box p{margin:0 0 17px;color:var(--muted);font-size:13px;line-height:1.6}.modal-box input{width:100%;padding:10px 11px;border:1px solid #cbd0d8;border-radius:8px}.modal-box button{width:100%;margin-top:12px}.table-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.side-list{display:flex;flex-direction:column;gap:8px}.side-item{padding:11px 12px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.side-item.active{border-color:#111827;box-shadow:inset 3px 0 #111827}.side-item strong{display:block;font-size:13px}.side-item small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.editor-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.editor-head input,.editor-head textarea{border:1px solid #cbd0d8;border-radius:8px;padding:9px 10px;width:100%}.editor-head textarea{min-height:40px;resize:vertical}.editor-head .title-block{flex:1}.editor-head .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f0f1f3;color:#4b5563;font-size:11px}.badge.published{background:#e7f5eb;color:#176b2d}.badge.compiled{background:#eaf1ff;color:#174ea6}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table{border-collapse:collapse;table-layout:fixed;min-width:900px;width:100%}.compiled-cell{padding:12px;font-size:13px;line-height:1.65}.compiled-cell p{margin:0 0 8px}.compiled-cell p:last-child{margin-bottom:0}.compiled-cell h1,.compiled-cell h2,.compiled-cell h3{margin:0 0 8px;line-height:1.3}.compiled-cell ul{margin:0 0 8px;padding-left:20px}.compiled-cell blockquote{margin:0 0 8px;padding-left:10px;border-left:3px solid #cbd0d8;color:#4b5563}.compiled-cell code{padding:2px 4px;border-radius:4px;background:#eef0f3;font:12px ui-monospace,monospace}.compiled-cell pre{padding:9px;overflow:auto;background:#f4f5f6;border-radius:6px}col{width:160px}th,td{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;min-width:80px}tr:last-child td{border-bottom:0}th:last-child,td:last-child{border-right:0}th{height:54px;background:#f7f7f8;font-weight:600;text-align:left}td{height:148px;background:#fff}.cell-editor,.cell-preview{width:100%;height:100%;min-height:100px;padding:12px}.cell-editor{display:block;border:0;outline:0;resize:none;background:transparent;color:inherit;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cell-editor.header-editor{font-family:inherit;font-weight:600}.cell-preview{display:none;overflow:auto;font-size:13px;line-height:1.65}.preview-mode .cell-editor{display:none}.preview-mode .cell-preview{display:block}.cell-preview p{margin:0 0 8px}.cell-preview p:last-child{margin-bottom:0}.cell-preview h1,.cell-preview h2,.cell-preview h3{margin:0 0 8px;line-height:1.3}.cell-preview h1{font-size:19px}.cell-preview h2{font-size:16px}.cell-preview h3{font-size:14px}.cell-preview ul{margin:0 0 8px;padding-left:20px}.cell-preview blockquote{margin:0 0 8px;padding-left:10px;border-left:3px solid #cbd0d8;color:#4b5563}.cell-preview code{padding:2px 4px;border-radius:4px;background:#eef0f3;font:12px ui-monospace,monospace}.cell-preview pre{padding:9px;overflow:auto;background:#f4f5f6;border-radius:6px}.cell-preview pre code{padding:0;background:transparent}.cell-preview a{color:#174ea6;text-decoration:underline}.selected{box-shadow:inset 0 0 0 2px #111827}.col-resizer{position:absolute;z-index:3;top:0;right:-4px;width:9px;height:100%;cursor:col-resize}.row-resizer{position:absolute;z-index:3;left:0;right:0;bottom:-4px;height:9px;cursor:row-resize}.help{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.help div{padding:14px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.7}.help strong{display:block;margin-bottom:4px}.toast{position:fixed;right:20px;bottom:20px;padding:10px 14px;border-radius:8px;background:#111827;color:#fff;font-size:13px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:820px){.table-layout{grid-template-columns:1fr}.topbar{gap:12px}.editor-head{flex-direction:column}.editor-head .actions{justify-content:flex-start}}@media(max-width:650px){body{padding:20px 12px 48px}.panel{padding:10px}.top-links{gap:10px}.top-links .link{font-size:12px}}

.table-switcher{display:block;width:calc(100% - 16px);margin:8px;border:1px solid #cbd0d8;border-radius:4px;padding:6px;background:#fff;color:#171717;font-family:inherit;font-size:13px;font-weight:600}table{min-width:0;width:auto}th,td{height:auto}.cell-editor,.cell-preview{min-height:0}.reader{padding:16px}.reader .table-wrap{border-radius:0}.reader .table-wrap:empty{border:0}.field input[type=number]{width:80px}