/* Brand Brief shares the Brand Identity editor and the site's existing buttons. */
.brand-brief [hidden] { display:none !important; }
.brief-layout-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.brief-layout-controls .identity-editor-hint { margin:0; font-size:11px; }
.brief-layout-controls button { flex:0 0 auto; border:0; border-radius:6px; padding:5px 7px; background:#f7f5f9; color:#6b39f4; font:500 11px/1.5 Poppins,sans-serif; cursor:pointer; }
.brief-layout-controls button:disabled { color:#a59eaf; cursor:default; }
.brief-layout-controls button:focus-visible { outline:2px solid #6b39f4; outline-offset:2px; }
.brief-workflow-guide-step { display:flex; align-items:center; gap:8px; width:100%; min-width:0; min-height:46px; padding:4px 8px 4px 4px; border:1px solid transparent; border-radius:999px; background:transparent; color:#8a8591; font:inherit; text-align:left; }
.brief-workflow-guide button.brief-workflow-guide-step { cursor:pointer; }
.brief-workflow-guide button.brief-workflow-guide-step:hover { background:#f7f4ff; color:#6b39f4; }
.brief-workflow-guide button.brief-workflow-guide-step:focus-visible { outline:2px solid #6b39f4; outline-offset:2px; }
.brief-workflow-guide button.brief-workflow-guide-step:disabled { opacity:.5; cursor:wait; }
@media(max-width:991px) {
    .brief-workflow-guide-step { padding:8px; gap:10px; min-height:48px; }
}
.brand-brief .identity-editor-menu-heading .identity-editor-menu-button { display:inline-flex; }
.brand-brief .brief-share-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-top:16px; }
.brand-brief .brief-save-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-width:0; }
.brand-brief .brief-completed-save-actions { margin-top:16px; }
.brand-brief .brief-profile-save-hint { margin:10px 0 16px; }
.brand-brief .brief-share-actions .brief-brand-name { display:grid; gap:8px; min-width:0; margin:0; color:#6f687a; font:400 12px/1.6 Poppins,sans-serif; }
.brand-brief .brief-brand-name input { width:100%; min-width:0; height:40px; padding:9px 10px; border:1px solid #e5e0ed; border-radius:9px; background:#fff; color:#302b3c; font:inherit; }
.brand-brief .brief-brand-name input:focus { outline:0; border-color:#b9a8f6; box-shadow:none; }
.brand-brief .brief-copy-link { display:inline-flex; flex:0 0 44px; align-items:center; justify-content:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:12px; }
.brand-brief .brief-share-actions .brief-copy-link { flex-basis:40px; width:40px; height:40px; min-width:40px; min-height:40px; margin:0; padding:10px; }
.brand-brief .brief-copy-link svg { width:18px; height:18px; flex-shrink:0; }
.brand-brief .brief-share-actions .btn { min-height:40px; margin:0; padding:8px 14px; white-space:normal; }
.brand-brief .identity-editor-sidebar .brief-invitation-section { margin:20px 0; }
.brand-brief .brief-invitation-section h3,.brand-brief .brief-advanced-section h3 { margin:0; color:#302b3c; font:600 12px/1.6 Poppins,sans-serif; text-transform:none; letter-spacing:0; }
.brand-brief .brief-invitation-section > .identity-editor-fields { padding-top:10px; gap:10px; }
.brand-brief .brief-access-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.brand-brief .brief-access-actions .identity-editor-action { margin:0; padding:11px 5px; }
.brand-brief [data-brief-advanced] .identity-editor-action { margin-top:0; }
.brand-brief .brief-advanced-section { border-top:1px solid #efedf3; padding-top:16px; }
.brand-brief .brief-invite-form { display:grid; grid-template-columns:minmax(0,1fr) 40px; align-items:center; gap:8px; margin:0; }
.brand-brief .brief-invite-form button { display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:10px; }
.brand-brief .brief-invite-form button svg { width:20px; height:20px; }
.brand-brief .brief-invitation-list { margin:4px 0 0; }
.brand-brief .brief-invitation-list li { align-items:flex-start; flex-direction:column; gap:2px; padding:7px 0; border-bottom:1px solid #efedf3; }
.brand-brief .brief-invitation-list li:last-child { border-bottom:0; }
.brand-brief .brief-invitation-list time { color:#8a8493; font-size:10px; }
.brand-brief .brief-completed-invitations { margin-top:16px; }
.brief-confirm-dialog { width:min(440px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:0; border:0; border-radius:24px; background:transparent; color:#302b3c; }
.brief-confirm-dialog::backdrop { background:rgba(23,23,28,.45); backdrop-filter:blur(4px); }
.brief-confirm-dialog .confirm-modal-icon svg { width:22px; height:22px; }
.brief-confirm-dialog:not(.is-destructive) .confirm-modal-icon { background:#f3eeff; color:#6b39f4; }
.brief-confirm-dialog.mylogo-confirm-modal .modal-footer { flex-wrap:nowrap; gap:8px; padding:8px 24px 24px; }
.brief-confirm-dialog.mylogo-confirm-modal .modal-footer .btn { flex:1; min-width:0; margin:0; padding:12px 10px; font-size:13px; }
@media(min-width:701px) {
    .brand-brief.identity-editor { --brief-panel-width:540px; }
    .brand-brief .identity-editor-workspace { display:grid; grid-template-columns:0px minmax(0,1fr); overflow:hidden; transition:grid-template-columns .26s ease; }
    .brand-brief.is-settings-open .identity-editor-workspace { grid-template-columns:var(--brief-panel-width) minmax(0,1fr); }
    .brand-brief .identity-editor-sidebar { grid-column:1; grid-row:1; width:var(--brief-panel-width); min-height:0; padding-top:0; transform:translateX(-100%); visibility:hidden; transition:transform .26s ease,visibility 0s linear .26s; }
    .brand-brief.is-settings-open .identity-editor-sidebar { transform:translateX(0); visibility:visible; transition-delay:0s; }
    .brand-brief .identity-editor-stage { grid-column:2; grid-row:1; }
    .brand-brief .identity-editor-menu-heading { position:sticky; top:0; z-index:3; align-items:center; padding-top:24px; background:#fff; }
    .brand-brief .identity-editor-toolbar { display:flex; position:absolute; top:12px; left:12px; z-index:5; width:44px; min-height:44px; background:transparent; border:0; }
    .brand-brief .identity-editor-mobile-toggle { display:inline-flex; }
    .brand-brief.is-settings-open .identity-editor-toolbar { visibility:hidden; }
}
@media(min-width:701px) and (max-width:1000px) { .brand-brief.identity-editor { --brief-panel-width:360px; } }
.brand-brief:not(.is-panel-ready) .identity-editor-workspace,.brand-brief:not(.is-panel-ready) .identity-editor-sidebar,.brand-brief:not(.is-panel-ready) .identity-editor-backdrop { transition:none; }
@media(prefers-reduced-motion:reduce) { .brand-brief .identity-editor-workspace,.brand-brief .identity-editor-sidebar,.brand-brief .identity-editor-backdrop { transition:none; } }
.brand-brief-stage { overflow-y:auto; overscroll-behavior:contain; background:#faf9fb; padding:32px 32px 96px; }
.brand-brief-sheet { width:100%; max-width:940px; margin:0 auto; background:#fff; border-radius:20px; padding:40px 32px; color:#302b3c; }
.brand-brief-overview { position:relative; isolation:isolate; width:100%; max-width:940px; margin:0 auto 24px; padding:40px 32px; overflow:hidden; border-radius:20px; background:#fff; text-align:center; }
.brand-brief-overview::before { content:''; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(#6b39f409 1px,transparent 1px),linear-gradient(90deg,#6b39f409 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(#000,transparent); pointer-events:none; }
.brand-brief-overview .brand-brief-overview-kicker { color:#81798d; font-size:13px; font-weight:500; line-height:1.6; margin:0 0 12px; }
.brand-brief-overview h2 { float:none; padding:0; margin:0; color:#18171c; font-size:clamp(34px,4vw,54px); font-weight:600; line-height:1.15; letter-spacing:-.03em; text-transform:none; }
.brand-brief-overview-action { margin-top:24px; }
.brand-brief-overview-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; margin-top:24px; }
.brand-brief-overview-actions .brand-brief-overview-action { margin:0; }
.brand-brief .brief-outlined-action { background:transparent; border:1px solid var(--mlr-accent,#6b39f4); color:var(--mlr-accent,#6b39f4); box-shadow:none; }
.brand-brief .brief-outlined-action:hover,.brand-brief .brief-outlined-action:active { background:#f7f4ff; border-color:var(--mlr-accent-hover,#5b2bd8); color:var(--mlr-accent-hover,#5b2bd8); }
.brand-brief .brief-outlined-action:focus-visible { outline:2px solid var(--mlr-accent,#6b39f4); outline-offset:3px; }
.brand-brief .brief-customize-link { display:inline-block; margin:16px 0 0; padding:4px 8px; border:0; background:transparent; color:#6b39f4; font:500 13px/1.6 Poppins,sans-serif; cursor:pointer; }
.brand-brief .brief-customize-link:hover { text-decoration:underline; }
.brand-brief .brief-customize-link:focus-visible { outline:2px solid #6b39f4; outline-offset:3px; }
.brand-brief-overview .brand-brief-overview-description { max-width:680px; margin:20px auto 0; color:#6f6a7a; font-size:14px; line-height:1.8; }
.brand-brief-overview-uses { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:720px; margin:24px auto 0; text-align:left; }
.brand-brief-overview-use { min-width:0; padding:20px; border:1px solid #eee9f7; border-radius:14px; background:#ffffffb3; }
.brand-brief-overview-use h3 { float:none; padding:0; margin:0 0 8px; color:#6b39f4; font-size:15px; font-weight:600; line-height:1.5; letter-spacing:0; text-transform:none; }
.brand-brief-overview-use p { margin:0; color:#6f6a7a; font-size:13px; line-height:1.8; }
.brand-brief-overview-benefits { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 24px; list-style:none; padding:0; margin:24px 0 0; color:#898292; font-size:10px; line-height:1.7; }
.brand-brief-overview-benefits li { display:flex; align-items:baseline; gap:6px; }
.brand-brief-overview-benefits span { color:#9983c6; }
@media(max-width:700px) { .brand-brief-overview {padding:28px 20px; border-radius:16px; margin-bottom:16px;} .brand-brief-overview .brand-brief-overview-kicker {font-size:12px;} .brand-brief-overview .brand-brief-overview-description {font-size:13px; margin-top:16px;} .brand-brief-overview-benefits {gap:8px 16px; margin-top:20px;} }
@media(max-width:700px) { .brand-brief-overview-uses {grid-template-columns:minmax(0,1fr); gap:12px; margin-top:20px;} .brand-brief-overview-use {padding:16px;} }
.brand-brief-public { padding:32px 0 0; background:#faf9fb; }
.brand-brief-public .brand-brief-stage { overflow:visible; }
.brand-brief-intro { padding:0 25px 28px; margin-bottom:24px; border-bottom:1px solid #efedf3; }
.brand-brief-intro-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 24px; margin-bottom:28px; }
.brand-brief-eyebrow { flex:0 0 auto; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#8a8493; margin:0; }
.brand-brief-designer { display:flex; align-items:center; gap:12px; min-width:0; max-width:100%; color:#81798d; font-size:12px; line-height:1.7; margin:0 0 0 auto; }
.brand-brief-designer img { flex-shrink:0; width:35px; height:35px; border-radius:50%; object-fit:cover; }
.brand-brief-designer > span { min-width:0; overflow-wrap:anywhere; }
.brand-brief-designer strong { display:block; color:#302b3c; font-weight:600; }
.brand-brief-intro h1 { font-size:clamp(28px,3vw,42px); font-weight:600; line-height:1.2; letter-spacing:-.03em; margin:0 0 16px; }
.brand-brief-intro h2 { font-size:16px; font-weight:500; margin:0 0 12px; letter-spacing:0; line-height:1.5; text-transform:none; }
.brand-brief-intro > p:not(.brand-brief-eyebrow) { font-size:14px; line-height:1.8; color:#81798d; white-space:pre-line; margin-bottom:8px; }
@media(max-width:700px) { .brand-brief-intro-meta {flex-direction:column; align-items:flex-start; gap:16px; margin-bottom:24px;} .brand-brief-designer {margin-left:0;} }
[data-brief-questions] { display:grid; gap:16px; }
.brief-question { border:0; border-radius:16px; margin:0; padding:25px; min-width:0; background:#fff; }
.brand-brief .brief-question h2 { float:none; width:100%; padding:0; margin:0 0 4px; font-size:16px; font-weight:600; line-height:1.4; text-transform:none; letter-spacing:0; color:#302b3c; }
.brand-brief .brief-question .brief-section-heading { font-size:23px; }
.brief-question-help { font-size:12px; line-height:1.6; color:#8a8493; margin:0 0 8px; }
.brief-question > :last-child { margin-bottom:0; }
.brief-question .form-control { border:1px solid #e8e4ee; border-radius:12px; background:#faf9fc; color:#302b3c; padding:13px 16px; font:400 14px/1.7 Poppins,sans-serif; width:100%; min-width:0; }
.brief-question textarea { resize:vertical; min-height:110px; }
.brief-question .form-control:focus { border-color:#af95ed; box-shadow:0 0 0 3px #6b39f412; }
.brief-answer { font-size:14px; line-height:1.9; margin:12px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; color:#66606e; }
.brief-choice-list { display:grid; gap:10px; margin-top:8px; }
.brief-choice { display:flex; align-items:flex-start; gap:12px; font-size:14px; font-weight:400; color:#66606e; cursor:pointer; }
.brand-brief input[type=checkbox],.brand-brief input[type=radio] { accent-color:#6b39f4; flex:0 0 auto; width:17px; height:17px; margin-top:3px; }
.brief-module { display:grid; grid-template-columns:28px minmax(0,1fr); gap:4px; align-items:start; border-radius:8px; padding:3px !important; min-height:44px; }
.brief-module.is-selected { background:#f5f1ff; }
.brief-module.is-transitioning { overflow:hidden; }
.brief-modules-section { border-top:1px solid #efedf3; padding:16px 0; }
.brief-modules-section > .identity-editor-fields { padding-top:0; }
.brand-brief .brief-module-add > label { font-size:12px; }
.brief-module-add { display:grid; gap:12px; }
.brief-module-add-row { display:grid; grid-template-columns:minmax(0,1fr) 36px; align-items:center; gap:8px; }
.brief-module-add-button { display:flex; align-items:center; justify-content:center; width:36px; height:40px; padding:8px; border:0; background:transparent; color:#6b39f4; cursor:pointer; }
.brief-module-add-button svg { display:block; width:20px; height:20px; }
.brief-type-picker { position:relative; min-width:0; }
.brief-type-trigger,.brief-type-option { display:grid; grid-template-columns:38px minmax(0,1fr) 12px; gap:10px; align-items:center; width:100%; min-width:0; border:0; background:transparent; color:#302b3c; font:400 12px/1.5 Poppins,sans-serif; text-align:left; cursor:pointer; }
.brief-type-trigger { min-height:56px; padding:10px 12px; border:1px solid #e2d6f3; border-radius:12px; background:#fff; transition:border-color .16s,box-shadow .16s; }
.brief-type-trigger:hover,.brief-type-trigger[aria-expanded="true"] { border-color:#b69cff; box-shadow:0 0 0 3px #6b39f412; }
.brief-type-name { min-width:0; overflow-wrap:anywhere; }
.brief-type-chevron { font-size:10px; color:#8a8493; transition:transform .18s; }
.brief-type-trigger[aria-expanded="true"] .brief-type-chevron { transform:rotate(180deg); }
.brief-type-menu { position:absolute; top:calc(100% + 8px); left:0; z-index:20; width:calc(100% + 44px); max-height:360px; padding:6px; overflow-y:auto; overscroll-behavior:contain; border:1px solid #e9e5ef; border-radius:14px; background:#fff; box-shadow:0 12px 30px #29233315; scrollbar-width:none; }
.brief-type-menu::-webkit-scrollbar { display:none; }
.brief-type-picker.opens-up .brief-type-menu { top:auto; bottom:calc(100% + 8px); }
.brief-type-option { min-height:52px; padding:8px 10px; border-radius:8px; }
.brief-type-option:hover { background:#f7f5f9; }
.brief-type-option[aria-selected="true"] { background:#f1eaff; }
.brief-type-option:focus-visible { outline:2px solid #b69cff; outline-offset:-2px; background:#f7f5f9; }
.brief-type-check { color:#6b39f4; font-size:10px; visibility:hidden; }
.brief-type-option[aria-selected="true"] .brief-type-check { visibility:visible; }
@media(prefers-reduced-motion:reduce) { .brief-type-trigger,.brief-type-chevron {transition:none;} }
.brief-module-grip,.brief-module-select { border:0; background:transparent; padding:10px 5px; color:#81798d; }
.brief-module-grip { touch-action:none; cursor:grab; font-size:21px; width:28px; flex:0 0 28px; }
.brief-module-select { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; min-width:0; font-size:11px; line-height:1.6; text-align:left; overflow-wrap:anywhere; }
.brief-module-preview { display:flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:32px; border-radius:6px; background:#f5f1ff; color:#6b39f4; }
.brief-module-preview svg { display:block; width:32px; height:26px; }
.brief-module.is-selected .brief-module-preview { background:#ece4ff; }
.brief-module-copy { display:grid; gap:2px; flex:1; min-width:0; }
.brief-module-title { display:block; }
.brief-module-type { display:block; font-size:9px; font-weight:400; line-height:1.5; color:#8a8493; }
.brief-module-select i {flex:0 0 auto;font-size:9px;transition:transform .2s;}
.brief-module-select[aria-expanded="true"] i {transform:rotate(180deg);}
.brief-module-editor {grid-column:1/-1;padding:12px 10px 16px;margin:0 !important;border-top:1px solid #e8e4ee;}
.brief-module-editor > label {min-width:0;}
.brand-brief .brief-axis-editor {border:1px solid #e8e4ee;border-radius:8px;padding:0;margin:0 0 10px;background:#fff;}
.brand-brief .brief-axis-editor > summary {padding:12px;font-size:11px;}
.brand-brief .brief-axis-editor > .identity-editor-fields {padding:0 12px 12px;}
.brief-module.is-dragging { box-shadow:0 4px 14px #302b3c1a; background:#f5f1ff; }
.brief-personality { display:grid; gap:28px; padding-top:0; }
.brief-personality-heading { margin-bottom:10px; font-size:13px; }
.brief-personality-copy { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; min-width:0; }
.brief-personality-heading label { font-weight:500; color:#302b3c; margin:0; }
.brief-personality-note { flex:1 1 240px; min-width:0; font-size:11px; line-height:1.6; color:#8a8493; overflow-wrap:anywhere; }
.brief-personality-axis input[type=range] { display:block; appearance:none; width:100%; height:6px; padding:0; margin:14px 0 12px; border:0; border-radius:8px; background:repeating-linear-gradient(to right,#ddd5ec 0,#ddd5ec 2px,transparent 2px,transparent 25%),#f0ecf6; cursor:pointer; }
.brief-personality-axis input[type=range]::-webkit-slider-thumb { appearance:none; width:28px; height:28px; border:2px solid #6b39f4; border-radius:9px; background:#fff; box-shadow:0 3px 10px #47238d14; }
.brief-personality-axis input[type=range]::-moz-range-thumb { width:25px; height:25px; border:2px solid #6b39f4; border-radius:9px; background:#fff; }
.brief-personality-axis input[data-answered="0"] { opacity:.5; }
.brief-personality-axis input:disabled { cursor:default; opacity:.8; }
.brief-personality-labels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:baseline; gap:8px; font-size:11px; line-height:1.6; color:#8a8493; }
.brief-personality-labels > * { min-width:0; overflow-wrap:anywhere; }
.brief-personality-labels output { color:#81798d; text-align:center; }
.brief-personality-axis:has(input[data-answered="1"]) .brief-personality-labels output { color:#6b39f4; }
.brief-personality-labels > span:last-child { text-align:right; }
.brief-palette-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.brief-palette-option { display:block; width:100%; border:1px solid #e8e4ee; border-radius:12px; overflow:hidden; background:#fff; text-align:left; padding:0; cursor:pointer; margin:0 0 12px; color:#66606e; }
.brief-palette-option > span:not(.brief-palette-strip),.brief-palette-option > small { display:block; font-size:12px; padding:10px 12px; line-height:1.6; }
.brief-palette-option > small { font-size:10px; padding-top:0; color:#8a8493; }
.brief-palette-strip { display:flex; height:58px; width:100%; }
.brief-palette-strip > span { flex:1; }
.brief-palette-answer { cursor:default; }
.brief-palette-caption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 16px; padding:12px 14px; font-size:12px; line-height:1.6; }
.brief-palette-caption > span { min-width:0; overflow-wrap:anywhere; }
.brief-palette-caption .btn { flex-shrink:0; padding:8px 14px; font-size:12px; }
.brief-palette-swatch { position:relative; margin:0; border:0; border-radius:20px; }
.brief-palette-swatch .brief-palette-strip { height:auto; aspect-ratio:4/3; }
.brief-palette-swatch input[type=radio] { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.brief-palette-swatch::after { content:''; position:absolute; inset:0; border:3px solid transparent; border-radius:inherit; pointer-events:none; transition:border-color .15s ease; }
.brief-palette-swatch:has(input:checked)::after { border-color:#6b39f4; }
.brief-palette-swatch:has(input:focus-visible)::after { outline:2px dashed #6b39f4; outline-offset:-7px; }
.brief-palette-browser { position:relative; display:flex; flex-direction:column; container-type:inline-size; min-width:0; border:0; padding:0; background:transparent; }
.brief-palette-toolbar { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.brief-palette-search.profile-project-search { flex:0 1 300px; width:300px; max-width:100%; margin:0; }
.brief-palette-search.profile-project-search:focus-within { box-shadow:none; }
.brief-palette-search input:focus,.brief-palette-search input:focus-visible { outline:none; box-shadow:none !important; }
.brief-palette-more { display:block; margin:0 auto; padding:8px 12px; border:0; background:transparent; color:#6b39f4; font:400 12px/1.7 Poppins,sans-serif; cursor:pointer; }
.brief-palette-more:hover { text-decoration:underline; }
.brief-palette-more:disabled { opacity:.5; cursor:wait; }
.brief-palette-more:focus-visible { outline:2px solid #6b39f4; outline-offset:2px; border-radius:4px; }
.brief-palette-clear { flex:0 0 auto; border:0; padding:0; color:#6b39f4; background:transparent; font:400 11px/1.6 Poppins,sans-serif; cursor:pointer; }
/* Two full rows of 4:3 swatches in three columns take half the browser width. */
.brief-palette-results { flex:none; height:50cqw; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0; }
.brand-brief .identity-editor-sidebar,.brief-palette-results { scrollbar-width:none; scrollbar-gutter:auto; }
.brand-brief .identity-editor-sidebar::-webkit-scrollbar,.brief-palette-results::-webkit-scrollbar { display:none; width:0; height:0; }
.brief-palette-results .brief-palette-option { margin:0; }
.brief-palette-results .brief-palette-grid { margin-bottom:14px; }
.brief-palette-clear:focus-visible { outline:2px solid #6b39f4; outline-offset:2px; }
.brand-brief-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; margin-top:32px; }
.brand-brief-privacy { color:#8a8493; font-size:11px; line-height:1.7; margin:24px 0 0; }
.brand-brief .identity-editor-sidebar .btn { font-size:12px; }
.brand-brief .identity-editor-menu-button i { font-size:17px; }
@media(max-width:1000px) { .brand-brief-stage {padding:24px 24px 96px;} .brand-brief-sheet {padding:32px 24px;} }
@media(max-width:700px) { .brand-brief-stage {padding:16px 16px 48px;} .brand-brief-sheet {padding:28px 12px; border-radius:16px;} .brand-brief-intro {padding:0 17px 24px; margin-bottom:20px;} .brand-brief-public {padding:0;} .brief-palette-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;} .brief-palette-swatch {border-radius:16px;} .brand-brief-actions .btn {flex:1;} .brand-brief-intro h1 {font-size:28px;} [data-brief-questions] {gap:12px;} .brief-question {padding:21px 17px; border-radius:14px;} }
/* With two columns, include the remaining quarter of the 12px row gap. */
@media(max-width:700px) { .brief-palette-results {height:calc(75cqw + 3px);} }

/* PDF sheets use fixed A4 proportions and the same website type styles. */
.brief-pdf-output { position:fixed; left:-20000px; top:0; width:794px; visibility:hidden; z-index:-1; font-family:Poppins,Arial,sans-serif; color:#302b3c; }
.brief-pdf-page { position:relative; box-sizing:border-box; width:794px; height:1123px; padding:54px 56px 72px; background:#fff; overflow:hidden; }
.brief-pdf-header { margin-bottom:24px; border-bottom:1px solid #e8e4ee; padding-bottom:18px; }
.brief-pdf-header h1 { font-size:27px; font-weight:600; line-height:1.4; letter-spacing:-.02em; margin:0 0 12px; overflow-wrap:anywhere; }
.brief-pdf-header p { font-size:11px; line-height:1.7; margin:0 0 4px; color:#81798d; }
.brief-pdf-kicker { letter-spacing:.12em; color:#6b39f4 !important; margin-bottom:12px !important; }
.brief-pdf-question { padding:0 0 18px; margin-bottom:18px; border-bottom:1px solid #efedf3; }
.brief-pdf-question h2 { font-size:14px; line-height:1.7; font-weight:600; text-transform:none; letter-spacing:0; margin:0 0 10px; overflow-wrap:anywhere; }
.brief-pdf-answer { font-size:12px; line-height:1.9; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; color:#66606e; }
.brief-pdf-footer { position:absolute; left:56px; right:56px; bottom:32px; padding-top:12px; border-top:1px solid #e8e4ee; color:#8a8493; font-size:10px; }
.brief-pdf-palette { margin-bottom:14px; }
.brief-pdf-palette h3 { font-size:12px; font-weight:500; text-transform:none; letter-spacing:0; margin:0 0 8px; line-height:1.5; }
.brief-pdf-swatches { display:flex; gap:5px; }
.brief-pdf-swatch { flex:1; min-width:0; }
.brief-pdf-swatch > span { display:block; height:36px; border:1px solid #e8e4ee; }
.brief-pdf-swatch small { font-size:8px; line-height:1.6; display:block; margin-top:4px; }

.brand-brief .identity-editor-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.brief-pdf-swatches {flex-wrap:wrap;}
.brief-pdf-swatch {flex:0 0 calc(25% - 5px);}

.brand-brief .identity-editor-sidebar select {width:100%;min-width:0;border:1px solid #e8e4ee;border-radius:9px;background:#fff;padding:10px 12px;color:#292433;font:400 12px/1.6 Poppins,sans-serif;box-shadow:none;}
.brief-update-note {margin-top:24px;padding:16px 20px;border:1px solid #e8e0fb;border-radius:12px;background:#faf8ff;color:#302b3c;}
.brief-update-note strong {font-size:13px;color:#6b39f4;}
.brief-update-note p {margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.brief-followup-dialog {width:min(620px,calc(100% - 32px));max-width:620px;max-height:85vh;overflow:auto;padding:0;}
.brief-followup-dialog .modal-body {text-align:left;}
.brief-followup-dialog label {display:block;font-size:13px;font-weight:500;margin:20px 0 8px;}
.brief-followup-dialog textarea {width:100%;box-sizing:border-box;min-height:110px;padding:12px;border:1px solid #e8e4ee;border-radius:10px;font:400 13px/1.7 Poppins,sans-serif;resize:vertical;}
.brief-history-dialog {width:min(760px,calc(100% - 32px));max-width:760px;}
.brief-history-dialog section {padding:18px 0;border-top:1px solid #efedf3;}
.brief-history-dialog h5 {font-size:14px;line-height:1.6;margin:0 0 8px;text-transform:none;letter-spacing:0;}
.brief-history-dialog p {font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;}
.brief-history-brand {margin:0 0 20px !important;font-weight:600;}
.brief-submission-history .identity-editor-action {text-align:left;font-size:11px;}

.brief-contact-details { padding:16px 0; border-top:1px solid #efedf3; }
.brief-contact-details h2 { margin:0 0 10px; font-size:12px; text-transform:none; letter-spacing:0; }
.brief-contact-details p { margin:0 0 5px; font-size:12px; color:#81798d; overflow-wrap:anywhere; }
.brief-contact-details a { color:inherit; }

/* Brand form templates and reusable enquiries share the existing form editor. */
.brand-form-chooser { max-width:1000px; padding-top:56px; padding-bottom:72px; }
.brand-form-chooser > header { margin:28px 0 32px; }
.brand-form-chooser-kicker { margin:0 0 12px; color:#8a8493; font-size:13px; }
.brand-form-chooser h1 { margin:0 0 18px; color:#26212f; font-size:clamp(32px,4vw,48px); font-weight:600; letter-spacing:-.03em; }
.brand-form-chooser header > p:last-child { max-width:720px; color:#766f80; font-size:15px; line-height:1.8; }
.brand-form-templates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.brand-form-template { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:24px; border:1px solid #e9e4ef; border-radius:18px; background:#fcfbfe; color:#302b3c; text-align:left; font-family:Poppins,sans-serif; cursor:pointer; }
.brand-form-template:hover { border-color:#bba6f6; background:#f8f5ff; }
.brand-form-template:disabled { cursor:wait; opacity:.65; }
.brand-form-template strong { font-size:17px; font-weight:600; }
.brand-form-template > span { font-size:13px; line-height:1.7; color:#8a8493; }
.brand-form-template .brand-form-template-cta { padding-top:8px; margin-top:auto; color:#6b39f4; font-weight:500; }
.service-form-back { border:0; background:transparent; padding:0; color:#6b39f4; font:500 13px/1.7 Poppins,sans-serif; text-decoration:none; cursor:pointer; }
.service-form-back:hover { color:#5123c9; text-decoration:underline; }
.service-form-editor-settings > .service-form-back { display:inline-block; margin:0 0 20px; }
.brand-form-private-link { display:inline-block; margin-top:28px; }
.service-form-contact { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:8px; }
.service-form-contact h2 label { margin:0; font:inherit; }
.service-form-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.brand-form-chooser :focus-visible { outline:2px solid #6b39f4; outline-offset:4px; }
@media(max-width:600px) { .brand-form-chooser { padding-top:32px; padding-bottom:48px; } .brand-form-templates,.service-form-contact { grid-template-columns:minmax(0,1fr); } .service-form-contact { gap:0; } }