.brief-app{border-top:0;padding:0;}
.brief-shell{width:min(1160px,100%);margin:0 auto;padding:0 var(--pad) 88px;}
.brief-shell [hidden]{display:none!important;}

.brief-intro{max-width:760px;padding:clamp(42px,7vw,76px) 0 30px;}
.brief-back{display:inline-flex;align-items:center;min-height:40px;margin-bottom:18px;color:var(--accent);font:12px var(--mono);text-decoration:underline;text-underline-offset:4px;}
.brief-intro h1{margin-bottom:14px;font-size:clamp(40px,6vw,66px);line-height:1;}
.brief-intro p{max-width:660px;font-size:clamp(17px,2vw,20px);line-height:1.5;}

.brief-controls{padding:clamp(22px,4vw,36px);border:1px solid var(--line-strong);background:var(--surface);}
.brief-controls form{display:grid;gap:22px;}
.brief-fieldset{min-width:0;border:0;}
.brief-fieldset legend,.brief-field>span{display:block;margin-bottom:10px;color:var(--ink);font:500 14px var(--sans);}
.brief-format-fieldset legend{margin-bottom:14px;font:500 clamp(18px,2.2vw,22px) var(--mono);}
.brief-choice-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
.brief-choice-grid label,.brief-segments label{position:relative;min-width:0;}
.brief-choice-grid input,.brief-segments input{position:absolute;opacity:0;pointer-events:none;}
.brief-choice-grid span,.brief-segments span{display:grid;place-items:center;min-height:48px;padding:8px 10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);font:14px var(--sans);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);}
.brief-choice-grid span{min-height:62px;font-size:15px;}
.brief-choice-grid label:hover span,.brief-segments label:hover span{border-color:var(--ink-soft);}
.brief-choice-grid input:checked+span,.brief-segments input:checked+span{border-color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);font-weight:600;}
.brief-choice-grid input:focus-visible+span,.brief-segments input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px;}
.brief-choice-grid span:active,.brief-segments span:active{transform:translateY(1px);}

