/* Shared calculator controls, feedback and saved drafts. */
.draft-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 15px 0; margin-bottom: 20px; border-bottom: 1px solid var(--border, var(--line)); }
.draft-status { flex: 1 1 240px; margin: 0; max-width: 65ch; color: var(--ink2, var(--muted)); font: 400 12px/1.7 'Manrope', system-ui, sans-serif; }
.draft-reset, .draft-confirm button, .tool-print, .tool-share { min-height: 44px; padding: 10px 14px; border: 1px solid var(--border, var(--line)); border-radius: 4px; background: var(--bg); color: var(--ink); cursor: pointer; font: 600 12px 'Manrope', system-ui, sans-serif; }
.draft-reset:hover, .draft-confirm button:hover, .tool-print:hover, .tool-share:hover { border-color: var(--accent); }
.draft-confirm { flex-basis: 100%; padding-top: 8px; }
.draft-confirm p { color: var(--ink2, var(--muted)); font: 400 13px/1.7 'Manrope', system-ui, sans-serif; margin: 0 0 10px; }
.draft-confirm button + button { margin-left: 10px; }
.utility-tool > .draft-bar { padding: 14px 24px; margin: 0; }
.room-field { min-width: 0; }
.room-field-label { display: block; margin: 0 0 5px; color: var(--ink2); font: 500 11px/1.5 'Manrope', system-ui, sans-serif; }
.tool-feedback, .result-action-status { margin-top: 14px; font: 400 12px/1.7 'Manrope', system-ui, sans-serif; color: var(--ink2, var(--muted)); }
.share-address { width: 100%; margin-top: 10px; padding: 12px; border: 1px solid var(--border, var(--line)); color: var(--ink); background: var(--bg); font: 400 16px ui-monospace, monospace; }
.tool-result-actions { gap: 10px; }
.tool-download { min-height: 44px; }
.action-btn { min-height: 44px; }
.tool-project-link { flex-basis: 100%; margin-top: 6px; }
.tool-error { padding: 10px 12px; border-left: 3px solid var(--accent); background: var(--paper, var(--bg2)); }
.tool-field input[aria-invalid='true'] { border-color: var(--accent); }
@media(max-width: 760px) { .utility-tool > .draft-bar { padding: 14px 18px; } .room-field-label { font-size: 12px; } }
@media(max-width: 500px) { .result-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media print { .draft-bar, .tool-feedback, .result-action-status, .share-address, .tool-result-actions { display: none !important; } }