.section-back{font-size:13px;text-decoration:none;color:#5a779a}.section-badge{padding:8px 12px;border-radius:20px;background:#eaf2ff;font-size:12px;color:#416baa;white-space:nowrap}.section-toolbar>div{display:flex;gap:5px}.section-settings-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-settings-title h2{margin:0;font-size:18px}.section-settings-title button{color:#346fe5}.section-label{display:block;margin:14px 0 8px;font-size:13px;font-weight:600}.section-settings select{width:100%;min-height:40px;border:1px solid #dbe3ee;background:#fff;border-radius:7px;padding:8px;color:#344866;font:inherit;font-size:13px}.section-small{font-size:12px;color:#78869b;line-height:1.7;margin:10px 0 17px}.section-control{margin:22px 0}.section-control>label{display:flex;justify-content:space-between;font-size:13px;gap:8px}.section-control output{color:#346fe5;font-variant-numeric:tabular-nums;white-space:nowrap}.section-control input[type=range]{width:100%;margin:14px 0 3px;accent-color:#346fe5;cursor:pointer}.section-range-ends{display:flex;justify-content:space-between;font-size:10px;color:#8c98a9}.section-mode{border:0;border-top:1px solid #e6ebf2;padding:16px 0 0;margin:20px 0 15px;font-size:12px}.section-mode legend{font-size:13px;font-weight:600;padding:0 8px 0 0}.section-mode label{display:flex;gap:6px;align-items:center;margin:10px 0;cursor:pointer}.section-mode input,.section-plane-toggle input{accent-color:#346fe5}.section-plane-toggle{display:flex;gap:6px;align-items:center;font-size:12px;cursor:pointer}.section-stage-footer{border-top:1px solid #edf0f5;padding:12px 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#74859d}.section-stage-footer i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 9px}.section-key-material{background:#5d8be3}.section-key-cut{background:#eea152}#section-viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fff,#f1f5fa)}#section-viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#section-loading{position:absolute;left:8%;right:8%;top:43%;text-align:center;font-size:13px;z-index:3;line-height:1.7}.section-view-label{position:absolute;left:16px;top:16px;z-index:2;pointer-events:none;font-size:11px;color:#7d8da4}.section-output-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.section-output-heading h2{font-size:20px;margin:0 0 8px}.section-output-heading p{font-size:13px;color:#77879d;margin:0;line-height:1.7}.section-output-heading>span{white-space:nowrap;font-size:11px;color:#8794a6}.section-drawing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:24px}.section-drawing-layout figure{margin:0;border:1px solid #e1e7ef;border-radius:12px;background:#fff;overflow:hidden}.section-drawing-layout svg{width:100%;height:340px;display:block;background:linear-gradient(#f4f6f9 1px,transparent 1px),linear-gradient(90deg,#f4f6f9 1px,transparent 1px);background-size:20px 20px}.section-drawing-layout figcaption{padding:12px 16px;border-top:1px solid #edf0f5;font-size:12px;color:#6d7d93;text-align:center;line-height:1.7}.section-reading{padding:28px;border-radius:12px;background:#f4f7fc}.section-reading>span{font-size:11px;color:#7087a9;letter-spacing:2px}.section-reading h3{font-size:21px;margin:12px 0}.section-reading p{font-size:13px;color:#677c98;line-height:1.9}.section-reading .section-note{border-top:1px solid #dfe7f2;padding-top:15px;margin-top:20px;font-size:11px}.section-lab :is(select,input,button):focus-visible{outline:3px solid #3478ef;outline-offset:3px}@media(max-width:760px){.section-badge{display:none}.section-drawing-layout{grid-template-columns:1fr}.section-drawing-layout svg{height:300px}.section-reading{padding:22px}.section-output-heading{align-items:flex-start}.section-output-heading>span{display:none}.section-settings{min-width:0}.section-control{margin:18px 0}}@media(max-width:400px){.section-toolbar{flex-wrap:wrap}.section-toolbar>div{gap:3px}.section-toolbar>div button{padding:8px}.section-toolbar>button{margin-left:auto}.section-drawing-layout svg{height:270px}}
.section-control{display:block}.section-toolbar{justify-content:space-between}.section-range-ends{width:100%}