*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:#403438;background:#f6eae5}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1.5px solid #d6c4bd;background:#fffaf7;border-radius:12px;padding:10px 17px;color:#514042;font-weight:600;min-height:43px}button:hover{background:#fff;border-color:#9b7771}button:focus-visible,a:focus-visible{outline:3px solid #16799c;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary,button.active{background:#185bb2;color:white;border-color:#185bb2}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #dfccc5;background:#fcf5ef}h1{font-size:23px;letter-spacing:2px;margin:0}.back{color:#79625e;text-decoration:none;font-size:15px}main{max-width:1800px;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px 0;position:relative;z-index:1}.topline p{margin:0;padding:12px 22px;border:1px solid #afbbb2;border-radius:30px;background:#fff8ef;font-size:17px;box-shadow:0 2px 0 #decac3}.counter{white-space:nowrap;background:#fff7f0;border:1px solid #dec5ba;border-radius:18px;padding:8px 22px;font-size:20px;box-shadow:0 3px 0 #e0cbc1}.counter strong{font-size:38px;color:#ba434e;margin:0 9px}#stage{position:relative;height:calc(100vh - 350px);min-height:360px;touch-action:none}#stage canvas{display:block;width:100%;height:100%;outline:none}.stage-note{position:absolute;bottom:10px;left:30px;font-size:13px;opacity:.7;pointer-events:none}#loading{position:absolute;inset:40%;text-align:center}.tools{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:10px 28px}.modes,.actions{display:flex;gap:8px;flex-wrap:wrap}footer{padding:15px 28px;display:flex;justify-content:space-between;gap:20px;background:#f0dfd7;border-top:1px solid #dbc3b8;flex-wrap:wrap}footer label{display:flex;align-items:center;gap:10px;font-size:14px}.dimensions{display:flex;gap:22px}.dimensions input{width:105px}input{accent-color:#185bb2}output{font-variant-numeric:tabular-nums;min-width:18px}.fold-control input{width:160px}details{padding:12px 28px;color:#715c55;font-size:13px}summary{cursor:pointer}#edge-list{display:flex;flex-wrap:wrap;gap:7px;padding:14px 0}#edge-list button{font-size:12px;padding:5px 9px;min-height:34px}#edge-list .severed{border-color:#c74359;color:#b72441;background:#ffeaec}#edge-list .hinge{border-color:#0d91a1}.edge-label{position:absolute;width:22px;height:22px;border-radius:50%;color:#714d33;background:#fffbda;border:1px solid #b88b6c;font-size:12px;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%)}@media(max-width:800px){header{height:58px;padding:0 12px}h1{font-size:16px;letter-spacing:0}header button{font-size:12px;padding:6px 8px}.back{font-size:12px}.topline{padding:12px 12px 0;gap:8px}.topline p{font-size:12px;padding:8px 12px}.counter{font-size:12px;padding:5px 10px}.counter strong{font-size:27px;margin:0 3px}#stage{height:50vh;min-height:300px}.tools,footer{padding:10px 12px;gap:10px}.tools button{font-size:12px;padding:8px 10px;min-height:40px}.dimensions{gap:10px;flex-wrap:wrap}.dimensions input{width:66px}footer label{font-size:12px;gap:5px}.fold-control input{width:105px}details{padding:12px}.stage-note{left:12px;font-size:11px}}
#cut-animation{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}#cut-animation[hidden],#cut-badge[hidden]{display:none}#scissors{filter:drop-shadow(0 2px 2px #2b34474d)}#cut-badge{position:absolute;top:14px;left:28px;padding:9px 14px;background:#fff8efed;border:2px solid #d88331;border-radius:12px;color:#7c431c;font-size:14px;font-weight:700;pointer-events:none;z-index:5}.stage-note .cut-key{color:#b72743}#edge-list .cutting{background:#fff0c8;border-color:#dd8e16;color:#7e4c0b}@media(max-width:800px){#cut-badge{left:12px;top:10px;font-size:12px}.stage-note{max-width:calc(100% - 24px);font-size:10px}}