:root{--accent: #d07090;--bg: #1a1620;--panel: #2a2230;--panel2: #342a3c;--ink: #f4eef2;--muted: #b6a8b8;--ok: #6fd0a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#2c2333,var(--bg));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:760px;margin:0 auto;padding:16px 14px 48px}.hdr h1{margin:0 0 2px;font-size:28px;letter-spacing:.5px;color:var(--accent)}.hdr .sub{margin:0 0 10px;color:var(--muted);font-size:14px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.btn{background:var(--panel2);color:var(--ink);border:1px solid #4a3c52;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background .12s,transform .05s}.btn:hover{background:#40344a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.small{padding:5px 9px;font-size:13px}.sel{background:var(--panel2);color:var(--ink);border:1px solid #4a3c52;border-radius:8px;padding:7px 8px;font-size:14px}.status{display:flex;flex-wrap:wrap;gap:6px 14px;background:var(--panel);border:1px solid #3a2f44;border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:14px}.stat{color:var(--muted)}.stat.ok{color:var(--ok);font-weight:700}.beam{margin:14px 0}.fulcrum{position:relative;padding-top:6px}.fulcrum:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:22px solid var(--accent);opacity:.8}.bar{display:flex;gap:14px;transition:transform .25s ease;transform-origin:50% 100%}.pan{flex:1;min-height:120px;background:var(--panel);border:1px solid #3a2f44;border-radius:12px;padding:10px;cursor:pointer}.pan-left{border-top:3px solid #7aa0d0}.pan-right{border-top:3px solid #d0a07a}.pan:hover{background:#312839}.pan-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.pan-label{color:var(--muted);font-size:13px}.pan-total{font-size:20px;font-weight:700;color:var(--ink)}.pan-pieces{display:flex;flex-wrap:wrap;gap:6px;min-height:44px}.piece{background:linear-gradient(180deg,#5a4666,#463452);color:var(--ink);border:1px solid #6a5276;border-radius:8px;padding:8px 12px;font-size:16px;font-weight:700;cursor:pointer;min-width:40px}.piece:hover{filter:brightness(1.12)}.piece.sel{outline:2px solid var(--accent);box-shadow:0 0 0 3px #d070904d}.tray-wrap{margin:12px 0}.tray{background:var(--panel);border:1px dashed #4a3c52;border-radius:12px;padding:10px;cursor:pointer}.empty{color:var(--muted);font-style:italic;font-size:13px}.cutbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--panel);border:1px solid #3a2f44;border-radius:10px;padding:8px 12px;margin:12px 0}.cut-label{color:var(--muted);font-size:13px}.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.share-label{color:var(--muted);font-size:13px}.code{flex:1;min-width:160px;background:#14101a;color:var(--ink);border:1px solid #3a2f44;border-radius:8px;padding:7px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.code.bad{border-color:#d06868}.help{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.5;background:var(--panel);border:1px solid #3a2f44;border-radius:10px;padding:10px 14px}.help b{color:var(--ink)}.overlay{position:fixed;inset:0;background:#0a080eb3;display:flex;align-items:center;justify-content:center;z-index:10}.card{background:var(--panel2);border:1px solid var(--accent);border-radius:16px;padding:24px 28px;text-align:center;max-width:320px}.card h2{margin:0 0 8px;color:var(--accent)}.card p{margin:4px 0;color:var(--ink)}.card .btn{margin-top:14px}