.estimate-brief-page .calculator-hero::before { opacity:.5; background:radial-gradient(circle at 80% 18%,rgba(102,209,170,.4),transparent 27%),radial-gradient(circle at 10% 88%,rgba(255,91,69,.2),transparent 29%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:auto,auto,52px 52px,52px 52px; }
.estimate-brief-page .calculator-hero h1 em { color:#7ce1bd; }
.estimate-brief-preview { transform:rotate(1deg); }
.estimate-brief-preview .brief-preview-row { display:grid; grid-template-columns:88px 1fr; gap:12px; align-items:center; }
.estimate-brief-preview .brief-preview-row span { color:#8ee9c7; font:900 .62rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.estimate-brief-preview .brief-preview-row strong { color:#f4f7fb; font-size:.86rem; line-height:1.5; }
.estimate-brief-samples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.estimate-brief-sample { padding:16px; text-align:left; color:var(--ink); background:#fff; border:1px solid #dce2e9; border-radius:14px; cursor:pointer; transition:transform .18s ease,border-color .18s ease; }
.estimate-brief-sample:hover { transform:translateY(-2px); border-color:#58c7a0; }
.estimate-brief-sample span { display:block; margin-bottom:6px; color:#238363; font:900 .63rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.estimate-brief-sample strong { display:block; font-size:.9rem; line-height:1.45; }
.estimate-brief-page .calculator-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.estimate-brief-page .calculator-fields label.brief-field-wide { grid-column:1/-1; }
.estimate-brief-page .calculator-fields label>input,.estimate-brief-page .calculator-fields label>textarea { width:100%; min-width:0; padding:13px 12px; color:var(--ink); background:#fbfcfd; border:1px solid #cfd5de; border-radius:11px; outline:none; font:750 .9rem inherit; }
.estimate-brief-page .calculator-fields label>textarea { min-height:90px; resize:vertical; line-height:1.65; }
.estimate-brief-page .calculator-fields label>input:focus,.estimate-brief-page .calculator-fields label>textarea:focus { border-color:#42b98e; box-shadow:0 0 0 3px rgba(66,185,142,.13); }
.estimate-brief-page .calculator-result { background:#121f35; }
.brief-missing-summary { display:grid; gap:5px; margin:12px 0; padding:14px 16px; color:#0f1d34; background:#8ee9c7; border-radius:12px; }
.brief-missing-summary strong { font-size:.82rem; }
.brief-missing-summary span { font-size:.7rem; line-height:1.5; }
.brief-output-block { margin-top:13px; padding:17px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:14px; }
.brief-output-block>span { display:block; margin-bottom:9px; color:#8ee9c7; font:900 .63rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.brief-output-block pre { margin:0; max-height:390px; white-space:pre-wrap; overflow:auto; overflow-wrap:anywhere; color:#f3f6fa; font:700 .76rem/1.72 inherit; }
.brief-generated-checklist { margin:8px 0 0; padding:0; list-style:none; }
.brief-generated-checklist li { position:relative; padding:7px 0 7px 21px; color:#c5ceda; border-bottom:1px solid rgba(255,255,255,.08); font-size:.75rem; }
.brief-generated-checklist li::before { content:"✓"; position:absolute; left:0; color:#8ee9c7; font-weight:900; }
.brief-copy-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.brief-copy-actions .button { width:100%; justify-content:center; margin:0; padding-inline:12px; }
@media (max-width:760px) { .estimate-brief-page .calculator-hero-grid,.estimate-brief-page .calculator-hero-grid>* { min-width:0; max-width:100%; } .estimate-brief-page .calculator-hero h1 { width:100%; max-width:100%; font-size:1.88rem; line-height:1.12; overflow-wrap:anywhere; word-break:normal; } .estimate-brief-page .calculator-hero h1 em { display:inline; } .estimate-brief-page .calculator-hero p { width:100%; max-width:100%; overflow-wrap:anywhere; } .estimate-brief-page .calculator-fields,.estimate-brief-samples,.brief-copy-actions { grid-template-columns:1fr; } .estimate-brief-page .calculator-fields label.brief-field-wide { grid-column:auto; } .estimate-brief-preview { transform:none; } .brief-output-block pre { max-height:320px; } }