.brief-tool{border-radius:var(--radius-lg);background:var(--viva-navy);color:#fff;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);margin-top:72px;display:grid;overflow:hidden}.brief-tool__intro{flex-direction:column;justify-content:center;min-height:620px;padding:clamp(36px,5vw,64px);display:flex;position:relative;overflow:hidden}.brief-tool__intro>span{color:var(--viva-cyan);font-size:var(--text-small);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-weight:800;display:flex}.brief-tool__intro h2{max-width:10ch;font-size:var(--text-h2);letter-spacing:-.04em;text-wrap:balance;margin:20px 0 16px;line-height:1.02}.brief-tool__intro>p{color:#c9d5e3;max-width:42ch;font-size:var(--text-body);margin:0;line-height:1.65}.brief-tool__route{border-top:1px dashed #57708d;height:64px;margin-top:44px;position:relative;transform:rotate(-4deg)}.brief-tool__route i{background:var(--viva-cyan);border-radius:50%;width:11px;height:11px;position:absolute;top:-6px}.brief-tool__route i:first-child{left:0}.brief-tool__route i:nth-child(2){background:var(--viva-violet);left:53%}.brief-tool__route i:last-child{background:var(--viva-coral);right:0}.brief-tool__workspace{background:var(--surface);min-width:0;color:var(--ink);padding:32px}.brief-tool__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.brief-tool__fields label{gap:8px;min-width:0;display:grid}.brief-tool__fields label>span{color:var(--muted);font-size:var(--text-small);justify-content:space-between;font-weight:750;display:flex}.brief-tool__fields label>span em{color:var(--slate-500);font-size:var(--text-small);font-style:normal;font-weight:500}.brief-tool__fields select,.brief-tool__fields input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;height:44px;color:var(--ink);font-size:var(--text-small);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:0 12px}.brief-tool__fields input::placeholder{color:var(--muted);opacity:1}.brief-tool__fields select:hover,.brief-tool__fields input:hover{border-color:var(--slate-500)}.brief-tool__fields select:focus-visible,.brief-tool__fields input:focus-visible{border-color:var(--focus)}.brief-tool__field--wide{grid-column:1/-1}.brief-tool__output{border-radius:var(--radius-md);background:var(--deep-purple);color:#fff;margin-top:24px;padding:20px}.brief-tool__output>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.brief-tool__output>div span{color:var(--viva-cyan);font-size:var(--text-small);font-weight:800}.brief-tool__output small{color:#bfb3d3;font-size:var(--text-small)}.brief-tool__output pre{color:#e5dfed;max-height:300px;font:inherit;font-size:var(--text-small);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#5d477d transparent;-webkit-user-select:text;user-select:text;margin:16px 0;padding:0 8px 0 0;line-height:1.62;overflow:auto}.brief-tool__output pre:focus-visible{outline-color:var(--viva-cyan);border-radius:4px}.brief-tool__copy{border-radius:var(--radius-md);min-height:44px;color:var(--viva-navy);background:var(--viva-cyan)}.brief-tool__copy:hover{background:#38dbe7}.brief-tool__copy:focus-visible{outline-color:#fff}.brief-tool__draft-bar{color:var(--muted);font-size:var(--text-small);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;line-height:1.5;display:flex}.brief-tool__draft-bar>span{align-items:center;gap:8px;display:inline-flex}.brief-tool__draft-bar button{min-height:44px;color:var(--ink-soft);font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 4px;font-weight:700;display:inline-flex}.brief-tool__draft-bar button:hover{color:var(--ink)}.brief-tool__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brief-tool__export{border-radius:var(--radius-md);color:#fff;background:0 0;border:1px solid #725b94;min-height:44px}.brief-tool__export:hover{background:#34234d;border-color:#a58dbc}.brief-tool__export:focus-visible{outline-color:#fff}@media (max-width:1060px){.brief-tool{grid-template-columns:1fr}.brief-tool__intro{min-height:430px}}@media (max-width:640px){.brief-tool{margin-top:52px}.brief-tool__intro{min-height:390px;padding:36px 24px}.brief-tool__intro h2{font-size:var(--text-h2)}.brief-tool__workspace{padding:24px 16px}.brief-tool__fields{grid-template-columns:1fr}.brief-tool__field--wide{grid-column:auto}.brief-tool__output{padding:20px 16px}.brief-tool__output>div{flex-direction:column;align-items:flex-start;gap:4px}.brief-tool__output pre{max-height:360px}.brief-tool__draft-bar{flex-direction:column;align-items:flex-start;gap:0}.brief-tool__actions{flex-direction:column;align-items:stretch}.brief-tool__actions .button{justify-content:center;width:100%}}.brief-tool__fields textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;min-height:76px;color:var(--ink);font:inherit;font-size:var(--text-small);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:12px;line-height:1.5}.brief-tool__fields textarea::placeholder{color:var(--muted);opacity:1}.brief-tool__fields textarea:hover{border-color:var(--slate-500)}.brief-tool__fields textarea:focus-visible{border-color:var(--focus)}.brief-tool__fields textarea[aria-invalid=true]{background:color-mix(in srgb, #b42318 4%, var(--surface-raised));border-color:#b42318}.brief-tool__field-error{color:#b42318;font-size:var(--text-small);font-weight:700;line-height:1.45}.brief-tool__validation{border:1px solid color-mix(in srgb, #b42318 38%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, #b42318 7%, var(--surface-raised));color:#8f1b13;font-size:var(--text-small);margin:16px 0 0;padding:12px;font-weight:700;line-height:1.5}[data-theme=dark] .brief-tool__fields textarea[aria-invalid=true]{border-color:#ffb4ab}[data-theme=dark] .brief-tool__field-error{color:#ffb4ab}[data-theme=dark] .brief-tool__validation{color:#ffd9d5}