:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#26364a;background:#f0f3f6;font-size:14px;font-synthesis:none;color-scheme:light;--ink:#14283e;--teal:#087e88;--border:#dfe5ec}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=search]{border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--ink)}button{padding:8px 10px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{border-color:#8aa8b4;background:#edf6f7}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #43aebb;outline-offset:2px}button:disabled{opacity:.42;cursor:default}button.active{background:var(--teal);color:white;border-color:var(--teal)}[hidden]{display:none!important}a{color:#087781;text-decoration:none}a:hover{text-decoration:underline}header{height:82px;display:flex;align-items:center;gap:24px;padding:14px 24px;background:white;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-family:Georgia,serif;background:var(--ink);color:#fff;border-radius:10px;padding:13px 11px;letter-spacing:-2px;font-size:23px}.brand h1{margin:0;font-size:22px;letter-spacing:3px}.brand p{font-size:10px;letter-spacing:1.4px;color:#68798a;margin:5px 0 0}.review-badge{font-size:11px;color:#81642c;background:#fbf4e3;padding:6px 10px;border-radius:20px}.header-actions{margin-left:auto;display:flex;gap:7px}main{display:grid;grid-template-columns:266px minmax(300px,1fr) 300px;height:calc(100dvh - 115px);min-height:560px}aside{overflow:auto;scrollbar-width:thin;background:#f8fafc}.left-panel{border-right:1px solid var(--border)}.right-panel{border-left:1px solid var(--border)}section:not(.stage){padding:18px;border-bottom:1px solid var(--border)}h2{margin:0 0 13px;font-size:12px;font-weight:650;letter-spacing:.7px;display:flex;justify-content:space-between;align-items:center}h2 span{font-size:10px;font-weight:400;color:#91a0ae;letter-spacing:1px}nav{display:flex;flex-direction:column;gap:6px}nav button{text-align:left;padding:10px 11px;background:transparent;font-size:12px;border-color:transparent}nav button.active{background:#e2f0f1;color:#08666e;border-color:#c7e0e2;font-weight:650}nav button small{float:right;opacity:.5}input[type=search]{width:100%;padding:10px;font-size:12px}input[type=range]{width:100%;accent-color:var(--teal);margin:10px 0 0}input[type=checkbox]{accent-color:var(--teal);width:15px;height:15px;flex-shrink:0}select{padding:7px;max-width:100%;font-size:11px}.hint{font-size:11px;line-height:1.7;color:#778696}.results{max-height:240px;overflow:auto}.result{display:block;text-align:left;width:100%;font-size:11px;margin:4px 0;padding:8px}.result small{display:block;font-size:10px;opacity:.6;margin-top:3px;overflow-wrap:anywhere}.layer{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:11px;cursor:pointer}.swatch{width:7px;height:7px;border-radius:50%;flex-shrink:0}.layer .count{margin-left:auto;font-size:10px;color:#8a99a7}.control{display:flex;justify-content:space-between;align-items:center;margin-top:11px;font-size:11px;gap:8px}.range-control{display:block;margin-top:15px;font-size:11px}.range-control output{float:right;color:#657b8b}.stage{position:relative;overflow:hidden;background:#111b29;color:#edf3fa}#canvas-wrap{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:none}.stage-heading{position:absolute;top:22px;left:24px;pointer-events:none}.stage-heading>span{font-size:10px;letter-spacing:2px;color:#8aa7ba}.stage-heading h2{font-size:21px;letter-spacing:1.2px;margin:9px 0}.stage-heading p{font-size:11px;color:#9fb2c4;margin:0}.view-buttons{position:absolute;top:112px;left:24px;display:flex;gap:5px;flex-wrap:wrap;right:15px}.stage button{background:#223145c9;border-color:#425369;color:#deebf5;font-size:11px;backdrop-filter:blur(8px)}.stage button:hover{background:#334a63}.stage-bottom{position:absolute;bottom:15px;left:15px;right:15px;text-align:center;pointer-events:none}.stage-toolbar{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;pointer-events:auto}.stage-bottom p{font-size:10px;color:#94a8ba;margin:9px 0 0}#loading{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:min(360px,85%);background:#172637ef;border:1px solid #405169;border-radius:10px;padding:26px;text-align:center;font-size:13px}#loading p{font-size:11px;line-height:1.7;color:#bbcddd;overflow-wrap:anywhere}progress{width:90%;height:5px;accent-color:#50b4b9}#toast{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);background:#0b5662ed;color:#fff;border-radius:8px;padding:10px 15px;font-size:12px;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}.selection-card{background:#fff}.selection-card h3{font-size:17px;line-height:1.5;margin:10px 0;color:var(--ink)}.english{font-size:11px;overflow-wrap:anywhere;color:#6b7b8d;line-height:1.6}#selected-meta{font-size:10px;color:#758596;line-height:1.8}.warning{font-size:11px;line-height:1.7;color:#91601d}.selection-card button{font-size:11px;margin-top:6px}.small-heading{font-size:11px;color:#8c632f;margin:18px 0 8px}.prose p{font-size:11px;line-height:1.9;margin:7px 0}.muted{color:#7d7e82}.references{font-size:10px;line-height:1.8;margin-top:13px}.references a{display:block}.checkline{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:11px}summary{font-size:11px;cursor:pointer;font-weight:650;line-height:1.6}details>p{font-size:10px;line-height:1.8}footer{height:33px;background:white;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;color:#7a8996;gap:12px}.projector .left-panel,.projector .right-panel{display:none}.projector main{grid-template-columns:1fr}.projector .stage-heading h2{font-size:30px}.projector .stage-bottom p{font-size:13px}
@media(min-width:1700px){main{grid-template-columns:290px minmax(300px,1fr) 330px}.prose p,.layer,.hint{font-size:12px}}
@media(max-width:1100px){main{grid-template-columns:235px minmax(300px,1fr)}.right-panel{display:none}.review-badge{display:none}.left-panel section{padding:15px}.brand h1{font-size:19px}.header-actions button{font-size:11px}header{padding:14px 16px}}
@media(max-width:700px){header{height:74px;gap:8px;padding:12px}.brand-mark{display:none}.brand h1{font-size:18px;letter-spacing:1px}.brand p{font-size:8px}.header-actions button{font-size:10px;padding:7px}#copy-view{display:none}main{display:flex;flex-direction:column;height:auto;min-height:0}.stage{height:70dvh;min-height:440px;order:0;flex-shrink:0}.left-panel{order:1;overflow:visible;border-right:0}.right-panel{display:block;order:2;overflow:visible}nav{display:grid;grid-template-columns:1fr 1fr}.stage-heading{top:18px;left:18px}.view-buttons{top:102px;left:18px}.stage-heading h2{font-size:20px}footer{height:auto;min-height:45px;flex-direction:column;justify-content:center;padding:9px;line-height:1.5;gap:3px}.projector .stage{height:calc(100dvh - 114px)}.projector main{display:block}.prose p,.layer{font-size:13px}.selection-card h3{font-size:18px}}
@media(min-width:701px) and (max-width:1100px){main{height:auto;grid-template-rows:minmax(560px,calc(100dvh - 115px)) auto}.right-panel{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;overflow:visible;border-left:0;border-top:1px solid var(--border)}.projector .right-panel{display:none}.projector main{grid-template-rows:minmax(560px,calc(100dvh - 115px))}}