html.sq-tools-document{margin-top:0!important;background:#f3f5f7}
body.sq-tools-body{margin:0!important;background:#f3f5f7!important;color:#173750}
#sqaq-studio.sq-tools-app{min-height:100dvh;background:#f3f5f7;font-family:Manrope,Arial,sans-serif;color:#173750}
#sqaq-studio .sq-tools-bar{height:76px;display:flex;align-items:center;gap:28px;padding:0 28px;background:#fff;border-bottom:1px solid #dfe5e9;box-sizing:border-box}
#sqaq-studio .sq-tools-logo{display:flex;flex:none;align-items:center;width:130px;text-decoration:none;font-size:30px;color:#173750}
#sqaq-studio .sq-tools-logo img{width:130px;height:auto;display:block}
#sqaq-studio .sq-tools-bar nav{display:flex;gap:7px;align-items:center;flex:1}
#sqaq-studio .sq-tools-bar nav a{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 14px;box-sizing:border-box;color:#4b6170;font-size:12px;font-weight:600;border-radius:8px;text-decoration:none;white-space:nowrap}
#sqaq-studio .sq-tools-bar svg{width:20px;height:20px;flex:none}
#sqaq-studio .sq-tools-bar nav a:hover{background:#f1f4f6;color:#173750}
#sqaq-studio .sq-tools-bar nav a[aria-current]{color:#173750;background:#e9eff3}
#sqaq-studio .sq-tools-account{font-size:12px;color:#173750;font-weight:600;background:#f0e8d9;border-radius:8px;padding:12px 16px;text-decoration:none;white-space:nowrap}
#sqaq-studio .sq-tools-main{padding:22px 28px 26px;max-width:none;margin:0}
#sqaq-studio .sq-tools-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}
#sqaq-studio .sq-tools-title h1{font:600 23px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 6px;padding:0;color:#173750}
#sqaq-studio .sq-tools-title p{font-size:12px;line-height:1.7;margin:0;color:#526a79}
#sqaq-studio .sq-tools-title>a{font-size:11px;color:#4b6170;text-decoration:none}
#sqaq-studio .sq-tool-mobile-views{display:none}
#sqaq-studio .sq-creative-workspace,#sqaq-studio .sq-workspace-audit{display:grid;width:100%;max-width:none;margin:0;grid-template-columns:390px minmax(0,1fr);gap:20px;border-radius:0;background:none;box-shadow:none;overflow:visible;align-items:start}
#sqaq-studio .sq-creative-workspace>form,#sqaq-studio .sq-workspace-audit>form{display:grid;grid-template-columns:1fr;gap:19px;padding:24px;border:1px solid #dfe5e9;border-radius:12px;background:#fff;color:#173750;max-height:calc(100dvh - 190px);overflow:auto;box-sizing:border-box}
#sqaq-studio .sq-creative-workspace .sq-brief-heading h2{font-size:16px;line-height:1.4;letter-spacing:-.01em;margin:0 0 6px;color:#173750}
#sqaq-studio .sq-creative-workspace .sq-brief-heading>p{font-size:11px;color:#526a79;line-height:1.7;margin:0}
#sqaq-studio .sq-creative-workspace .sq-brief-number{display:none}
#sqaq-studio .sq-brief-group{gap:14px}
#sqaq-studio .sq-brief-group legend{font-size:12px;margin:0 0 12px;padding-top:4px;font-weight:700}
#sqaq-studio .sq-brief-group legend>span{display:none}
#sqaq-studio .sq-brief-pair{grid-template-columns:1fr}
#sqaq-studio .sq-creative-workspace label,#sqaq-studio .sq-workspace-audit .sq-ai-check,#sqaq-studio .sq-workspace-audit .sq-audit-url{font-size:12px;line-height:1.6;color:#173750}
#sqaq-studio .sq-creative-workspace :is(input:not([type=checkbox]),select,textarea){font:400 13px/1.6 Manrope,Arial,sans-serif;min-height:44px;padding:11px 12px;background:#fff;border:1px solid #cbd5dc;border-radius:7px;color:#173750}
#sqaq-studio .sq-creative-workspace textarea{min-height:105px}
#sqaq-studio .sq-creative-workspace .sq-ai-note{color:#526a79;font-size:10px;line-height:1.8}
#sqaq-studio .sq-creative-workspace .sq-brief-submit{display:grid;gap:10px;max-width:none}
#sqaq-studio .sq-creative-workspace .sq-button{width:100%;border-radius:8px;background:#173750;color:#fff;min-height:45px;font-size:12px;padding:12px 18px;justify-content:center}
#sqaq-studio .sq-creative-workspace .sq-button:disabled{background:#667e8f;opacity:1;color:#fff}
#sqaq-studio .sq-creative-workspace [data-ai-status]{font-size:11px;color:#526a79;line-height:1.8;margin:0}
#sqaq-studio .sq-creative-workspace .sq-ai-canvas{display:flex;flex-direction:column;min-height:calc(100dvh - 190px);max-height:calc(100dvh - 190px);overflow:auto;background:#e9edf0;background-image:radial-gradient(#cbd4db .7px,transparent .7px);background-size:12px 12px;padding:24px;border:1px solid #d5dee5;border-radius:12px;box-sizing:border-box;color:#173750}
#sqaq-studio .sq-creative-workspace [data-ai-result]{width:100%;max-width:900px;padding:0;margin:auto;text-align:center}
#sqaq-studio .sq-app-empty{padding:35px 25px;max-width:370px;margin:auto;background:#ffffffc9;border-radius:12px;text-align:center}
#sqaq-studio .sq-app-empty>svg{width:40px;height:40px;color:#657e90;margin:0 0 13px}
#sqaq-studio .sq-app-empty h3{font-size:16px;line-height:1.4;margin:0 0 10px;color:#173750;letter-spacing:0}
#sqaq-studio .sq-app-empty p{font-size:12px;line-height:1.8;color:#526a79;margin:0}
#sqaq-studio .sq-creative-workspace .sq-ai-canvas-footer{margin:22px 0 0;padding:0;flex:none;color:#526a79;font-size:10px}
#sqaq-studio .sq-creative-workspace .sq-ai-canvas-footer a{color:#173750}
#sqaq-studio .sq-creative-workspace [data-ai-result]>img{max-height:calc(100dvh - 310px);object-fit:contain;border-radius:4px;margin-bottom:15px}
#sqaq-studio .sq-creative-workspace .sq-ai-answer{background:#fff;border:1px solid #dfe5e9;border-radius:10px;padding:28px;color:#173750;font-size:14px}
#sqaq-studio .sq-tool-access{max-width:600px;margin:50px auto;padding:32px;background:#fff;border:1px solid #dfe5e9;border-radius:12px}
#sqaq-studio .sq-tool-access h2{font-size:23px}
#sqaq-studio .sq-tool-access p{font-size:14px}
#sqaq-studio .sq-design-app{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;padding:0;background:none;align-items:start}
#sqaq-studio .sq-design-controls{border:1px solid #dfe5e9;background:#fff;padding:23px;border-radius:12px;max-height:calc(100dvh - 190px);overflow:auto}
#sqaq-studio .sq-design-controls>.sq-brief-number{display:none}
#sqaq-studio .sq-design-controls h2{font-size:16px;letter-spacing:0;line-height:1.4;margin:0 0 20px}
#sqaq-studio .sq-design-field{font-size:12px}
#sqaq-studio .sq-design-field :is(input,select,textarea){font-size:12px;border-color:#cbd5dc!important;border-radius:7px!important;min-height:43px}
#sqaq-studio .sq-design-more{background:#f3f5f7;border-radius:8px;padding:13px}
#sqaq-studio .sq-design-output{position:static;max-height:calc(100dvh - 190px);min-height:calc(100dvh - 190px);overflow:auto;background:#e9edf0;background-image:radial-gradient(#cbd4db .7px,transparent .7px);background-size:12px 12px;padding:24px;border:1px solid #d5dee5;border-radius:12px}
#sqaq-studio .sq-design-preview{min-height:200px;padding:25px;background:transparent;border-radius:4px}
#sqaq-studio .sq-design-preview>svg{max-height:calc(100dvh - 430px);box-shadow:0 6px 22px #17375015}
#sqaq-studio .sq-design-downloads button,#sqaq-studio .sq-design-controls>.sq-button{border-radius:8px;font-size:12px;min-height:43px;padding:12px 18px}
#sqaq-studio .sq-design-status,#sqaq-studio .sq-design-local{font-size:11px;line-height:1.8}
#sqaq-studio.sq-tools-app :is(a,button,input,select,textarea):focus-visible{outline:2px solid #173750;outline-offset:3px}
@media(max-width:1100px){#sqaq-studio .sq-tools-bar{gap:18px;padding:0 20px}#sqaq-studio .sq-tools-bar nav a{padding:9px 10px;font-size:11px;gap:7px}#sqaq-studio .sq-tools-logo,#sqaq-studio .sq-tools-logo img{width:110px}#sqaq-studio .sq-creative-workspace,#sqaq-studio .sq-workspace-audit{grid-template-columns:350px minmax(0,1fr)}}
@media(max-width:760px){#sqaq-studio .sq-tools-bar{height:auto;display:grid;grid-template-columns:1fr auto;padding:12px 16px 0;gap:12px}#sqaq-studio .sq-tools-logo,#sqaq-studio .sq-tools-logo img{width:100px}#sqaq-studio .sq-tools-account{grid-column:2;grid-row:1;font-size:11px;padding:10px 13px}#sqaq-studio .sq-tools-bar nav{grid-column:1/-1;display:flex;overflow:auto;gap:3px;width:100%;padding:0 0 10px}#sqaq-studio .sq-tools-bar nav a{padding:9px 11px;font-size:11px;gap:7px}#sqaq-studio .sq-tools-bar svg{width:17px;height:17px}#sqaq-studio .sq-tools-main{padding:20px 16px}#sqaq-studio .sq-tools-title{margin:0 0 18px;display:block}#sqaq-studio .sq-tools-title h1{font-size:21px}#sqaq-studio .sq-tools-title>a{display:none}#sqaq-studio .sq-tools-title p{font-size:11px}#sqaq-studio .sq-tool-mobile-views{display:flex;gap:5px;background:#e3e9ed;padding:4px;border-radius:9px;margin-bottom:14px}#sqaq-studio .sq-tool-mobile-views button{flex:1;font:600 12px/1.5 Manrope,Arial,sans-serif;padding:10px;border:0;border-radius:7px;background:none;color:#526a79}#sqaq-studio .sq-tool-mobile-views button[aria-pressed=true]{background:#fff;color:#173750;box-shadow:0 2px 5px #17375012}#sqaq-studio .sq-creative-workspace,#sqaq-studio .sq-workspace-audit{display:flex;flex-direction:column;gap:14px}#sqaq-studio .sq-creative-workspace>form{padding:22px;width:100%;max-height:none;overflow:visible}#sqaq-studio .sq-creative-workspace .sq-ai-canvas{width:100%;min-height:430px;max-height:none;padding:20px}#sqaq-studio .sq-tool-enhanced[data-active-view=inputs] .sq-ai-canvas{display:none}#sqaq-studio .sq-tool-enhanced[data-active-view=result] [data-ai-form]{display:none}#sqaq-studio .sq-creative-workspace [data-ai-result]>img{max-height:none}#sqaq-studio .sq-design-app{display:flex;padding:0;gap:15px}#sqaq-studio .sq-design-controls{max-height:none;width:100%;overflow:visible}#sqaq-studio .sq-design-output{min-height:0;max-height:none;width:100%;padding:20px}#sqaq-studio .sq-design-preview{padding:7px}#sqaq-studio .sq-design-preview>svg{max-height:500px}#sqaq-studio .sq-tool-access{margin:20px 0;padding:25px}}

@media(max-width:760px){#sqaq-studio .sq-tool-enhanced[data-active-view=inputs] .sq-design-output{display:none}#sqaq-studio .sq-tool-enhanced[data-active-view=result] .sq-design-controls{display:none}}

#sqaq-studio .sq-tool-lifetime{font-size:11px;line-height:1.8;color:#36596d;background:#edf3f6;padding:12px 14px;border-radius:8px;margin:0}
@media(max-width:760px){#sqaq-studio .sq-tools-bar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:4px}#sqaq-studio .sq-tools-bar nav a{min-width:0;white-space:normal}#sqaq-studio .sq-creative-workspace :is(input:not([type=checkbox]),select,textarea){font-size:16px}}

#sqaq-studio .sq-audit-report{white-space:normal;text-align:left;max-width:900px;margin:auto}
#sqaq-studio .sq-audit-report h3{font-size:21px;line-height:1.4;letter-spacing:-.02em;margin:28px 0 14px;color:#173750}
#sqaq-studio .sq-audit-report h3:first-child{margin-top:0}
#sqaq-studio .sq-audit-report h4{font-size:16px;line-height:1.5;letter-spacing:0;margin:23px 0 12px;color:#173750}
#sqaq-studio .sq-audit-report p,#sqaq-studio .sq-audit-report li{font-size:13px;line-height:1.85;color:#365769;margin:0 0 12px}
#sqaq-studio .sq-audit-report ul{padding-left:20px;margin:0 0 20px}
#sqaq-studio .sq-audit-report strong{font-weight:700;color:#173750}
.sq-site .sq-saved-tool-open{margin-top:12px}

#sqaq-studio .sq-audit-facts{background:#fff;border:1px solid #d5dee5;border-radius:10px;padding:18px 22px;text-align:left;max-width:900px;margin:0 auto 16px;box-sizing:border-box}
#sqaq-studio .sq-audit-facts summary{font-size:13px;font-weight:700;cursor:pointer}
#sqaq-studio .sq-audit-facts dl{display:grid;grid-template-columns:minmax(130px,.5fr) minmax(0,1.5fr);gap:12px 20px;margin:20px 0 0}
#sqaq-studio .sq-audit-facts dt{font-size:11px;font-weight:700;color:#173750;line-height:1.8}
#sqaq-studio .sq-audit-facts dd{font-size:12px;line-height:1.8;color:#365769;margin:0;overflow-wrap:anywhere}
@media(max-width:760px){#sqaq-studio .sq-audit-facts dl{grid-template-columns:1fr;gap:5px}#sqaq-studio .sq-audit-facts dd{margin-bottom:12px}}

/* Long reports must begin inside the scroll region, never be centred above it. */
#sqaq-studio .sq-creative-workspace .sq-ai-canvas{justify-content:flex-start}
#sqaq-studio .sq-creative-workspace [data-ai-result]{flex:0 0 auto;margin:0 auto}
#sqaq-studio .sq-creative-workspace [data-ai-result]>img{max-height:calc(100dvh - 350px)}
@media(max-width:760px){#sqaq-studio .sq-creative-workspace [data-ai-result]>img{max-height:none}}
/* Application workspace: compact controls, a real artboard and persistent output controls. */
#sqaq-studio.sq-tools-app{background:#e7ecee}
#sqaq-studio .sq-tools-bar{height:66px;border-bottom:1px solid #cad4d8;background:#fff}
#sqaq-studio .sq-tools-main{padding:18px 22px 22px}
#sqaq-studio .sq-tools-title h1{font-size:21px}
#sqaq-studio .sq-design-app{grid-template-columns:310px minmax(0,1fr);gap:18px}
#sqaq-studio .sq-design-controls{padding:20px;border-radius:10px;max-height:calc(100dvh - 165px)}
#sqaq-studio .sq-design-controls h2{font-size:18px;margin-bottom:12px}
#sqaq-studio .sq-editor-intro210{font-size:11px;line-height:1.7;color:#5b7380;margin:0 0 22px}
#sqaq-studio .sq-design-field{display:block;margin-bottom:15px}
#sqaq-studio .sq-design-field>span{display:block;font-size:11px;font-weight:650;margin-bottom:6px}
#sqaq-studio .sq-design-more{border:0;border-top:1px solid #dfe5e6;background:none;border-radius:0;padding:16px 0;margin:4px 0}
#sqaq-studio .sq-design-more summary{font-size:12px;cursor:pointer;list-style:disclosure-closed;padding:0}
#sqaq-studio .sq-design-more[open] summary{margin-bottom:18px;list-style:disclosure-open}
#sqaq-studio .sq-design-more p{font-size:10px;line-height:1.7}
#sqaq-studio .sq-design-output{padding:0 24px 22px;max-height:calc(100dvh - 165px);min-height:calc(100dvh - 165px);border:1px solid #cbd6da;background-color:#e0e7ea;background-image:radial-gradient(#bdcbd1 .65px,transparent .65px);background-size:12px 12px;border-radius:10px;overflow:auto}
#sqaq-studio .sq-editor-toolbar210{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;margin:0 -24px 18px;background:#ffffffed;border-bottom:1px solid #d2dce0;backdrop-filter:blur(8px)}
#sqaq-studio .sq-editor-toolbar210 strong{font-size:12px;font-weight:650}
#sqaq-studio .sq-editor-toolbar210 span{font-size:10px;color:#617b84}
#sqaq-studio .sq-design-preview{padding:35px 12px;min-height:240px;display:flex;align-items:center;justify-content:center}
#sqaq-studio .sq-design-preview>svg{display:block;width:100%;height:auto;max-width:1000px;max-height:calc(100dvh - 370px);box-shadow:0 15px 35px #0e2d401e;flex:none}
#sqaq-studio .sq-design-dimensions{font-size:11px;line-height:1.6;margin:12px 0 18px;color:#4e6d7b;text-align:center}
#sqaq-studio .sq-design-downloads{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
#sqaq-studio .sq-design-save{display:flex;justify-content:center;gap:18px;margin:22px 0}
#sqaq-studio .sq-design-status,#sqaq-studio .sq-design-local{max-width:700px;margin:12px auto 0;text-align:center}
#sqaq-studio .sq-creative-workspace .sq-ai-answer.sq-audit-report{text-align:left;max-width:850px;margin:auto;border-radius:6px;border:0;box-shadow:0 8px 25px #183b4a10;padding:35px}
#sqaq-studio .sq-audit-report h3{font-size:22px;line-height:1.35;margin:30px 0 14px;letter-spacing:-.025em}
#sqaq-studio .sq-audit-report h3:first-child{margin-top:0}
#sqaq-studio .sq-audit-report h4{font-size:17px;line-height:1.4;margin:24px 0 12px}
@media(max-width:900px){#sqaq-studio .sq-design-app{grid-template-columns:275px minmax(0,1fr)}#sqaq-studio .sq-design-controls{padding:18px}#sqaq-studio .sq-design-output{padding-inline:18px}#sqaq-studio .sq-editor-toolbar210{margin-inline:-18px}}
@media(max-width:760px){#sqaq-studio .sq-tools-main{padding:18px 15px}#sqaq-studio .sq-design-app{grid-template-columns:1fr}#sqaq-studio .sq-design-controls,#sqaq-studio .sq-design-output{max-height:none;min-height:0;overflow:visible}#sqaq-studio .sq-design-output{padding-bottom:25px}#sqaq-studio .sq-editor-toolbar210{position:static}#sqaq-studio .sq-design-preview{min-height:200px;padding:20px 0}#sqaq-studio .sq-design-preview>svg{max-height:none}#sqaq-studio .sq-creative-workspace .sq-ai-answer.sq-audit-report{padding:24px}}

/* The compact desktop height must not override the two-row mobile tool navigation. */
@media(max-width:760px){#sqaq-studio .sq-tools-bar{height:auto;min-height:66px}#sqaq-studio .sq-tools-bar nav{grid-row:2}}