.style-workbench{display:grid;grid-template-columns:190px minmax(430px,1fr) 285px;background:#fff;border:1px solid var(--line);min-height:620px;box-shadow:0 8px 24px rgba(28,42,39,.04)}
.rule-nav{border-right:1px solid var(--line);padding:18px 12px;background:#f7f6f2}.rule-nav .mini-head{padding:0 5px 14px}.rule-tab{width:100%;border:0;background:transparent;display:flex;gap:10px;align-items:center;text-align:left;padding:11px 9px;margin:3px 0;border-radius:6px;color:#5f6b67;cursor:pointer}.rule-tab:hover{background:#edf1ef}.rule-tab.active{background:#dfe9e5;color:var(--forest)}.rule-tab>b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #cbd3d0;border-radius:4px;font-size:11px}.rule-tab.active>b{background:var(--forest);color:white;border-color:var(--forest)}.rule-tab span{font-size:13px;font-weight:700}.rule-tab small{display:block;font-size:10px;color:#8a9490;font-weight:400;margin-top:2px}.rule-summary{margin:28px 6px 0;padding:13px;border:1px solid #d9ddd9;background:white;border-radius:6px}.rule-summary span,.rule-summary small{font-size:10px;color:var(--muted);display:block}.rule-summary strong{font-size:12px;display:block;margin:5px 0}.rule-editor{padding:23px 25px;min-width:0}.rule-pane{display:none}.rule-pane.active{display:block}.rule-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.rule-title strong{font-family:"Songti SC",serif;font-size:19px}.rule-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.rule-title>button:not(.switch){border:0;background:transparent;color:var(--forest-2);cursor:pointer}.form-grid{display:grid;gap:11px;margin-bottom:16px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two-col{grid-template-columns:repeat(2,1fr)}.form-grid label,.full-label{font-size:11px;color:#63706c;display:flex;flex-direction:column;gap:7px}.form-grid select,.form-grid input,.full-label input{width:100%;height:39px;border:1px solid #d3d6d1;background:#fff;border-radius:4px;padding:0 10px;color:var(--ink);font-size:12px}.header-sample{border:1px solid #d8d7d1;padding:14px 15px;display:grid;grid-template-columns:1fr auto;align-items:start;background:#faf9f6;margin-top:2px}.header-sample strong{font-family:"Songti SC",serif;font-size:17px}.header-sample span{font-size:10px}.header-sample small{grid-column:1/-1;font-size:8px;color:#606966;margin-top:4px;border-bottom:1px solid #333;padding-bottom:6px;letter-spacing:.06em}.spread-sample{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.spread-sample>div{height:150px;background:#f5f3ee;border:1px solid #dedbd3;padding:12px;box-shadow:0 3px 8px #ddd}.spread-sample em{font-size:9px;color:#8b928f}.spread-sample header{display:flex;justify-content:space-between;border-bottom:1px solid #777;padding:5px 0;font-family:"Songti SC",serif;font-size:8px}.page-position-demo{display:flex;justify-content:space-between;margin-top:24px;padding:54px 20px 10px;background:linear-gradient(90deg,#f8f7f3 0 49.5%,#ddd 49.5% 50.5%,#f8f7f3 50.5%);border:1px solid var(--line);font-family:serif;font-size:10px}.language-options{display:flex;flex-direction:column;gap:9px}.language-choice{display:flex;align-items:center;gap:11px;border:1px solid #dcded9;border-radius:6px;padding:13px;cursor:pointer}.language-choice.selected{border-color:var(--forest-2);background:#f1f6f4;box-shadow:0 0 0 1px var(--forest-2)}.language-choice input{accent-color:var(--forest)}.language-choice span{flex:1}.language-choice b{font-size:13px;display:block}.language-choice small{font-size:10px;color:var(--muted)}.language-choice i{font-style:normal;font-size:9px;color:#a95038;background:#f7e7e0;padding:3px 6px}.live-proof{border-left:1px solid var(--line);padding:18px;background:#eeece6}.proof-page{background:white;height:445px;padding:18px 17px 22px;box-shadow:0 5px 18px rgba(0,0,0,.12);font-family:"Songti SC",serif;position:relative;margin-top:18px}.proof-page>header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #444;padding-bottom:5px}.proof-page>header strong{display:block;font-size:9px}.proof-page>header small{display:block;font:4px Arial;letter-spacing:.04em}.proof-page>header>span{font-size:5px}.proof-page>h2{text-align:center;font-size:13px;margin:18px 0 7px}.proof-authors{text-align:center;font-size:7px;margin:0}.proof-unit{text-align:center;font-size:5px;color:#555}.proof-abstract{font-size:5px;line-height:1.7;border-block:1px solid #aaa;padding:5px 0;margin-top:12px}.proof-en{padding:7px 0;border-bottom:1px solid #ccc}.proof-en h3{font:700 7px Georgia;margin:0 0 3px;text-align:center}.proof-en p{font:5px Arial;text-align:center;margin:0 0 3px}.proof-en small{font:4px Arial}.proof-en.article-end{position:absolute;bottom:40px;left:17px;right:17px;background:#fff}.proof-lines{height:110px;margin-top:9px;background:repeating-linear-gradient(#b5bbb8 0 1px,transparent 1px 8px);opacity:.48}.proof-page>footer{position:absolute;left:17px;right:17px;bottom:12px;border-top:1px solid #777;padding-top:4px;display:flex;justify-content:space-between;align-items:center;font-size:4px}.proof-page>footer b{font-size:6px}.proof-page.page-center>footer b{position:absolute;left:50%;transform:translateX(-50%)}.proof-page.page-outside>footer b{margin-left:auto}.proof-note{font-size:10px;color:#757e7a;line-height:1.55}.page>header{display:flex;justify-content:space-between}.page>header span:last-child{margin-left:auto}.page .final-en-block{font:9px Arial;border-bottom:1px solid #bbb;padding:7px 0;margin-bottom:10px;text-align:center}.page .final-en-block small{display:block;font-size:7px;margin-top:4px}.page .final-en-block.article-end{position:absolute;bottom:48px;left:43px;right:43px;background:white}.page>footer{display:flex;justify-content:space-between}.page>footer b{font-size:8px}.page.page-center>footer b{position:absolute;left:50%;transform:translateX(-50%)}
@media(max-width:1120px){.style-workbench{grid-template-columns:170px 1fr}.live-proof{display:none}}@media(max-width:760px){.style-workbench{grid-template-columns:1fr}.rule-nav{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.rule-nav .mini-head,.rule-summary{display:none}.rule-tab{display:block;text-align:center;padding:8px 3px}.rule-tab>b{margin:auto}.rule-tab span{font-size:10px}.rule-tab small{display:none}.form-grid.three,.form-grid.two-col{grid-template-columns:1fr}.rule-editor{padding:18px}.spread-sample{grid-template-columns:1fr}.spread-sample>div:last-child{display:none}}