.brief-tune{border-top:1px solid var(--line);}
.brief-tune summary,.brief-history>summary,.brief-ai-note>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;color:var(--ink-soft);font:13px var(--mono);cursor:pointer;list-style:none;}
.brief-tune summary::-webkit-details-marker,.brief-history>summary::-webkit-details-marker,.brief-ai-note>summary::-webkit-details-marker{display:none;}
.brief-tune summary::after,.brief-history>summary::after,.brief-ai-note>summary::after{content:"+";color:var(--accent);font-size:20px;line-height:1;transition:transform .18s var(--ease);}
.brief-tune[open] summary::after,.brief-history[open]>summary::after,.brief-ai-note[open]>summary::after{transform:rotate(45deg);}
.brief-tune__grid{display:grid;grid-template-columns:1.25fr 1fr 1.25fr;gap:18px;padding-top:18px;}
.brief-field{display:block;}
.brief-field .input{min-height:48px;padding:11px 13px;}
.brief-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.brief-submit-row{display:flex;align-items:center;gap:12px;}
.brief-generate{min-width:240px;background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);}
.brief-generate:hover{background:var(--accent-hover);border-color:var(--accent-hover);opacity:1;}
.brief-random{min-height:48px;padding:0 18px;border:0;background:transparent;color:var(--accent);font:13px var(--mono);text-decoration:underline;text-underline-offset:4px;cursor:pointer;}
.brief-selection{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.brief-selection div{display:grid;gap:3px;}
.brief-selection span{color:var(--muted);font:10px var(--mono);}
.brief-selection strong{font:500 18px var(--sans);}
.brief-selection button{min-height:44px;border:0;background:none;color:var(--accent);font:12px var(--mono);text-decoration:underline;text-underline-offset:4px;cursor:pointer;}

.brief-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.brief-workspace{padding:0;border-top:0;}
.brief-empty{display:grid;justify-items:start;min-height:280px;padding:44px;border:1px dashed var(--line-strong);background:color-mix(in srgb,var(--surface-2) 54%,transparent);}
.brief-empty>span{display:grid;place-items:center;width:54px;height:54px;margin-bottom:42px;border:1px solid var(--line-strong);color:var(--accent);font:28px var(--mono);}
.brief-empty h2{margin-bottom:10px;font-size:clamp(25px,3vw,34px);}
.brief-empty p{max-width:560px;}

.brief-result{overflow:hidden;border:1px solid var(--line-strong);background:var(--surface);outline:none;}
.brief-result:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
.brief-result__hero{padding:clamp(28px,5vw,52px);background:var(--accent-tint);}
.brief-result__hero>span{display:block;margin-bottom:10px;color:var(--accent);font:12px var(--mono);}
.brief-result__hero h2{max-width:800px;margin-bottom:14px;font:600 clamp(34px,5vw,56px)/1.02 var(--sans);letter-spacing:-.025em;}
.brief-result__hero p{max-width:760px;color:var(--ink-soft);font-size:18px;line-height:1.55;}
.brief-result__grid{display:grid;grid-template-columns:1fr 1fr;}
.brief-row{min-width:0;padding:clamp(24px,3vw,34px);border-top:1px solid var(--line);animation:brief-row-in .32s var(--ease) both;animation-delay:calc(var(--row,0) * 45ms);}
.brief-row:nth-child(odd){border-right:1px solid var(--line);}
.brief-label{margin-bottom:12px;color:var(--accent);font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em;}
.brief-value{color:var(--ink);line-height:1.5;}
.brief-value>strong{display:block;margin-bottom:8px;font:600 20px/1.25 var(--sans);}
.brief-value p{margin-bottom:10px;}
.brief-value ul{display:grid;gap:7px;padding-left:18px;color:var(--ink-soft);}
.brief-palette{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.brief-swatch{display:block;min-width:56px;}
.brief-swatch i{display:block;width:56px;height:46px;margin-bottom:5px;border:1px solid var(--line-strong);}
.brief-swatch code{color:var(--muted);font:9px var(--mono);}
.brief-fonts{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.brief-fonts span{display:block;margin-bottom:4px;color:var(--muted);font:10px var(--mono);}
.brief-challenge{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:var(--surface-2);}
.brief-challenge>div{padding:clamp(24px,3vw,34px);}
.brief-challenge>div:first-child{border-right:1px solid var(--line);}
.brief-challenge span{display:block;margin-bottom:9px;color:var(--accent);font:11px var(--mono);}
.brief-challenge p{color:var(--ink);font-size:16px;}
.brief-check{padding:clamp(24px,3vw,34px);border-top:1px solid var(--line);}
.brief-check h3{margin-bottom:18px;font:500 17px var(--mono);}
.brief-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none!important;padding:0!important;}
.brief-checklist li{position:relative;padding:0 0 0 27px;color:var(--ink-soft);}
.brief-checklist li::before{content:"";position:absolute;top:4px;left:0;width:15px;height:15px;border:1px solid var(--line-strong);background:var(--surface);}

.brief-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.brief-actions .btn{min-width:150px;}
.brief-next{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:18px;margin-top:30px;padding:20px;border:1px solid var(--line-strong);}
.brief-next div{display:grid;gap:2px;}
.brief-next strong{font:500 16px var(--mono);}
.brief-next span{color:var(--muted);font-size:13px;}
.brief-next>a:not(.btn){display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font:12px var(--mono);text-decoration:underline;text-underline-offset:4px;}

.brief-history,.brief-ai-note{margin-top:24px;border-top:1px solid var(--line);}
.brief-history__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;color:var(--muted);font-size:12px;}
.brief-history__head button{min-height:40px;border:0;background:none;color:var(--muted);font:11px var(--mono);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.brief-history__list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 0 18px;}
.history-item{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px;border:1px solid var(--line);background:var(--surface);text-align:left;color:var(--ink);cursor:pointer;}
.history-item:hover{border-color:var(--line-strong);}
.history-item strong{font:500 14px var(--sans);}
.history-item span{color:var(--muted);font:10px var(--mono);}
.history-empty{grid-column:1/-1;padding:10px 0;color:var(--muted);font-size:13px;}
.brief-ai-note{margin-top:0;}
.brief-ai-note>div{max-width:720px;padding:4px 0 24px;}
.brief-ai-note h2{margin-bottom:8px;font-size:20px;}
.brief-ai-note p{font-size:14px;}

@keyframes brief-row-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .brief-choice-grid{grid-template-columns:repeat(3,1fr);}
  .brief-tune__grid{grid-template-columns:1fr 1fr;}
  .brief-tune__grid .brief-field:last-child{grid-column:1/-1;}
  .brief-next{grid-template-columns:1fr auto auto;}
  .brief-next div{grid-column:1/-1;}
}

@media(max-width:680px){
  .brief-shell{padding-bottom:64px;}
  .brief-intro{padding-top:30px;}
  .brief-intro h1{font-size:clamp(38px,12vw,54px);}
  .brief-controls{padding:20px 16px;}
  .brief-choice-grid{grid-template-columns:repeat(2,1fr);}
  .brief-choice-grid span{min-height:54px;}
  .brief-tune__grid{grid-template-columns:1fr;}
  .brief-tune__grid .brief-field:last-child{grid-column:auto;}
  .brief-submit-row{align-items:stretch;flex-direction:column;}
  .brief-generate{width:100%;min-width:0;}
  .brief-random{align-self:center;}
  .brief-empty{min-height:250px;padding:28px 22px;}
  .brief-empty>span{margin-bottom:30px;}
  .brief-result__hero p{font-size:16px;}
  .brief-result__grid,.brief-challenge{grid-template-columns:1fr;}
  .brief-row:nth-child(odd),.brief-challenge>div:first-child{border-right:0;}
  .brief-challenge>div+div{border-top:1px solid var(--line);}
  .brief-fonts{grid-template-columns:1fr;gap:10px;}
  .brief-checklist{grid-template-columns:1fr;}
  .brief-actions{display:grid;grid-template-columns:1fr 1fr;}
  .brief-actions .btn{min-width:0;}
  .brief-actions .btn:last-child{grid-column:1/-1;}
  .brief-next{grid-template-columns:1fr 1fr;gap:10px;}
  .brief-next div,.brief-next .btn{grid-column:1/-1;}
  .brief-next>a:not(.btn){justify-content:center;}
  .brief-history__list{grid-template-columns:1fr;}
}

@media(prefers-reduced-motion:reduce){
  .brief-row{animation:none;}
  .brief-choice-grid span,.brief-segments span,.brief-tune summary::after,.brief-history>summary::after,.brief-ai-note>summary::after{transition:none;}
}