:root{--ink: #0f172a;--slate: #334155;--muted: #64748b;--line: #e2e8f0;--bg: #f8fafc;--wall: #1d4ed8;--power: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}.app{max-width:1040px;margin:0 auto;padding:24px 20px 48px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{height:46px;border-radius:10px;background:var(--ink);display:grid;place-items:center;padding:8px 14px;border-bottom:4px solid var(--power)}.brand-logo img{height:26px;width:auto;display:block}.brand h1{font-size:18px;margin:0;letter-spacing:.5px}.brand p{margin:2px 0 0;font-size:13px;color:var(--muted)}.project-input{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;min-width:220px;outline:none}.project-input:focus{border-color:var(--wall)}.dropzone{border:2px dashed #cbd5e1;border-radius:16px;background:#fff;padding:72px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--wall);background:#f0f6ff}.dropzone-icon{font-size:40px;color:var(--wall)}.dropzone h2{margin:12px 0 6px;font-size:20px}.dropzone p{margin:0;color:var(--slate)}.dropzone .hint{display:block;margin-top:10px;font-size:13px;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.tool-group{display:flex;align-items:center;gap:8px}.tool-group.right{margin-left:auto}.tool{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;color:var(--slate)}.tool:hover{border-color:#cbd5e1}.tool.active{border-color:var(--ink);background:var(--ink);color:#fff}.tool.primary{background:var(--wall);border-color:var(--wall);color:#fff;font-weight:600}.tool.primary:hover{background:#1746c0}.tool.ghost{background:transparent}.tool:disabled{opacity:.45;cursor:not-allowed}.swatch{width:16px;height:16px;border-radius:3px;display:grid;place-items:center;font-size:11px;font-weight:700}.swatch.wall{background:var(--wall)}.swatch.power{color:var(--power)}.tool.active .swatch.power{color:#fff}.swatch.power-sq{background:#dc26266b;border:1.5px solid var(--power)}.swatch.wall-line{width:16px;height:0;border-radius:0;border-top:4px solid var(--ink)}.tool.active .swatch.wall-line{border-top-color:#fff}.counts{font-size:13px;color:var(--muted);margin-right:4px}.length-field{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--slate);white-space:nowrap}.length-field input{width:72px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;outline:none}.length-field input:focus{border-color:var(--wall)}.length-field input:disabled{background:#f1f5f9;color:var(--muted);cursor:not-allowed}.length-field input[type=number]{width:58px}.length-field select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff;outline:none;cursor:pointer}.length-field select:focus{border-color:var(--wall)}.scale-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:7px 11px;border-radius:999px;border:1px solid #a7f3d0;background:#ecfdf5;color:#047857;cursor:pointer}.scale-chip .reset{font-weight:500;color:#64748b}.scale-chip.warn{background:#fff7ed;border-color:#fed7aa;color:#c2410c;cursor:default}.instruction{font-size:13px;color:var(--muted);margin:14px 2px 10px}.canvas-wrap{display:flex;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.power-canvas{max-width:100%;height:auto;touch-action:none;border-radius:4px;box-shadow:0 1px 4px #0f172a14}