:root{color:#1e2428;background:#f4f2ec;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(120deg,rgba(229,94,75,.08),transparent 32%),linear-gradient(240deg,rgba(35,115,126,.08),transparent 40%),#f4f2ec;padding:28px}.workspace{max-width:1440px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{color:#23737e;font-weight:700;margin:0 0 4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1;margin-bottom:0}h2{font-size:1.1rem;margin-bottom:0}.storage-pill,.toast{border:1px solid #d8d0c1;border-radius:999px;background:#fffaf1;color:#5d4a2d;padding:8px 12px;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);gap:18px;align-items:start}.panel{background:#fffdf8e6;border:1px solid #ddd4c3;border-radius:8px;box-shadow:0 18px 50px #3a2d1e14}.form-panel,.preview-panel,.history-panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.field-row{display:grid;gap:12px;margin-bottom:12px}.field-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px}.field>span{color:#50575b;font-size:.9rem;font-weight:700}.field small{color:#8a8175;font-weight:500;margin-left:8px}.field em{color:#b63f2f;font-size:.84rem;font-style:normal}input,select,textarea{width:100%;border:1px solid #cfc6b6;border-radius:6px;background:#fffefb;color:#202629;min-height:42px;padding:10px 11px}textarea{min-height:86px;resize:vertical}.segmented{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:8px;margin-bottom:12px}.segmented button,.ghost-button,.secondary-button,.primary-button,.file-button,.preview-title button,.record-meta button{border:1px solid #cfc6b6;border-radius:6px;background:#fffdf8;color:#263034;padding:9px 12px}.segmented button{min-height:44px}.segmented button.active{border-color:#23737e;background:#e8f4f4;color:#16535b}.segmented small{margin-left:6px;color:#6a7478}.primary-button{width:100%;background:#e55e4b;border-color:#e55e4b;color:#fff;font-weight:800}.secondary-button{width:100%;margin-top:12px;background:#23737e;border-color:#23737e;color:#fff}.preview-block{border:1px solid #e2d9ca;border-radius:8px;overflow:hidden;margin-bottom:12px;background:#fffefb}.preview-title{display:flex;justify-content:space-between;align-items:center;background:#f0eadf;padding:9px 10px;font-weight:700}.preview-title button{padding:5px 9px}pre{margin:0;min-height:48px;padding:12px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}pre.multiline{min-height:230px}.tag-line{display:flex;flex-wrap:wrap;gap:8px}.tag-line span{border-radius:999px;background:#f4e2db;color:#8c352b;padding:5px 10px;font-weight:700}.rule-box{background:#edf4ed;border:1px solid #cada88;border-radius:8px;margin-top:16px;padding:14px}.rule-box h3{margin-bottom:8px}.rule-box dl{display:grid;gap:8px;margin:0}.rule-box div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}.rule-box dt{font-weight:800}.rule-box dd{margin:0}.history-panel{margin-top:18px}.actions,.filters{display:flex;gap:10px;flex-wrap:wrap}.file-button{position:relative;overflow:hidden;display:inline-flex;align-items:center}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.filters{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,.45fr)) auto;align-items:center;margin-bottom:14px}.check-filter{display:flex;align-items:center;gap:7px;white-space:nowrap}.check-filter input{width:auto;min-height:auto}.warning{border:1px solid #e8be68;border-radius:8px;background:#fff3cf;color:#6d4b00;padding:10px 12px;margin-bottom:12px}.record-list{display:grid;gap:10px}.record-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e2d9ca;border-radius:8px;background:#fffefb;padding:12px}.record-id{color:#23737e;font-weight:800;margin-bottom:4px}.record-card h3{margin-bottom:4px}.record-card p:last-child{color:#626a6e;margin-bottom:0}.record-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.empty-state{color:#697174;margin:12px 0}.rules-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.rule-item{border:1px solid #ddd4c3;border-radius:8px;background:#fffdf8b8;padding:12px}.rule-item strong,.rule-item span{display:block}.rule-item span{color:#61696d;margin-top:6px}@media(max-width:980px){.tool-grid,.field-row.two,.field-row.three,.filters,.rules-grid{grid-template-columns:1fr}.app-shell{padding:16px}.topbar,.panel-head,.record-card{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}}