:root{font-family:Segoe UI,Arial,sans-serif;color:#203d35;background:#f3f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,#pliers:focus-visible{outline:3px solid #ddb657;outline-offset:3px}header{max-width:1320px;margin:auto;padding:24px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3d6}.brand{text-decoration:none;color:inherit;display:flex;gap:12px;font-weight:800;align-items:center;font-size:20px}.brand b{background:#266b50;color:white;display:grid;place-items:center;border-radius:12px;width:45px;height:45px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px}.demo-tag{font-size:10px;letter-spacing:1.4px;color:#809176}main{max-width:1250px;padding:38px 28px;margin:auto}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#6b865e;margin:0 0 12px}h1{font-size:43px;letter-spacing:-1.6px;line-height:1.15;margin:0 0 15px}h1 em{color:#749b6b;font-style:normal}.intro>p:last-child{font-size:14px;color:#7b8c72;line-height:1.8}.task-bar{display:grid;grid-template-columns:1fr 1.65fr;gap:30px;border:1px solid #dfe7d8;border-radius:18px;background:#fff;padding:23px;margin:25px 0}.task-bar label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}select{width:100%;padding:13px 10px;border:1px solid #d8e2ce;border-radius:9px;color:#315a43;background:#fafcf7;font-size:13px}.question{border-left:1px solid #e3e8dc;padding-left:25px}.question .eyebrow{font-size:9px}.question [lang=ko]{font-family:"Malgun Gothic",Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.8;margin:0 0 12px;color:#183d29}.question button{border:1px solid #cdddc4;color:#346747;background:#eef6e8;border-radius:8px;padding:9px 15px;font-size:12px;min-height:42px}.question #voice-note{font-size:11px;color:#96744c;margin:8px 0 0}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px;align-items:start}.stage-card,.result-card{border:1px solid #dfe7d8;border-radius:20px;background:#fff;padding:24px}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.stage-heading .eyebrow{margin:0}.badge{padding:7px 10px;border-radius:20px;background:#f9ede5;color:#a45c43;font-size:9px;letter-spacing:.8px}svg{display:block;width:100%;height:auto;margin:12px 0 0;overflow:visible}.svg-hint{font:700 15px Arial,sans-serif;letter-spacing:1.2px;fill:#708169}.ruler-number{font:600 20px Arial,sans-serif;fill:#3f5f47}#pliers{cursor:grab;touch-action:none}#pliers.dragging{cursor:grabbing}#pliers:focus-visible>rect{stroke:#d2a540;stroke-width:3}#pliers.cutting #left-jaw{animation:jaw-left .3s ease}#pliers.cutting #right-jaw{animation:jaw-right .3s ease}@keyframes jaw-left{50%{transform:rotate(9deg);transform-origin:0 -55px}}@keyframes jaw-right{50%{transform:rotate(-9deg);transform-origin:0 -55px}}.position-control{border-top:1px solid #e4eadc;padding-top:17px}.position-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#6b8260}.position-title output{font-size:18px;font-weight:700;color:#2a6846}.slider-row{display:flex;align-items:center;gap:12px;margin:14px 0 8px}.slider-row input{min-width:0;width:100%;accent-color:#326e4b;min-height:38px}.slider-row button{border:1px solid #d7e2ce;background:#f6f9f1;color:#32674a;border-radius:9px;min-width:42px;height:42px;font-size:22px}.position-control small{font-size:10px;color:#8c9981;line-height:1.7}.actions{display:flex;gap:10px;margin-top:21px}.primary,.secondary{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;min-height:46px;border-radius:10px;font-size:12px;font-weight:600;flex:1}.primary{background:#286b4d;color:white;border:1px solid #286b4d}.secondary{background:#fff;color:#57784b;border:1px solid #d6e0ce;justify-content:center}#stage-message{font-size:11px;color:#7f8e74;line-height:1.8;margin:15px 0 0}h2{font-size:18px;line-height:1.5;margin:0 0 12px}.result-card>p,.guide-card>p{font-size:12px;color:#809174;line-height:1.8}.counters{display:flex;gap:12px;margin:22px 0}.counters>div{flex:1;padding:18px 8px;text-align:center;background:#f1f6ec;border-radius:12px}.counters strong{display:block;font-size:34px;color:#356b45}.counters span{display:block;font-size:10px;color:#8a997d;margin-top:3px}#submit{width:100%}.text-button{display:block;border:0;background:transparent;color:#6f8b60;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin:15px auto 0;padding:8px}.guide-card{padding:25px 14px}.guide-card h2{font-size:14px}.guide-card ol{padding-left:20px;font-size:12px;line-height:2;color:#809174}.feedback{padding:13px;margin-top:15px;border-radius:10px;background:#eaf5e3;color:#396a3f;font-size:12px;line-height:1.9}.feedback.error{color:#a35a35;background:#fff1e7}.feedback[hidden]{display:none}footer{max-width:1250px;padding:23px 28px 30px;margin:auto;border-top:1px solid #dfe6d7;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#90a083}footer strong{font-size:14px;color:#537447}@media(max-width:850px){.workspace{grid-template-columns:1fr}.task-bar{grid-template-columns:1fr;gap:20px}.question{padding:17px 0 0;border-left:0;border-top:1px solid #e3e8dc}.stage-card{padding:20px}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}}@media(max-width:550px){header{padding:19px 16px}.demo-tag{font-size:8px}main{padding:26px 9px}.intro{padding:0 8px}h1{font-size:34px}.intro>p:last-child{font-size:12px}.task-bar{padding:18px;margin:22px 0 15px}.question [lang=ko]{font-size:17px}select{font-size:16px}.stage-card{padding:15px 10px}.stage-heading{padding:0 5px}.ruler-number{font-size:25px}.svg-hint{font-size:18px}.position-control{padding:15px 6px 0}.actions{padding:0 6px;flex-direction:column}.primary,.secondary{font-size:14px}.position-title{font-size:11px}.position-title output{font-size:18px}aside{grid-template-columns:1fr}.result-card{padding:21px}.guide-card{padding:15px 10px}.position-control small{font-size:10px}#stage-message{padding:0 6px}footer{padding:20px 16px;flex-direction:column}.question button{min-height:44px}}@media(prefers-reduced-motion:reduce){#pliers.cutting #left-jaw,#pliers.cutting #right-jaw{animation:none}}

#tool-cut{cursor:pointer;touch-action:manipulation}#tool-cut:hover rect,#tool-cut:focus-visible rect{fill:#174f37;stroke:#e4bc56;stroke-width:4}#tool-cut:focus-visible{outline:none}.zoom-panel{padding:16px 12px;margin:15px 0 20px;border:1px solid #d9e4ce;border-radius:13px;background:#fafcf7}.zoom-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.zoom-heading h2{font-size:13px;margin:0}.zoom-options{display:flex;gap:5px}.zoom-options button{border:1px solid #cbdcc2;border-radius:7px;min-width:38px;min-height:38px;background:white;color:#4f774b;font-size:12px;font-weight:700}.zoom-options button[aria-pressed=true]{background:#286b4d;color:white;border-color:#286b4d}.zoom-panel #zoom-window{margin:9px 0 0;font-size:10px;color:#65825a}.zoom-panel svg{margin:4px 0 2px;touch-action:none;cursor:crosshair}.zoom-panel small{display:block;font-size:10px;color:#809773;line-height:1.7}@media(max-width:550px){.zoom-panel{padding:13px 8px}.zoom-options button{min-width:37px;min-height:42px}.zoom-heading h2{font-size:12px}#tool-cut rect{stroke-width:4}}

.align-control{padding:13px 0 18px}.align-control button{width:100%;min-height:48px}.align-control p{font-size:11px;line-height:1.8;color:#7e8e74;margin:9px 0 0}#wire-shift{cursor:grab;touch-action:none}#wire-shift.needs-slide rect{stroke:#c59443;stroke-width:4}#wire-body{pointer-events:stroke;stroke:transparent;stroke-width:22}#tool-cut[aria-disabled=true]{opacity:.45;cursor:not-allowed}.stage-card .secondary:disabled{opacity:.4}

#pliers.auto-home{transition:transform .35s ease-in-out}@media(prefers-reduced-motion:reduce){#pliers.auto-home{transition:none}}