.preview-tool-module__q-mqIW__tool{gap:var(--hz-space-6);grid-template-columns:minmax(0,1fr);display:grid}.preview-tool-module__q-mqIW__toolForm{gap:var(--hz-space-2);display:grid}.preview-tool-module__q-mqIW__toolForm label{font-weight:600}.preview-tool-module__q-mqIW__toolForm>p{color:var(--hz-muted);font-size:var(--hz-fs-small)}.preview-tool-module__q-mqIW__toolInputRow{background:var(--hz-white);border:1px solid var(--hz-line-strong);border-radius:var(--hz-radius-control);align-items:center;gap:var(--hz-space-2);padding:var(--hz-space-1) var(--hz-space-1) var(--hz-space-1) var(--hz-space-3);display:flex}.preview-tool-module__q-mqIW__toolInputRow:focus-within{outline:2px solid var(--hz-focus);outline-offset:2px}.preview-tool-module__q-mqIW__toolInputRow>span{color:var(--hz-muted);font-family:var(--hz-font-mono);font-size:var(--hz-fs-mono)}.preview-tool-module__q-mqIW__toolInputRow input{color:var(--hz-ink);min-width:0;padding-block:var(--hz-space-2);background:0 0;border:0;flex:1}.preview-tool-module__q-mqIW__toolInputRow input:focus{outline:none}.preview-tool-module__q-mqIW__toolSpinner{animation:.9s linear infinite preview-tool-module__q-mqIW__spin}.preview-tool-module__q-mqIW__toolError{border-left:2px solid var(--hz-critical);padding-left:var(--hz-space-3)}.preview-tool-module__q-mqIW__result{gap:var(--hz-space-6);grid-template-columns:minmax(0,1fr);display:grid}.preview-tool-module__q-mqIW__resultBar{border-bottom:1px solid var(--hz-line);align-items:center;gap:var(--hz-space-4);justify-content:space-between;display:flex}.preview-tool-module__q-mqIW__tabs,.preview-tool-module__q-mqIW__devices{gap:var(--hz-space-1);display:flex}.preview-tool-module__q-mqIW__tabs button,.preview-tool-module__q-mqIW__devices button{cursor:pointer;padding:var(--hz-space-2) var(--hz-space-3);background:0 0;border:0;border-bottom:2px solid #0000;font-weight:600}.preview-tool-module__q-mqIW__tabs button[aria-selected=true],.preview-tool-module__q-mqIW__devices button[aria-pressed=true]{border-bottom-color:var(--hz-ink)}.preview-tool-module__q-mqIW__resultWorkspace{align-items:start;gap:var(--hz-space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.preview-tool-module__q-mqIW__canvas{background:var(--hz-paper-2);min-height:350px;padding:var(--hz-space-7) var(--hz-space-4);place-content:center;display:grid}.preview-tool-module__q-mqIW__canvasNote{color:var(--hz-muted);font-size:var(--hz-fs-small);margin-top:var(--hz-space-4);text-align:center}.preview-tool-module__q-mqIW__editor{border-top:1px solid var(--hz-line-strong);gap:var(--hz-space-2);padding-top:var(--hz-space-4);display:grid}.preview-tool-module__q-mqIW__editorHeading{align-items:end;gap:var(--hz-space-3);margin-bottom:var(--hz-space-2);justify-content:space-between;display:flex}.preview-tool-module__q-mqIW__editorHeading span{color:var(--hz-muted);font-family:var(--hz-font-serif);font-style:italic}.preview-tool-module__q-mqIW__editorHeading h3{font-size:var(--hz-fs-h3)}.preview-tool-module__q-mqIW__editor button{background:var(--hz-white);border:1px solid var(--hz-line-strong);border-radius:var(--hz-radius-control);cursor:pointer;font-size:var(--hz-fs-small);align-items:center;gap:var(--hz-space-2);padding:var(--hz-space-1) var(--hz-space-3);font-weight:600;display:inline-flex}.preview-tool-module__q-mqIW__editor label{font-size:var(--hz-fs-small);margin-top:var(--hz-space-2);justify-content:space-between;font-weight:600;display:flex}.preview-tool-module__q-mqIW__editor label span{color:var(--hz-muted);font-weight:400}.preview-tool-module__q-mqIW__editor input,.preview-tool-module__q-mqIW__editor textarea,.preview-tool-module__q-mqIW__editor select{background:var(--hz-white);border:1px solid var(--hz-line-strong);border-radius:var(--hz-radius-control);color:var(--hz-ink);padding:var(--hz-space-2) var(--hz-space-3);width:100%}.preview-tool-module__q-mqIW__workspaceSave{border-top:1px solid var(--hz-line);gap:var(--hz-space-2);margin-top:var(--hz-space-4);padding-top:var(--hz-space-4);display:grid}.preview-tool-module__q-mqIW__workspaceSaveHeading{align-items:center;gap:var(--hz-space-3);justify-content:space-between;display:flex}.preview-tool-module__q-mqIW__workspaceSaveHeading span{color:var(--hz-muted);font-size:var(--hz-fs-small);align-items:center;gap:var(--hz-space-1);display:inline-flex}.preview-tool-module__q-mqIW__workspaceContext{color:var(--hz-ink-2);font-size:var(--hz-fs-small);gap:var(--hz-space-1);display:grid}.preview-tool-module__q-mqIW__workspaceSaveActions{gap:var(--hz-space-2);flex-wrap:wrap;display:flex}.preview-tool-module__q-mqIW__findings{gap:var(--hz-space-4);display:grid}.preview-tool-module__q-mqIW__findingsHeading{align-items:end;gap:var(--hz-space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.preview-tool-module__q-mqIW__findingsHeading h2{font-size:var(--hz-fs-h3);margin-top:var(--hz-space-1)}.preview-tool-module__q-mqIW__findingsHeading>p{color:var(--hz-muted);font-size:var(--hz-fs-small)}.preview-tool-module__q-mqIW__findingsGrid{border-top:1px solid var(--hz-line);display:grid}.preview-tool-module__q-mqIW__finding{border-bottom:1px solid var(--hz-line);color:var(--hz-ink-2);gap:var(--hz-space-3);padding-block:var(--hz-space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.preview-tool-module__q-mqIW__finding>svg{color:var(--hz-caution)}.preview-tool-module__q-mqIW__finding[data-severity=critical]>svg{color:var(--hz-critical)}.preview-tool-module__q-mqIW__finding h3{color:var(--hz-ink);font-family:var(--hz-font-sans);font-size:1rem;font-weight:600}.preview-tool-module__q-mqIW__finding strong{color:var(--hz-ink);font-size:var(--hz-fs-small);margin-top:var(--hz-space-1);font-weight:600;display:block}.preview-tool-module__q-mqIW__next{background:var(--hz-white);border-top:1px solid var(--hz-line-strong);align-items:end;gap:var(--hz-space-5);padding:var(--hz-space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.preview-tool-module__q-mqIW__next h2{font-size:var(--hz-fs-h3);margin-block:var(--hz-space-1)}.preview-tool-module__q-mqIW__next p{color:var(--hz-ink-2)}.preview-tool-module__q-mqIW__nextActions{gap:var(--hz-space-2);flex-wrap:wrap;display:flex}@keyframes preview-tool-module__q-mqIW__spin{to{transform:rotate(360deg)}}@media (max-width:960px){.preview-tool-module__q-mqIW__resultWorkspace,.preview-tool-module__q-mqIW__next{grid-template-columns:minmax(0,1fr)}.preview-tool-module__q-mqIW__toolInputRow{flex-wrap:wrap}}
