.roof-plan-import-action{display:flex;align-items:center;gap:12px;margin:16px 0;flex-wrap:wrap}.roof-plan-import-action small{color:#65716c}.roof-plan-import-dialog{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #d8dfdc;border-radius:20px;overflow:auto;color:#17221c;background:#fff}.roof-plan-import-dialog::backdrop{background:#17221c66}.roof-import-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.roof-import-head h2{margin:0}.roof-import-controls{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0;align-items:end}.roof-import-controls label{display:grid;gap:6px;font-weight:600}.roof-import-controls input,.roof-import-controls select{max-width:100%;padding:10px;border:1px solid #ccd5cf;border-radius:9px;background:white}.roof-import-preview{width:100%;background:#f5f7f6;border-radius:12px;overflow:hidden;max-height:none}.roof-import-preview svg{display:block;width:100%;height:100%}.roof-import-preview polygon{cursor:pointer}.roof-import-preview polygon:focus{outline:none;stroke:#0069cc;stroke-width:5}.roof-import-candidates{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.roof-import-candidates label{padding:8px 12px;border:1px solid #dce2df;border-radius:9px}.roof-import-confirm{display:flex;gap:10px;align-items:flex-start;margin:16px 0;line-height:1.5}.roof-import-status{line-height:1.5;font-size:14px}.roof-import-status[data-error=true]{color:#b42318}.roof-import-note{color:#65716c;font-size:13px;line-height:1.5}.roof-import-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}@media(max-width:600px){.roof-plan-import-dialog{padding:16px}.roof-import-controls{display:grid;grid-template-columns:1fr}.roof-import-head h2{font-size:21px}}