:root{--sf-ink:#241c2a;--sf-purple:#3d2b60;--sf-violet:#7959b3;--sf-line:#ddd3e6}
.brief-blueprint{background:linear-gradient(135deg,#fffaf8,#f6effb);border:1px solid var(--sf-line);border-radius:28px;margin:24px 0;padding:clamp(24px,4vw,56px);color:var(--sf-ink)}
.brief-blueprint *{box-sizing:border-box}.brief-kicker{display:block;color:var(--sf-violet);font:700 12px/1.3 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.brief-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:44px;align-items:center}.brief-copy h1{font:500 clamp(38px,5vw,68px)/1.02 Georgia,serif;margin:0 0 18px}.brief-designed{font:700 13px/1.5 Arial,sans-serif;letter-spacing:.05em;color:#695d73;margin:0 0 24px}.brief-designed span{color:var(--sf-purple)}.brief-mood{font:400 clamp(20px,2.2vw,30px)/1.35 Georgia,serif;margin:0 0 12px}.brief-story{font:400 16px/1.75 Arial,sans-serif;color:#665b6c;max-width:650px;margin:0 0 26px}.brief-actions{display:flex;gap:12px;flex-wrap:wrap}.brief-btn{border:1px solid var(--sf-purple);border-radius:14px;padding:15px 21px;font:700 15px/1 Arial,sans-serif;cursor:pointer;background:#fff;color:var(--sf-purple)}.brief-btn.primary{background:var(--sf-purple);color:#fff;box-shadow:0 12px 28px rgba(61,43,96,.16)}.brief-preview-wrap{display:grid;place-items:center;min-width:0}.brief-preview-wrap .bracelet-preview{width:min(100%,470px)!important;aspect-ratio:1;min-height:0!important;margin:0!important;background:#fff!important;border-radius:24px;overflow:hidden}.brief-preview-wrap .bracelet-preview-copy{background:transparent!important;padding:0!important;box-shadow:none!important}.brief-preview-note{font:600 11px/1.4 Arial,sans-serif;color:#80748a;letter-spacing:.12em;text-transform:uppercase;margin-top:12px;text-align:center}
.brief-lower{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.brief-panel{background:rgba(255,255,255,.8);border:1px solid var(--sf-line);border-radius:20px;padding:24px}.brief-panel h2{font:500 27px/1.2 Georgia,serif;margin:6px 0 12px}.brief-panel p{font:400 15px/1.65 Arial,sans-serif;color:#685e70;margin:0 0 16px}.brief-name-row,.brief-email-form{display:flex;gap:10px}.brief-name-row input,.brief-email-form input{width:100%;min-height:50px;border:1px solid #cfc3dc;border-radius:12px;padding:0 14px;font:600 15px Arial,sans-serif;color:var(--sf-ink);background:#fff}.brief-ideas{font:500 12px/1.6 Arial,sans-serif;color:#84788e;margin-top:12px}.brief-success{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;background:#eef8f0;color:#285d36;font:600 13px/1.5 Arial,sans-serif}.brief-success.show{display:block}.brief-stones{grid-column:1/-1}.brief-stone-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.brief-stone{border:1px solid var(--sf-line);background:#fff;border-radius:18px;padding:17px;min-width:0}.brief-stone img{width:58px;height:58px;object-fit:contain;border-radius:50%;display:block;margin-bottom:13px}.brief-stone span{font:700 10px/1.3 Arial,sans-serif;letter-spacing:.12em;color:var(--sf-violet);text-transform:uppercase}.brief-stone h3{font:500 20px/1.2 Georgia,serif;margin:8px 0 10px}.brief-stone p{font:400 13px/1.55 Arial,sans-serif;color:#675d6c;margin:0}.brief-footer-actions{display:flex;justify-content:center;gap:12px;margin:22px 0 4px}.brief-details-copy{font:500 12px/1.4 Arial,sans-serif;color:#7c7085;text-align:center;margin-top:9px}
.brief-email-open{width:100%}.brief-email-note{font:500 12px/1.55 Arial,sans-serif;color:#84788e;margin-top:12px}.report:not(.brief-full-reading)>:not(.brief-blueprint){display:none!important}.report.brief-full-reading>.brief-blueprint{margin-bottom:40px}
@media(max-width:820px){.brief-blueprint{margin:0;border-radius:0;padding:20px 16px 26px}.brief-hero-grid{display:flex;flex-direction:column;gap:22px}.brief-copy{width:100%}.brief-copy h1{font-size:36px;line-height:1.08}.brief-designed{margin-bottom:16px}.brief-mood{font-size:23px}.brief-story{font-size:15px;line-height:1.62}.brief-preview-wrap{order:-1;width:100%}.brief-preview-wrap .bracelet-preview{width:min(100%,360px)!important}.brief-actions{display:grid;grid-template-columns:1fr}.brief-btn{width:100%;min-height:50px}.brief-lower{grid-template-columns:1fr;margin-top:24px}.brief-stones{grid-column:auto}.brief-stone-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:10px}.brief-stone{min-width:78vw;scroll-snap-align:start}.brief-name-row,.brief-email-form{flex-direction:column}.brief-panel{padding:20px}.brief-footer-actions{flex-direction:column}.report{padding:0!important}.report-cover{border-radius:0!important}.topbar .brand span:last-child{font-size:15px}}
@media(max-width:390px){.brief-copy h1{font-size:31px}.brief-mood{font-size:21px}.brief-blueprint{padding-left:13px;padding-right:13px}.brief-panel{padding:17px}}
@media print{.brief-actions,.brief-email,.brief-footer-actions,.topbar nav{display:none!important}.report:not(.brief-full-reading)>:not(.brief-blueprint){display:block!important}.brief-blueprint{break-after:page}}

/* v2: keep the generated bracelet at its intended visual scale. */
.brief-preview-wrap{width:100%;min-width:0}
.brief-preview-slot{display:grid;place-items:center;width:100%;min-width:0}
.brief-preview-wrap .bracelet-preview{display:grid!important;position:relative!important;width:min(100%,390px)!important;height:auto!important;aspect-ratio:1!important;min-height:0!important;margin:0 auto!important}
.brief-preview-wrap .bracelet-real-beads,.brief-preview-wrap .bracelet-string{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.brief-preview-wrap .bracelet-preview-copy{max-width:34%!important;white-space:normal!important}
.brief-name-row input,.brief-email-form input{min-width:0}
.brief-ideas,.brief-stone h3,.brief-stone p{overflow-wrap:anywhere}

@media(max-width:820px){
  html,body,#root{max-width:100%;overflow-x:hidden}
  .report{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .brief-blueprint{width:100%;max-width:100%;padding:18px 14px 26px;overflow:hidden}
  .brief-blueprint *{min-width:0}
  .brief-hero-grid,.brief-copy,.brief-preview-wrap,.brief-actions,.brief-lower,.brief-panel,.brief-name-row,.brief-email-form{width:100%;max-width:100%}
  .brief-copy h1,.brief-designed,.brief-mood,.brief-story,.brief-panel h2,.brief-panel p{overflow-wrap:anywhere}
  .brief-preview-slot{width:100%;max-width:300px}
  .brief-preview-wrap .bracelet-preview{width:100%!important;max-width:300px!important}
  .brief-preview-note{max-width:100%;padding:0 6px;overflow-wrap:anywhere}
  .brief-btn{max-width:100%;white-space:normal}
  .brief-lower{grid-template-columns:minmax(0,1fr)}
  .brief-stone-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;overflow:visible;padding-bottom:0;gap:12px}
  .brief-stone{width:100%;min-width:0;max-width:100%;scroll-snap-align:none;overflow:hidden}
  .brief-footer-actions{width:100%}
  .topbar{max-width:100%;overflow:hidden}
}

@media(max-width:390px){
  .brief-preview-slot{max-width:300px}
  .brief-panel{padding:16px}
}