[data-role="price-note"], [data-role="bridge-note"] { margin-top: 24px; padding: 26px; border-left: 4px solid #bd6579; border-radius: 0 10px 10px 0; background: #fff8fa; }
[data-role="price-note"] p:first-child { font-variant-numeric: tabular-nums; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
[data-role="bridge-note"] { background: #f7fcff; border-left-color: #4a87a6; }
[data-role="bridge-note"] h3 { margin-bottom: 1rem; }
[data-role="worksheet"] { background: #f3f8ee; padding: 36px; border: 1px solid #c2d3bd; border-radius: 12px; box-shadow: var(--shadow); margin-bottom: 42px; }
[data-role="worksheet"] [data-role="chapter-dot"] { background: var(--green); border-color: #4b764b; }
[data-role="worksheet-fields"] { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-block: 28px; }
[data-role="worksheet-fields"] label { display: block; font-weight: 600; margin-bottom: .65rem; }
input[type="text"], textarea { display: block; width: 100%; min-width: 0; min-height: 52px; border: 1px solid #809480; border-radius: 8px; background: #fcfefd; padding: .8rem; box-shadow: inset 3px 3px 7px #e1e8df; }
input::placeholder { color: #53624f; opacity: 1; }
fieldset { border: 0; padding: 0; margin: 0; }
legend { font-weight: 600; margin-bottom: 12px; }
[data-role="check-option"] { display: flex; align-items: center; gap: 12px; min-height: 56px; max-width: 72ch; margin-bottom: 10px; padding: 8px 16px 8px 8px; border: 1px solid #bacbb3; border-radius: 8px; background: #fcfefb; cursor: pointer; }
input[type="checkbox"] { appearance: none; position: relative; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; border: 1px solid #809480; border-radius: 8px; background: #eff6ea; cursor: pointer; }
input[type="checkbox"]:checked { background: #375948; border-color: #375948; }
input[type="checkbox"]:checked::after { content: ""; position: absolute; width: 10px; height: 19px; border: solid #ffffff; border-width: 0 3px 3px 0; left: 15px; top: 9px; transform: rotate(45deg); }
[data-role="worksheet-actions"] { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
[data-role="worksheet-actions"] button { box-shadow: 4px 4px 10px #d4dfce, -4px -4px 10px #ffffff; border-color: #a3b59b; background: #fbfdf8; }
[data-action="build"] { background: #375948 !important; color: white; border-color: #375948; }
[data-action="build"]:hover { background: #254837 !important; }
[data-role="privacy-note"] { margin-top: 20px; color: var(--muted); }
[data-role="worksheet-result"] { padding: 28px; margin-top: 28px; border-radius: 10px; border: 1px solid #b7cba9; background: white; }
[data-role="worksheet-result"] h3 { margin-bottom: 1rem; }
[data-role="result-context"] { white-space: pre-line; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
[data-role="copy-fallback"] { display: block; margin-top: 24px; }
[data-role="copy-fallback"] textarea { margin-top: 10px; }
[data-role="worksheet-status"] { margin-top: 20px; min-height: 1.6em; }
@media (max-width: 700px) {
  [data-role="worksheet"] { padding: 24px 20px; margin-bottom: 28px; }
  [data-role="worksheet-fields"] { grid-template-columns: 1fr; gap: 22px; }
  [data-role="worksheet-actions"] { flex-direction: column; gap: 14px; }
  [data-role="price-note"], [data-role="bridge-note"], [data-role="worksheet-result"] { padding: 20px; }
}
@media print {
  body[data-print="worksheet"] > main > :not([data-role="worksheet"]) { display: none !important; }
  [data-role="worksheet"] { padding: 0; border: 0; }
  body[data-print="worksheet"] [data-role="worksheet"] > p, body[data-print="worksheet"] form, [data-role="worksheet-status"], [data-role="copy-fallback"] { display: none !important; }
  [data-role="worksheet-result"] { border: 0; margin-top: 16px; padding: 0; }
}