:root{--bg:#f6f5f3;--panel:#fff;--text:#222;--muted:#6b6b6b;--line:#ddd;--accent:#b03060;--maker:#2f6f3e;--measured:#2060b0;--estimated:#b36b00;--warn-bg:#fff5e0;--err-bg:#fde8ea;color:var(--text);font-family:Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app-header{background:var(--panel);border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:10px 16px;display:flex}.app-header h1{margin:0;font-size:18px}.phase{color:var(--muted);font-size:12px}.app{grid-template-columns:380px 1fr;min-height:calc(100vh - 46px);display:grid}.panel{background:var(--panel);border-right:1px solid var(--line);max-height:calc(100vh - 46px);padding:12px 16px 40px;overflow-y:auto}.panel h2{border-bottom:1px solid var(--line);margin:18px 0 8px;padding-bottom:4px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.row label{font-size:13px}select,input[type=number],textarea{font:inherit;border:1px solid #bbb;border-radius:4px;padding:4px 6px;font-size:14px}input[type=number]{width:76px}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:4px;padding:5px 10px;font-size:13px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}table.measure{border-collapse:collapse;width:100%;font-size:13px}table.measure td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:3px 2px}table.measure td.name{width:42%}table.measure tr.missing td.name{color:#c00;font-weight:700}.help{color:var(--muted);font-size:11px;display:block}.badge{color:#fff;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:11px}.badge.maker{background:var(--maker)}.badge.measured{background:var(--measured)}.badge.estimated{background:var(--estimated)}.badge.missing{background:#c00}tr.estimated input{border-color:var(--estimated);background:#fffaf0}.note{color:var(--muted);font-size:12px}.preview{flex-direction:column;min-width:0;display:flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.toolbar .zoom{margin-left:auto;font-size:13px}.messages{padding:8px 16px 0;font-size:13px}.msg{border-radius:4px;margin-bottom:6px;padding:6px 10px}.msg.warn{background:var(--warn-bg)}.msg.err{background:var(--err-bg)}.msg.info{background:#eef3f8}.msg ul{margin:4px 0 0;padding-left:20px}.canvas{padding:16px;overflow:auto}.canvas svg{background:#fff;box-shadow:0 1px 4px #0000001f}dialog{border:none;border-radius:8px;width:min(720px,94vw);padding:0}.dialog-body{padding:16px 20px}.dialog-body h2{margin-top:0;font-size:17px}.dialog-body textarea{width:100%}.steps{padding-left:20px;font-size:14px}.steps li{margin-bottom:8px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (width<=800px){.app{grid-template-columns:1fr}.panel{border-right:none;border-top:1px solid var(--line);order:2;max-height:none}.preview{order:1}.toolbar .zoom{margin-left:0}}