.search-panel{border-radius:.25rem;padding:.875rem}.search-heading h2,.search-heading p{margin:0}.search-controls{grid-template-columns:minmax(0,2fr) minmax(10rem,1fr) auto;align-items:end;gap:.75rem;margin-top:.875rem;display:grid}.favorite-filter{align-items:center;gap:.5rem;min-height:44px;font-weight:600;display:flex}.favorite-filter input{width:1.2rem;height:1.2rem}.result-count{color:var(--page-muted);margin:1rem 0;font-size:.875rem;font-weight:600}.tool-grid{border-top:1px solid var(--page-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.tool-card{border:0;border-bottom:1px solid var(--page-border);background:0 0;border-radius:0;flex-direction:column;min-width:0;padding:.875rem;display:flex}.tool-card:nth-child(odd){border-right:1px solid var(--page-border)}.tool-card-top{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.tool-category{color:var(--page-muted);font-size:.75rem;font-weight:600}.tool-status{color:var(--page-muted);align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.tool-status>span{color:#2d7a62;font-size:.5rem}.tool-status[data-status=planned]>span{color:#667085}.tool-card h2{margin:.45rem 0 .25rem;font-size:1rem;line-height:1.4}.tool-card h2 a{text-decoration:none}.tool-card h2 a:hover{color:var(--page-link);text-decoration:underline}.tool-card p{margin:0;font-size:.8125rem;line-height:1.55}.match-reason{color:var(--page-link);font-size:.82rem;font-weight:600;margin-top:.65rem!important}:root[data-theme=dark] .match-reason{color:var(--page-link)}.tool-card-actions,.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.65rem;display:flex}.favorite-button{border:1px solid var(--page-border);background:var(--page-surface);min-height:44px;color:var(--page-ink);cursor:pointer;border-radius:.25rem;align-items:center;gap:.35rem;padding:.55rem .75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.favorite-button[aria-pressed=true]{color:#b45309;border-color:#d97706}:root[data-theme=dark] .favorite-button[aria-pressed=true]{color:#fcd34d}.empty-result{border:1px dashed var(--page-border);text-align:center;border-radius:.25rem;padding:2rem 1rem}.editor{margin-bottom:1rem;padding:clamp(1rem,3vw,1.5rem)}.editor h2{margin-top:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.react-state{border:1px solid var(--page-border);border-left:4px solid var(--page-brand);background:var(--page-surface);border-radius:.25rem;align-items:start;gap:1rem;margin:.875rem 0;padding:.875rem;display:flex}.react-state>span{background:var(--page-brand-soft);width:32px;height:32px;color:var(--page-link);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.react-state p{color:var(--page-muted);margin:.15rem 0 0}.react-state.state-error{border-left-color:#b42318}.react-state.state-error>span{color:#b42318;background:#fee4e2}.tab-actions{gap:.5rem;margin:1rem 0;display:flex}.tab-actions [aria-pressed=true]{border-color:var(--page-brand)}.success-message{background:color-mix(in srgb, #16803c 10%, var(--page-surface));border-left:4px solid #16803c;padding:.75rem 1rem}.shared-report{gap:1rem;display:grid}@media (width<=900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-controls{grid-template-columns:1fr 1fr}.favorite-filter{grid-column:1/-1}}@media (width<=620px){.tool-grid,.form-grid,.search-controls{grid-template-columns:1fr}.tool-card:nth-child(odd){border-right:0}}.browser-tool-workspace{gap:1rem;display:grid}.browser-tool-form,.tool-result,.social-preview,.tool-warning{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;padding:clamp(1rem,3vw,1.25rem)}.browser-tool-form{gap:.875rem;display:grid}.browser-tool-form label{gap:.35rem;font-size:.9375rem;font-weight:600;display:grid}.browser-tool-form input:not([type=checkbox]):not([type=range]),.browser-tool-form select,.browser-tool-form textarea{border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.browser-tool-form input[type=file]{padding:.5rem}.browser-tool-form input[type=color]{min-height:48px;padding:.25rem}.browser-tool-form fieldset{border:1px solid var(--page-border);border-radius:.25rem;padding:.875rem}.browser-tool-form legend{padding-inline:.5rem;font-weight:600}.input-mode-selector{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.input-mode-selector label{cursor:pointer;align-items:center;gap:.45rem;min-height:44px;display:flex}.input-mode-selector input{width:1.2rem;height:1.2rem}.tool-form-heading h2,.tool-form-heading p,.tool-result>h2{margin-block:0}.tool-form-heading p,.field-help{color:var(--page-muted)}.field-help{margin-block:.35rem 0;font-size:.8125rem}.inline-actions,.result-heading,.sitemap-row-heading,.checklist-main{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.result-heading,.sitemap-row-heading,.checklist-main{justify-content:space-between}.checkbox-label{align-items:center;gap:.6rem!important;display:flex!important}.checkbox-label input{flex:none;width:1.25rem;height:1.25rem}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.tool-result{gap:.875rem;display:grid}.code-output{resize:vertical;border:1px solid var(--page-border);background:color-mix(in srgb, var(--page-canvas) 80%, var(--page-surface));width:100%;min-height:12rem;color:var(--page-ink);border-radius:.25rem;padding:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.55}.tool-warning{background:color-mix(in srgb, #f59e0b 8%, var(--page-surface));border-left:4px solid #d97706}.social-preview{padding:0;overflow:hidden}.social-preview-image{aspect-ratio:1200/630;background:var(--page-brand-soft) center / cover no-repeat}.social-preview>div:not(.social-preview-image),.social-preview>p{margin:0;padding:.75rem 1rem}.social-preview strong,.social-preview span{display:block}.serp-preview{border:1px solid var(--page-border);border-radius:.25rem;padding:.875rem}.serp-preview h3,.serp-preview p{margin-block:0 .35rem}.serp-title{color:#1a0dab;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;line-height:1.35;overflow:hidden}:root[data-theme=dark] .serp-title{color:#a8c7fa}.serp-url{color:#087c20;overflow-wrap:anywhere}:root[data-theme=dark] .serp-url{color:#81c995}.heading-tree{gap:.35rem;padding:0;list-style:none;display:grid}.heading-tree li{border-left:2px solid var(--page-border);overflow-wrap:anywhere;align-items:center;gap:.5rem;min-width:0;padding-block:.4rem;display:flex}.qa-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qa-metric-grid .metric-card strong{margin-block:.25rem;font-size:1.5rem}.contrast-preview{border:1px solid;border-radius:.25rem;gap:.75rem;padding:1rem;display:grid}.contrast-preview strong{font-size:1rem}.contrast-preview span{font-size:1.6rem;font-weight:700}.contrast-preview button{width:fit-content;min-height:44px;color:inherit;background:0 0;border:2px solid;border-radius:.25rem;padding:.5rem 1rem}.result-grid,.image-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.metric-card,.image-result-card{border:1px solid var(--page-border);border-radius:.25rem;padding:.875rem}.metric-card span,.metric-card strong{display:block}.clamp-graph{border-block:1px solid var(--page-border);align-items:center;gap:.75rem;min-height:8rem;display:flex}.clamp-graph i{background:var(--page-brand);flex:1;height:4px;transform:rotate(-6deg)}.image-result-card img{aspect-ratio:4/3;object-fit:contain;background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 / 1rem 1rem;border-radius:.25rem;width:100%}.image-result-card h3{overflow-wrap:anywhere}.image-result-card dl div{justify-content:space-between;gap:1rem;display:flex}.image-result-card dd{margin:0}.image-empty-state{border:1px dashed var(--page-border);color:var(--page-muted);text-align:center;border-radius:.25rem;padding:1.25rem}.image-empty-state p{margin:0}.base64-workspace{gap:1rem;display:grid}.base64-intro h2,.base64-intro p,.base64-result-panel .empty-state p{margin:0}.base64-operation-switch,.base64-input-panel,.base64-result-panel{border:1px solid var(--page-border);border-radius:.25rem;min-width:0;padding:1rem}.base64-choice-grid,.base64-layout,.base64-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.base64-choice-grid label{border:1px solid var(--page-border);cursor:pointer;border-radius:.25rem;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .65rem;min-height:72px;padding:.75rem;display:grid}.base64-choice-grid label:has(input:checked){border-color:var(--page-brand);background:var(--page-brand-soft)}.base64-choice-grid input{grid-row:1/3;width:1.2rem;height:1.2rem}.base64-choice-grid span,.base64-file-drop p{color:var(--page-muted);font-size:.82rem}.base64-layout{align-items:start}.base64-input-panel,.base64-result-panel,.base64-form-stack,.base64-progress{gap:.875rem;display:grid}.base64-form-stack label,.base64-file-drop>label,.base64-result-panel>label{gap:.35rem;min-width:0;font-size:.9375rem;font-weight:600;display:grid}.base64-input-panel input:not([type=radio]),.base64-input-panel textarea,.base64-result-panel input,.base64-result-panel textarea{border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.base64-input-panel input[type=file]{padding:.45rem}.base64-input-panel fieldset{margin:0}.base64-inline-options,.base64-output-actions{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.base64-inline-options label{align-items:center;gap:.45rem;min-height:44px;display:flex}.base64-inline-options input{width:1.15rem;height:1.15rem}.base64-file-drop{border:1px dashed var(--page-border);background:var(--page-surface-muted);border-radius:.25rem;gap:.75rem;padding:1rem;display:grid}.base64-file-drop p,.base64-file-summary,.base64-metrics{margin:0}.base64-file-summary div,.base64-metrics div{border:1px solid var(--page-border);border-radius:.25rem;gap:.2rem;min-width:0;padding:.65rem;display:grid}.base64-file-summary dd,.base64-metrics dd{overflow-wrap:anywhere;margin:0}.base64-file-summary dt,.base64-metrics dt{color:var(--page-muted);font-size:.75rem;font-weight:600}.base64-result-panel textarea,.base64-input-panel textarea{resize:vertical;overflow-wrap:anywhere;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.base64-image-preview{gap:.4rem;margin:0;display:grid}.base64-image-preview img{border:1px solid var(--page-border);background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 / 1rem 1rem;object-fit:contain;border-radius:.25rem;width:100%;max-height:24rem}.base64-image-preview figcaption{color:var(--page-muted);font-size:.78rem}@media (width<=780px){.base64-layout{grid-template-columns:1fr}}@media (width<=420px){.base64-choice-grid,.base64-metrics{grid-template-columns:1fr}.base64-output-actions .button{width:100%}}.image-job-section,.image-job-settings,.image-progress{gap:.75rem;display:grid}.image-optimizer-workspace input[type=range]{min-height:44px}.image-job-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.image-job-card{border:1px solid var(--page-border);border-radius:.25rem;gap:.75rem;min-width:0;padding:.875rem;display:grid}.image-job-heading,.image-result-summary{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.image-job-heading h4,.image-job-heading p,.image-result-summary h3,.image-result-summary p{overflow-wrap:anywhere;margin:0}.image-job-heading p,.image-job-status{color:var(--page-muted);font-size:.78rem}.image-job-status{border:1px solid var(--page-border);border-radius:999px;flex:none;padding:.2rem .5rem;font-weight:600}.image-job-status[data-status=done]{color:#2d7a62;border-color:#2d7a62}:root[data-theme=dark] .image-job-status[data-status=done]{color:#82d9bc}.image-job-status[data-status=error]{color:#b42318;border-color:#b42318}.image-source-preview,.image-comparison img{aspect-ratio:4/3;border:1px solid var(--page-border);background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 / 1rem 1rem;object-fit:contain;border-radius:.25rem;width:100%;min-height:10rem}.image-dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.image-common-settings{margin-top:.875rem}.image-progress progress{width:100%;min-height:.75rem;accent-color:var(--page-brand)}.image-results .image-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-results .image-result-card{gap:.875rem;display:grid}.image-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.image-comparison figure{min-width:0;margin:0}.image-comparison figcaption{gap:.15rem;margin-top:.35rem;font-size:.8rem;font-weight:700;display:grid}.image-comparison figcaption span{color:var(--page-muted);overflow-wrap:anywhere;font-size:.75rem;font-weight:400}.image-result-summary{align-items:center}.image-result-summary strong{color:#9a6700;font-size:.78rem}:root[data-theme=dark] .image-result-summary strong{color:#f3c969}.image-result-summary [data-savings=reduced]{color:#2d7a62;font-weight:700}.image-result-summary [data-savings=increased]{color:#b54708;font-weight:700}.favicon-preview{border:1px solid var(--page-border);border-radius:.25rem;width:192px;max-width:100%}.file-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;padding-left:1.25rem;display:grid}.sitemap-editor{gap:1rem;display:grid}.sitemap-row,.checklist-item{border:1px solid var(--page-border);border-radius:.25rem;padding:.875rem}.sitemap-row[draggable=true]{cursor:grab}.responsive-table{overflow-x:auto}.responsive-table table{border-collapse:collapse;width:100%;min-width:32rem}.responsive-table th,.responsive-table td{border-bottom:1px solid var(--page-border);text-align:left;padding:.65rem}.estimate-summary,.checklist-summary{background:var(--page-brand-soft);border-radius:.25rem;gap:.5rem;padding:1rem;display:grid}.estimate-summary strong{font-size:clamp(1.5rem,4vw,2rem)}.checklist-summary strong{font-size:1.75rem}.checklist-category{gap:.65rem;display:grid}.checklist-category h3{border-bottom:1px solid var(--page-border)}.checklist-item small{color:var(--page-muted);display:block}.checklist-details{margin-top:1rem}.span-full{grid-column:1/-1}progress{width:100%;min-height:1rem;accent-color:var(--page-brand)}.audit-result{gap:1rem}.audit-summary-grid,.lighthouse-grid,.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lighthouse-grid .metric-card strong,.resource-grid .metric-card strong{margin-block:.4rem;font-size:clamp(1.4rem,4vw,2rem);display:block}.audit-metric-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.audit-metric-list div{border-bottom:1px solid var(--page-border);padding:.55rem}.audit-metric-list dt{color:var(--page-muted);font-size:.8rem}.audit-metric-list dd{margin:.2rem 0 0;font-weight:700}.audit-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.audit-browser-grid>div{border:1px solid var(--page-border);border-radius:.25rem;padding:.875rem}.audit-browser-grid h3,.audit-browser-grid p{margin-block:0 .5rem}.security-header-list{overflow-wrap:anywhere;gap:.35rem;padding-left:1.25rem;display:grid}.audit-screenshot{border:1px solid var(--page-border);background:var(--page-canvas);border-radius:.25rem;width:100%}.audience-switch{border:1px solid var(--page-border);border-radius:.25rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.audience-switch legend{padding-inline:.35rem;font-weight:600}.audience-switch label{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;font-weight:700;display:flex}.audience-switch input{width:1.2rem;height:1.2rem}.audit-diff{border:1px solid var(--page-brand);background:color-mix(in srgb, var(--page-brand) 6%, var(--page-surface));border-radius:.25rem;padding:1rem}.audit-diff h3,.audit-diff p{margin-block:0 .75rem}.audit-diff-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.audit-diff-grid>div{background:var(--page-surface);border-radius:.375rem;padding:.65rem;display:grid}.audit-diff-grid strong{font-size:1.35rem}.audit-diff-grid span{color:var(--page-muted);font-size:.8rem}.audit-summary-grid .metric-card{gap:.25rem;display:grid}.audit-summary-grid strong{font-size:clamp(1.5rem,4vw,2rem);line-height:1}.audit-summary-grid small,.audit-facts dt,.audit-issue-meta{color:var(--page-muted)}.audit-score{border-color:var(--page-brand);background:color-mix(in srgb, var(--page-brand) 7%, var(--page-surface))}.audit-facts{border-block:1px solid var(--page-border);gap:1rem;padding-block:1.25rem;display:grid}.audit-facts h3,.audit-facts dl,.audit-facts details,.audit-issue h4,.audit-issue p{margin-block:0}.audit-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.audit-facts-grid>div{border:1px solid var(--page-border);border-radius:.25rem;min-width:0;padding:.8rem}.audit-facts dt{font-size:.82rem;font-weight:600}.audit-facts dd{overflow-wrap:anywhere;margin:.3rem 0 0}.audit-facts summary{cursor:pointer;min-height:44px;font-weight:600}.audit-heading-list,.audit-redirect-list{overflow-wrap:anywhere;gap:.45rem;padding-left:1.5rem;display:grid}.audit-heading-list span{min-width:2rem;color:var(--page-link);font-weight:700;display:inline-block}:root[data-theme=dark] .audit-heading-list span{color:var(--page-link)}.audit-filters{grid-template-columns:repeat(2,minmax(0,14rem));gap:.75rem;margin-block:1rem;display:grid}.audit-filters label{gap:.35rem;font-weight:600;display:grid}.audit-filters select{border:1px solid var(--page-control-border);background:var(--page-surface);min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.audit-issue-list{gap:.75rem;display:grid}.audit-issue{border:1px solid var(--page-border);border-left:4px solid #64748b;border-radius:.25rem;gap:.75rem;padding:.875rem;display:grid}.audit-issue-meta{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.audit-severity{color:#334155;background:#e2e8f0;border-radius:999px;padding:.2rem .55rem}.severity-critical,.severity-high{color:#991b1b;background:#fee4e2}.severity-medium{color:#92400e;background:#fef3c7}:root[data-theme=dark] .audit-severity{color:#f8fafc;background:#334155}:root[data-theme=dark] .severity-critical,:root[data-theme=dark] .severity-high{background:#7f1d1d}:root[data-theme=dark] .severity-medium{background:#78350f}.audit-issue dl{gap:.75rem;margin:0;display:grid}.audit-issue dt{font-weight:700}.audit-issue dd{margin:.2rem 0 0}.issue-status-control{grid-template-columns:minmax(5rem,auto) minmax(9rem,14rem);align-items:center;gap:.75rem;font-weight:600;display:grid}.issue-status-control select{border:1px solid var(--page-control-border);background:var(--page-surface);min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.6rem}.audit-code{background:color-mix(in srgb, var(--page-canvas) 80%, var(--page-surface));white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.65rem;padding:.8rem;overflow-x:auto}@media (width<=760px){.result-grid,.image-result-grid,.audit-summary-grid,.lighthouse-grid,.resource-grid,.audit-diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-metric-list{grid-template-columns:repeat(3,minmax(0,1fr))}.image-job-grid,.image-results .image-result-grid{grid-template-columns:1fr}}@media (width<=520px){.checkbox-grid,.result-grid,.image-result-grid,.file-list,.audit-facts-grid,.audit-filters,.audit-browser-grid,.lighthouse-grid,.resource-grid,.audit-diff-grid,.audit-metric-list,.issue-status-control{grid-template-columns:1fr}.inline-actions .button,.result-heading .button{flex:auto}.qa-metric-grid,.qa-comparison-fields,.image-dimension-fields,.image-comparison{grid-template-columns:1fr}.image-job-heading,.image-result-summary{display:grid}}.clip-path-workspace{--clip-handle:44px}.clip-path-editor{grid-template-columns:minmax(0,1fr) minmax(20rem,1.08fr);align-items:start;gap:1rem;display:grid}.clip-control-panel,.clip-preview-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.875rem;min-width:0;padding:clamp(1rem,3vw,1.25rem);display:grid}.clip-preview-panel{position:sticky;top:1rem}.clip-control-panel fieldset,.clip-preview-panel fieldset{border:1px solid var(--page-border);border-radius:.25rem;gap:.75rem;padding:.875rem;display:grid}.clip-control-panel legend,.clip-preview-panel legend{padding-inline:.5rem;font-weight:600}.clip-control-panel label,.clip-preview-panel label{gap:.35rem;font-size:.9375rem;font-weight:600;display:grid}.clip-preview-panel .checkbox-label{min-height:44px}.clip-control-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.clip-control-panel select,.clip-control-panel textarea,.clip-preview-panel input:not([type=radio]):not([type=checkbox]):not([type=range]){border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.clip-control-panel textarea{resize:vertical}.clip-shape-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.clip-shape-tabs label{cursor:pointer;position:relative}.clip-shape-tabs input{opacity:0;width:1px;height:1px;position:absolute}.clip-shape-tabs span{border:1px solid var(--page-control-border);text-align:center;border-radius:.25rem;place-items:center;min-height:44px;padding:.5rem;display:grid}.clip-shape-tabs input:checked+span{border-color:var(--page-brand);background:var(--page-brand-soft);color:var(--page-link)}.clip-shape-tabs input:focus-visible+span{outline:3px solid var(--page-focus);outline-offset:2px}.clip-polygon-controls{gap:.875rem;display:grid}.clip-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.clip-preset-grid .button{width:100%;min-width:0;padding-inline:.5rem}.clip-coordinate-fields{gap:.75rem;display:grid}.clip-range-field{grid-template-columns:minmax(0,1fr) 5.25rem auto;align-items:center;gap:.5rem;display:grid}.clip-range-field>span:first-child{grid-column:1/-1;font-size:.875rem;font-weight:600}.clip-range-field input[type=range]{width:100%;min-height:44px;accent-color:var(--page-brand)}.clip-range-field label{min-width:0}.clip-stage-shell{padding:calc(var(--clip-handle) / 2);border:1px solid var(--page-border);background:linear-gradient(45deg, color-mix(in srgb, var(--page-border) 30%, transparent) 25%, transparent 25%) 0 0 / 1rem 1rem, linear-gradient(-45deg, color-mix(in srgb, var(--page-border) 30%, transparent) 25%, transparent 25%) 0 0 / 1rem 1rem, var(--page-canvas);border-radius:.25rem}.clip-preview-stage{aspect-ratio:1;touch-action:none;width:100%;position:relative}.clip-preview-object,.clip-preview-ghost,.clip-point-lines{width:100%;height:100%;position:absolute;inset:0}.clip-preview-ghost{opacity:.16}.clip-preview-object{box-shadow:inset 0 0 0 1px #fff6}.clip-point-lines{z-index:2;pointer-events:none;overflow:visible}.clip-point-lines polygon{fill:#ffffff14;stroke:#fff;stroke-dasharray:1.5 1.5;stroke-width:.55px;vector-effect:non-scaling-stroke}.clip-point-handle{z-index:3;width:var(--clip-handle);height:var(--clip-handle);color:#10201c;cursor:grab;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.clip-point-handle:active{cursor:grabbing}.clip-point-handle span{color:#fff;background:#163f35;border:2px solid #fff;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;font-size:.68rem;font-weight:700;display:grid;box-shadow:0 1px 4px #00000059}.clip-point-handle[data-selected=true] span{color:#17211e;background:#f0b75a}.clip-point-handle:focus-visible{outline:3px solid var(--page-focus);outline-offset:1px}.clip-output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.clip-output-grid article{border:1px solid var(--page-border);border-radius:.25rem;align-content:start;gap:.75rem;min-width:0;padding:.875rem;display:grid}.clip-output-grid h3{margin:0}@media (width<=980px){.clip-path-editor,.clip-output-grid{grid-template-columns:1fr}.clip-preview-panel{position:static}}@media (width<=560px){.clip-shape-tabs,.clip-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-range-field{grid-template-columns:minmax(0,1fr) 4.75rem auto}}.gradient-workspace{gap:1rem}.gradient-intro,.gradient-control-panel,.gradient-preview-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;min-width:0;padding:clamp(.875rem,2vw,1.125rem)}.gradient-intro{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gradient-intro h2,.gradient-intro p,.gradient-preview-panel h2,.gradient-preview-panel p{margin:0}.gradient-intro p,.gradient-preview-panel .result-heading p{color:var(--page-muted);font-size:.85rem}.gradient-layout{grid-template-columns:minmax(0,1.08fr) minmax(21rem,.92fr);align-items:start;gap:1rem;display:grid}.gradient-control-panel{gap:.875rem;display:grid}.gradient-control-panel fieldset{border:1px solid var(--page-border);border-radius:.25rem;min-width:0;margin:0;padding:.875rem}.gradient-control-panel legend{padding-inline:.4rem;font-weight:700}.gradient-control-panel label{gap:.3rem;font-size:.875rem;font-weight:600;display:grid}.gradient-control-panel input:not([type=radio]):not([type=range]):not([type=color]),.gradient-control-panel select{border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-width:0;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.5rem .65rem}.gradient-control-panel input[type=range]{width:100%;min-height:44px;accent-color:var(--page-brand)}.gradient-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.gradient-type-options label{border:1px solid var(--page-border);cursor:pointer;border-radius:.25rem;grid-template-columns:auto 1fr;align-items:center;min-height:68px;padding:.6rem}.gradient-type-options label:has(input:checked){border-color:var(--page-brand);background:var(--page-brand-soft)}.gradient-type-options input{width:1.15rem;height:1.15rem}.gradient-type-options span{gap:.1rem;display:grid}.gradient-type-options small{color:var(--page-muted);font-size:.7rem;font-weight:500}.gradient-control-grid,.gradient-center-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.gradient-range-field{gap:.2rem;display:grid}.gradient-range-field>label{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.gradient-number-input,.gradient-stop-position{grid-template-columns:minmax(0,4.25rem) auto;align-items:center;gap:.25rem;display:grid}.gradient-number-input input,.gradient-stop-position input{text-align:right}.gradient-stop-track{border:1px solid var(--page-border);border-radius:.25rem;height:4.5rem;margin-block:.25rem 1.35rem;position:relative}.gradient-track-stop{bottom:-1.375rem;left:var(--stop-position);border:3px solid var(--page-surface);outline:1px solid var(--page-control-border);background:var(--stop-color);cursor:pointer;border-radius:50%;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;position:absolute;transform:translate(-50%);box-shadow:0 1px 3px #0003}.gradient-track-stop[aria-pressed=true]{outline:3px solid var(--page-brand);outline-offset:2px}.gradient-stop-list{gap:.45rem;margin:0 0 .65rem;padding:0;list-style:none;display:grid}.gradient-selected-position{gap:.25rem;margin-bottom:.65rem;display:grid}.gradient-selected-position>span{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.gradient-selected-position output{font-variant-numeric:tabular-nums}.gradient-stop-list>li{border:1px solid var(--page-border);border-left:3px solid #0000;border-radius:.25rem;grid-template-columns:5.25rem 3rem minmax(7rem,1fr) 6.25rem auto;align-items:end;gap:.45rem;min-width:0;padding:.5rem;display:grid}.gradient-stop-list>li[data-selected=true]{border-left-color:var(--page-brand);background:color-mix(in srgb, var(--page-brand-soft) 45%, var(--page-surface))}.gradient-stop-select{min-height:44px;color:var(--page-ink);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.4rem;padding:.25rem;display:flex}.gradient-stop-select>span{border:1px solid var(--page-control-border);border-radius:50%;flex:none;width:1.3rem;height:1.3rem}.gradient-stop-list input[type=color]{border:1px solid var(--page-control-border);background:var(--page-surface);border-radius:.25rem;width:3rem;min-height:44px;padding:.2rem}.gradient-stop-position>span:first-child{display:none}.gradient-stop-delete{min-width:3.75rem}.gradient-stop-list .field-error{grid-column:3/-1;margin:0}.gradient-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.gradient-preset-grid button{border:1px solid var(--page-border);background-color:var(--page-canvas);color:#fff;cursor:pointer;min-height:92px;font:inherit;text-align:left;border-radius:.25rem;align-items:end;padding:0;display:flex;overflow:hidden}.gradient-preset-grid button>span{background:#000000a8;gap:.1rem;width:100%;padding:.5rem .6rem;display:grid}.gradient-preset-grid small{font-size:.68rem;font-weight:500}.gradient-preview-panel{gap:.875rem;display:grid;position:sticky;top:5.5rem}.gradient-preview-options,.gradient-preview-options>div{flex-wrap:wrap;gap:.3rem;display:flex}.gradient-preview-options button{border:1px solid var(--page-border);background:var(--page-canvas);min-height:44px;color:var(--page-ink);cursor:pointer;font:inherit;border-radius:.25rem;padding:.3rem .55rem;font-size:.75rem;font-weight:700}.gradient-preview-options button[aria-pressed=true]{border-color:var(--page-brand);background:var(--page-brand-soft);color:var(--page-link)}.gradient-preview{border:1px solid var(--page-border);border-radius:.25rem;flex-direction:column;justify-content:center;gap:.65rem;width:100%;min-height:18rem;padding:clamp(1rem,4vw,2rem);display:flex;overflow:hidden}.gradient-preview[data-ratio=wide]{aspect-ratio:16/9}.gradient-preview[data-ratio=square]{aspect-ratio:1;max-width:28rem;margin-inline:auto}.gradient-preview[data-ratio=portrait]{aspect-ratio:3/4;max-width:21rem;margin-inline:auto}.gradient-preview h3,.gradient-preview p{text-shadow:0 1px 3px #00000038;max-width:26rem;margin:0}.gradient-preview h3{font-size:clamp(1.35rem,4vw,2rem);line-height:1.35}.gradient-preview>span{letter-spacing:.08em;font-size:.75rem;font-weight:700}.gradient-preview-cta{width:fit-content;min-height:44px;color:inherit;font:inherit;background:#ffffff1f;border:1px solid;border-radius:.25rem;justify-content:center;align-items:center;padding:.55rem 1rem;font-weight:700;display:inline-flex}.gradient-contrast-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.gradient-contrast-summary article{border:1px solid var(--page-border);border-radius:.25rem;gap:.15rem;padding:.65rem;display:grid}.gradient-contrast-summary strong{font-size:1.25rem}.gradient-contrast-summary span[data-pass]{font-size:.75rem;font-weight:700}.gradient-contrast-summary span[data-pass=true]{color:#20745a}:root[data-theme=dark] .gradient-contrast-summary span[data-pass=true]{color:#82d9bc}.gradient-contrast-summary span[data-pass=false]{color:#b42318}:root[data-theme=dark] .gradient-contrast-summary span[data-pass=false]{color:#ffb4ab}.gradient-contrast-summary small,.gradient-preview-panel .compatibility-note{color:var(--page-muted);font-size:.72rem}.gradient-preview-panel .compatibility-note{border-left:3px solid var(--page-brand);background:var(--page-brand-soft);padding:.65rem}.gradient-output label{gap:.35rem;font-size:.875rem;font-weight:700;display:grid}.gradient-output .code-output{min-height:9rem}.gradient-status{min-height:1.25rem;margin:0}@media (width<=980px){.gradient-layout{grid-template-columns:1fr}.gradient-preview-panel{position:static}}@media (width<=680px){.gradient-intro{flex-direction:column;align-items:stretch}.gradient-intro .button{width:100%}.gradient-type-options,.gradient-control-grid,.gradient-center-fields,.gradient-preset-grid{grid-template-columns:1fr}.gradient-stop-list>li{grid-template-columns:minmax(5rem,1fr) 3rem minmax(6.5rem,1fr) 5.5rem}.gradient-stop-delete{grid-column:1/-1;width:100%}.gradient-stop-list .field-error{grid-column:1/-1}}@media (width<=420px){.gradient-stop-list>li{grid-template-columns:minmax(0,1fr) 3rem}.gradient-stop-list>li>label:nth-of-type(2),.gradient-stop-position,.gradient-stop-delete{grid-column:1/-1}.gradient-stop-position{grid-template-columns:auto minmax(0,1fr) auto}.gradient-stop-position>span:first-child{display:block}.gradient-contrast-summary{grid-template-columns:1fr}.gradient-preview-options,.gradient-preview-options>div{width:100%}.gradient-preview-options button{flex:1;min-height:44px}}.htpasswd-workspace{gap:1rem;display:grid}.htpasswd-privacy h2{margin:0 0 .25rem;font-size:1rem}.htpasswd-privacy p{margin:0}.htpasswd-layout{grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr);align-items:start;gap:.75rem;display:grid}.htpasswd-form,.htpasswd-result-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.75rem;min-width:0;padding:clamp(.875rem,2vw,1.125rem);display:grid}.htpasswd-result-panel{position:sticky;top:5.5rem}.htpasswd-workspace label{font-size:.875rem;font-weight:700}.htpasswd-workspace input,.htpasswd-workspace select,.htpasswd-workspace textarea{border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-width:0;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .65rem}.htpasswd-workspace input[aria-invalid=true],.htpasswd-workspace select[aria-invalid=true]{border-color:#b42318}.htpasswd-workspace textarea{resize:vertical;overflow-wrap:anywhere;min-height:7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.6}.htpasswd-workspace .field-help,.htpasswd-workspace .field-error{margin:-.35rem 0 0}.password-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.password-label-row .button-compact{min-height:44px;padding:.4rem .65rem;font-size:.75rem}.password-input-row{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.password-input-row .password-reveal-button{min-width:4.5rem}.htpasswd-warnings{gap:.35rem;margin:0;padding:.7rem;font-size:.8125rem;display:grid}.htpasswd-warnings ul,.htpasswd-guidance ul{gap:.25rem;margin:0;padding-left:1.25rem;display:grid}.htpasswd-progress{color:var(--page-muted);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) 3rem;align-items:center;gap:.6rem;font-size:.8125rem;display:grid}.htpasswd-progress progress{width:100%;height:.75rem;accent-color:var(--page-brand)}.tool-button-row{flex-wrap:wrap;gap:.5rem;display:flex}.tool-button-row .button{min-height:44px}.state-panel{border:1px solid var(--page-border);border-left:4px solid var(--page-brand);background:var(--page-canvas);border-radius:.25rem;gap:.25rem;padding:.75rem;display:grid}.state-panel p{color:var(--page-muted);margin:0;font-size:.8125rem}.state-panel.state-error{border-left-color:#b42318}.state-panel.state-empty{border-left-color:var(--page-border-strong)}.htpasswd-result-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.htpasswd-result-meta div{border-left:2px solid var(--page-brand);gap:.1rem;padding-left:.55rem;display:grid}.htpasswd-result-meta dt{color:var(--page-muted);font-size:.72rem}.htpasswd-result-meta dd{margin:0;font-weight:700}.htpasswd-guidance{border-top:1px solid var(--page-border);padding-top:.875rem}.htpasswd-guidance h3{margin:0 0 .4rem;font-size:.9375rem}.htpasswd-guidance ul{color:var(--page-muted);font-size:.8125rem}.tool-status-message{min-height:1.5rem;color:var(--page-muted);margin:0;font-size:.8125rem}@media (width<=820px){.htpasswd-layout{grid-template-columns:1fr}.htpasswd-result-panel{position:static}}@media (width<=420px){.password-label-row{align-items:stretch}.password-label-row label,.password-label-row .button,.tool-button-row .button{width:100%}.password-input-row{grid-template-columns:1fr}.password-input-row .button{width:100%}}.squircle-editor{grid-template-columns:minmax(0,1fr) minmax(20rem,1.08fr);align-items:start;gap:1rem;display:grid}.squircle-control-panel,.squircle-preview-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.875rem;min-width:0;padding:clamp(1rem,3vw,1.25rem);display:grid}.squircle-preview-panel{position:sticky;top:1rem}.squircle-control-panel fieldset,.squircle-preview-panel fieldset{border:1px solid var(--page-border);border-radius:.25rem;gap:.75rem;padding:.875rem;display:grid}.squircle-control-panel legend,.squircle-preview-panel legend{padding-inline:.5rem;font-weight:600}.squircle-control-panel label,.squircle-preview-panel label{font-size:.9375rem;font-weight:600}.squircle-control-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.squircle-preview-panel input:not([type=radio]):not([type=checkbox]):not([type=range]){border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.squircle-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.squircle-preset-grid .button{text-align:left;justify-items:start;gap:.1rem;min-width:0;min-height:58px;padding:.55rem .7rem;display:grid}.squircle-preset-grid .button span{color:var(--page-muted);font-size:.75rem;font-weight:500}.squircle-number-control{grid-template-columns:minmax(0,1fr) 5.5rem auto;align-items:center;gap:.5rem;display:grid}.squircle-control-label{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.875rem;font-weight:600;display:flex}.squircle-control-label .field-help{text-align:right;max-width:26rem}.squircle-number-control input[type=range]{width:100%;min-height:44px;accent-color:var(--page-brand)}.squircle-number-control label{min-width:0}.squircle-precision-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.squircle-precision-options label{cursor:pointer;position:relative}.squircle-precision-options input{opacity:0;width:1px;height:1px;position:absolute}.squircle-precision-options span{border:1px solid var(--page-control-border);min-height:58px;color:var(--page-muted);text-align:center;border-radius:.25rem;place-items:center;padding:.4rem;font-size:.75rem;display:grid}.squircle-precision-options strong{color:var(--page-ink);font-size:.8125rem}.squircle-precision-options input:checked+span{border-color:var(--page-brand);background:var(--page-brand-soft);color:var(--page-link)}.squircle-precision-options input:focus-visible+span{outline:3px solid var(--page-focus);outline-offset:2px}.squircle-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.squircle-color-control{gap:.35rem;display:grid}.squircle-color-control>span:last-child{grid-template-columns:52px minmax(0,1fr);gap:.5rem;display:grid}.squircle-color-control input[type=color]{border:1px solid var(--page-control-border);background:var(--page-surface);border-radius:.25rem;width:52px;min-height:44px;padding:.2rem}.squircle-stage-shell{border:1px solid var(--page-border);border-radius:.25rem;justify-content:center;align-items:center;min-height:12rem;padding:clamp(1rem,4vw,2rem);display:flex;overflow:hidden}.squircle-stage-shell[data-background=checker]{background:linear-gradient(45deg, var(--page-border) 25%, transparent 25%) 0 0 / 1rem 1rem, linear-gradient(-45deg, var(--page-border) 25%, transparent 25%) 0 0 / 1rem 1rem, linear-gradient(45deg, transparent 75%, var(--page-border) 75%) 0 0 / 1rem 1rem, linear-gradient(-45deg, transparent 75%, var(--page-border) 75%) 0 0 / 1rem 1rem, var(--page-canvas)}.squircle-stage-shell[data-background=light]{background:#fff}.squircle-stage-shell[data-background=dark]{background:#171a1f}.squircle-preview-stage{flex:0 auto;max-width:100%;max-height:26rem;position:relative}.squircle-preview-object,.squircle-radius-comparison,.squircle-preview-overlay{width:100%;height:100%;position:absolute;inset:0}.squircle-preview-object{box-shadow:inset 0 0 0 1px #ffffff4d}.squircle-radius-comparison{z-index:2;pointer-events:none;background:0 0;border:2px dashed #d74444;box-shadow:0 0 0 1px #fffc}.squircle-preview-overlay{z-index:3;pointer-events:none;overflow:visible}.squircle-preview-overlay line{stroke:#ffffffbf;stroke-dasharray:4 4;stroke-width:1px;vector-effect:non-scaling-stroke}.squircle-preview-stroke{vector-effect:non-scaling-stroke}.squircle-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.squircle-metrics span{border-left:2px solid var(--page-brand);background:var(--page-canvas);min-width:0;color:var(--page-muted);gap:.15rem;padding:.55rem .65rem;font-size:.75rem;display:grid}.squircle-metrics strong{overflow-wrap:anywhere;color:var(--page-ink);font-size:.875rem}.squircle-preview-panel .checkbox-label{min-height:44px}.squircle-image-actions{gap:.5rem;display:grid}.squircle-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.squircle-output-grid article{border:1px solid var(--page-border);border-radius:.25rem;align-content:start;gap:.75rem;min-width:0;padding:.875rem;display:grid}.squircle-output-grid h3,.squircle-output-grid p{margin:0}.squircle-output-grid .code-output{min-height:10rem}.compatibility-note{background:color-mix(in srgb, #f0b75a 15%, var(--page-surface));color:var(--page-ink);border-left:3px solid #b77700;padding:.55rem .7rem;font-size:.8125rem}.tool-notice{border:1px solid var(--page-border);background:var(--page-canvas);border-radius:.25rem;gap:.25rem;padding:.875rem 1rem;display:grid}.tool-notice p{color:var(--page-muted);margin:0;font-size:.875rem}@media (width<=980px){.squircle-editor{grid-template-columns:1fr}.squircle-preview-panel{position:static}}@media (width<=560px){.squircle-preset-grid,.squircle-output-grid,.squircle-color-grid{grid-template-columns:1fr}.squircle-precision-options{grid-template-columns:repeat(2,minmax(0,1fr))}.squircle-number-control{grid-template-columns:minmax(0,1fr) 4.75rem auto}.squircle-control-label{display:grid}.squircle-control-label .field-help{text-align:left}.squircle-metrics{grid-template-columns:1fr}}.ratio-editor{grid-template-columns:minmax(0,1fr) minmax(20rem,1.08fr);align-items:start;gap:1rem;display:grid}.ratio-control-panel,.ratio-preview-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.875rem;min-width:0;padding:clamp(1rem,3vw,1.25rem);display:grid}.ratio-preview-panel{position:sticky;top:1rem}.ratio-control-panel fieldset{border:1px solid var(--page-border);border-radius:.25rem;gap:.75rem;padding:.875rem;display:grid}.ratio-control-panel legend{padding-inline:.5rem;font-weight:600}.ratio-control-panel label{gap:.35rem;font-size:.9375rem;font-weight:600;display:grid}.ratio-control-panel input:not([type=radio]){border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.ratio-field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.ratio-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.ratio-preset-grid .button{text-align:left;justify-items:start;gap:.1rem;min-width:0;min-height:58px;padding:.5rem;display:grid}.ratio-preset-grid .button span{color:var(--page-muted);font-size:.75rem;font-weight:500}.ratio-design-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.ratio-design-list label{cursor:pointer;position:relative}.ratio-design-list input{opacity:0;width:1px;height:1px;position:absolute}.ratio-design-list span{border:1px solid var(--page-control-border);border-radius:.25rem;align-content:center;gap:.1rem;min-height:64px;padding:.55rem .7rem;display:grid}.ratio-design-list small{color:var(--page-muted);font-size:.75rem;font-weight:500}.ratio-design-list input:checked+span{border-color:var(--page-brand);background:var(--page-brand-soft)}.ratio-design-list input:focus-visible+span{outline:3px solid var(--page-focus);outline-offset:2px}.ratio-stage-shell{border:1px solid var(--page-border);background:linear-gradient(45deg, var(--page-border) 25%, transparent 25%) 0 0 / 1rem 1rem, linear-gradient(-45deg, var(--page-border) 25%, transparent 25%) 0 0 / 1rem 1rem, linear-gradient(45deg, transparent 75%, var(--page-border) 75%) 0 0 / 1rem 1rem, linear-gradient(-45deg, transparent 75%, var(--page-border) 75%) 0 0 / 1rem 1rem, var(--page-canvas);border-radius:.25rem;justify-content:center;align-items:center;min-height:15rem;padding:clamp(1rem,4vw,2rem);display:flex;overflow:hidden}.ratio-preview-stage{background:linear-gradient(135deg, color-mix(in srgb, var(--page-brand) 90%, #fff), #193c59);color:#fff;place-items:center;width:100%;max-width:100%;max-height:25rem;font-size:.8125rem;font-weight:700;display:grid;position:relative;overflow:hidden}.ratio-preview-stage>span{z-index:2;background:#0c1f29b3;border-radius:.25rem;padding:.3rem .5rem}.ratio-crop-frame{border:2px dashed #fff;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 100vmax #04101673}.ratio-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.ratio-metrics div{border-left:2px solid var(--page-brand);background:var(--page-canvas);gap:.1rem;padding:.55rem .65rem;display:grid}.ratio-metrics dt{color:var(--page-muted);font-size:.75rem}.ratio-metrics dd{overflow-wrap:anywhere;margin:0;font-size:.875rem;font-weight:700}.ratio-result-card{border:1px solid var(--page-border);border-radius:.25rem;gap:.4rem;padding:.875rem;display:grid}.ratio-result-card h3,.ratio-result-card p{margin:0}.ratio-result-card p{color:var(--page-muted);font-size:.8125rem}.ratio-large-result{color:var(--page-brand-strong);font-size:clamp(1.25rem,3vw,1.65rem)}:root[data-theme=dark] .ratio-large-result{color:var(--page-link)}.ratio-division-bar{border:1px solid var(--page-border);border-radius:.25rem;min-height:64px;display:flex;overflow:hidden}.ratio-division-bar span{background:var(--page-brand-soft);min-width:0;color:var(--page-ink);place-items:center;font-size:.75rem;font-weight:700;display:grid}.ratio-division-bar span+span{border-left:2px solid var(--page-brand);background:var(--page-canvas)}.ratio-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.ratio-output-grid article{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;align-content:start;gap:.75rem;min-width:0;padding:.875rem;display:grid}.ratio-output-grid h3{margin:0}.ratio-output-grid .code-output{min-height:9rem}@media (width<=980px){.ratio-editor{grid-template-columns:1fr}.ratio-preview-panel{position:static}}@media (width<=560px){.ratio-field-pair,.ratio-design-list,.ratio-output-grid{grid-template-columns:1fr}.ratio-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-metrics{grid-template-columns:1fr}}.palette-editor{grid-template-columns:minmax(0,1fr) minmax(20rem,1.08fr);align-items:start;gap:1rem;display:grid}.palette-control-panel,.palette-preview-panel,.palette-tone-section{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.875rem;min-width:0;padding:clamp(1rem,3vw,1.25rem);display:grid}.palette-preview-panel{position:sticky;top:1rem}.palette-control-panel fieldset{border:1px solid var(--page-border);border-radius:.25rem;gap:.75rem;padding:.875rem;display:grid}.palette-control-panel legend{padding-inline:.5rem;font-weight:600}.palette-control-panel label{gap:.35rem;font-size:.9375rem;font-weight:600;display:grid}.palette-control-panel input:not([type=radio]):not([type=range]):not([type=color]){border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.palette-base-input{grid-template-columns:58px minmax(0,1fr);align-items:end;gap:.75rem;display:grid}.palette-base-input input[type=color]{border:1px solid var(--page-control-border);background:var(--page-surface);cursor:pointer;border-radius:.25rem;width:58px;height:58px;padding:.25rem}.palette-base-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.palette-mini-swatch{border:1px solid var(--page-control-border);background:var(--page-surface);min-width:0;min-height:44px;color:var(--page-ink);cursor:pointer;border-radius:.25rem;align-items:center;gap:.4rem;padding:.35rem .45rem;font-size:.8125rem;font-weight:600;display:flex}.palette-mini-swatch:hover,.palette-mini-swatch[aria-pressed=true]{border-color:var(--page-brand);background:var(--page-brand-soft)}.palette-mini-swatch span{background:var(--swatch-color);border:1px solid #00000038;border-radius:50%;flex:none;width:1.5rem;height:1.5rem}.palette-range-field{gap:.25rem;display:grid}.palette-range-field>span{justify-content:space-between;gap:.75rem;display:flex}.palette-range-field output{color:var(--page-muted);font-variant-numeric:tabular-nums}.palette-range-field input[type=range]{width:100%;min-height:44px;accent-color:var(--page-brand)}.palette-current-values{gap:.35rem;display:grid}.palette-current-values span{border-bottom:1px solid var(--page-border);color:var(--page-muted);grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding-block:.35rem;font-size:.75rem;display:grid}.palette-current-values strong{overflow-wrap:anywhere;color:var(--page-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.palette-harmony-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.palette-harmony-options label{cursor:pointer;position:relative}.palette-harmony-options input{opacity:0;width:1px;height:1px;position:absolute}.palette-harmony-options span{border:1px solid var(--page-control-border);text-align:center;border-radius:.25rem;place-items:center;min-height:58px;padding:.4rem;display:grid}.palette-harmony-options small{color:var(--page-muted);font-size:.7rem}.palette-harmony-options input:checked+span{border-color:var(--page-brand);background:var(--page-brand-soft)}.palette-harmony-options input:focus-visible+span{outline:3px solid var(--page-focus);outline-offset:2px}.palette-harmony-swatches{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem;display:grid}.palette-color-card{text-align:left;text-shadow:0 1px 1px #0000001f;cursor:pointer;border:1px solid #0003;border-radius:.25rem;align-content:space-between;gap:.25rem;min-width:0;min-height:132px;padding:.75rem;display:grid}.palette-color-card span,.palette-color-card strong{display:block}.palette-color-card small{font-size:.68rem;font-weight:600}.palette-ui-preview{border:1px solid var(--page-border);border-radius:.25rem;gap:.65rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.palette-ui-preview h3,.palette-ui-preview p{margin:0}.palette-ui-preview .badge{border-color:#0000;width:fit-content}.palette-ui-preview button{background:0 0;border:1px solid;border-radius:.25rem;min-height:44px;padding:.5rem .75rem;font-weight:600}.palette-contrast-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.palette-contrast-summary div{border-left:2px solid var(--page-brand);background:var(--page-canvas);gap:.1rem;padding:.55rem .65rem;display:grid}.palette-contrast-summary dt{color:var(--page-muted);font-size:.75rem}.palette-contrast-summary dd{margin:0;font-size:.875rem;font-weight:700}.palette-tone-section h2,.palette-tone-section p{margin:0}.palette-tone-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.palette-tone-card{text-align:left;cursor:pointer;border:1px solid #0003;border-radius:.25rem;align-content:space-between;gap:.2rem;min-width:0;min-height:92px;padding:.55rem;display:grid}.palette-tone-card span,.palette-tone-card small{overflow-wrap:anywhere;font-size:.68rem}.palette-output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.palette-output-grid article{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;align-content:start;gap:.75rem;min-width:0;padding:.875rem;display:grid}.palette-output-grid h3{margin:0}@media (width<=980px){.palette-editor,.palette-output-grid{grid-template-columns:1fr}.palette-preview-panel{position:static}}@media (width<=560px){.palette-base-input{grid-template-columns:52px minmax(0,1fr)}.palette-base-input input[type=color]{width:52px;height:52px}.palette-base-presets,.palette-harmony-options,.palette-tone-grid,.palette-contrast-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-current-values span{grid-template-columns:1fr}}.qr-editor{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);align-items:start;gap:1rem;display:grid}.qr-control-panel,.qr-preview-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.875rem;min-width:0;padding:clamp(1rem,3vw,1.25rem);display:grid}.qr-preview-panel{position:sticky;top:1rem}.qr-control-panel fieldset{border:1px solid var(--page-border);border-radius:.25rem;gap:.75rem;min-width:0;padding:.875rem;display:grid}.qr-control-panel legend{padding-inline:.5rem;font-weight:600}.qr-control-panel label,.qr-form-stack{gap:.35rem;display:grid}.qr-control-panel label{font-size:.9375rem;font-weight:600}.qr-control-panel input:not([type=radio]):not([type=checkbox]):not([type=color]),.qr-control-panel select,.qr-control-panel textarea,.qr-payload-panel textarea{border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .75rem}.qr-control-panel textarea,.qr-payload-panel textarea{resize:vertical;overflow-wrap:anywhere}.qr-type-grid,.qr-correction-grid{grid-template-columns:repeat(auto-fit,minmax(7.25rem,1fr));gap:.5rem;display:grid}.qr-choice-card{cursor:pointer;position:relative}.qr-choice-card input{opacity:0;width:1px;height:1px;position:absolute}.qr-choice-card strong,.qr-choice-card>span{display:block}.qr-choice-card strong{font-size:.875rem}.qr-choice-card strong span,.qr-choice-card>span{color:var(--page-muted);font-size:.7rem;font-weight:500}.qr-choice-card{border:1px solid var(--page-control-border);border-radius:.25rem;min-height:64px;padding:.65rem}.qr-choice-card:has(input:checked){border-color:var(--page-brand);background:var(--page-brand-soft)}.qr-choice-card:has(input:focus-visible){outline:3px solid var(--page-focus);outline-offset:2px}.qr-form-stack{gap:.75rem}.qr-password-field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.qr-control-panel .checkbox-row{cursor:pointer;align-items:center;gap:.55rem;min-height:44px;display:flex}.qr-control-panel .checkbox-row input{width:1.25rem;height:1.25rem;accent-color:var(--page-brand);flex:none}.qr-setting-row,.qr-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.qr-color-field{min-width:0}.qr-color-inputs{grid-template-columns:52px minmax(0,1fr);gap:.5rem;display:grid}.qr-color-inputs input[type=color]{border:1px solid var(--page-control-border);background:var(--page-surface);cursor:pointer;border-radius:.25rem;width:52px;height:44px;padding:.2rem}.qr-color-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-color-summary span{color:var(--page-muted);font-variant-numeric:tabular-nums}.qr-preview-frame{border:1px solid var(--page-border);background:linear-gradient(45deg, #0000000a 25%, transparent 25%), linear-gradient(-45deg, #0000000a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #0000000a 75%), linear-gradient(-45deg, transparent 75%, #0000000a 75%), var(--page-canvas);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:.25rem;place-items:center;min-height:20rem;padding:clamp(1rem,4vw,2rem);display:grid;position:relative;overflow:hidden}.qr-preview-frame img{width:min(100%,30rem);height:auto;image-rendering:pixelated;border:1px solid #0000001a;display:block}.qr-updating-badge{border:1px solid var(--page-brand);background:var(--page-surface);color:var(--page-link);border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.qr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.qr-metrics div{border-left:2px solid var(--page-brand);background:var(--page-canvas);gap:.1rem;padding:.55rem .65rem;display:grid}.qr-metrics dt{color:var(--page-muted);font-size:.75rem}.qr-metrics dd{margin:0;font-size:.875rem;font-weight:700}.qr-download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.qr-download-grid button:last-child{grid-column:1/-1}.qr-payload-panel{border-top:1px solid var(--page-border);gap:.65rem;padding-top:.875rem;display:grid}.qr-payload-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.qr-payload-heading h3,.qr-workspace .notice h2{margin:0}.qr-payload-panel textarea{min-height:7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.qr-sensitive-payload{border:1px solid var(--page-border);background:var(--page-canvas);border-radius:.25rem;gap:.5rem;padding:.75rem;display:grid}.qr-sensitive-payload p{color:var(--page-muted);margin:0;font-size:.8125rem}.qr-sensitive-payload .button{width:fit-content}@media (width<=980px){.qr-editor{grid-template-columns:1fr}.qr-preview-panel{position:static}}@media (width<=560px){.qr-type-grid,.qr-correction-grid,.qr-setting-row,.qr-color-grid,.qr-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-password-field{grid-template-columns:1fr}.qr-password-field .button{width:100%}.qr-preview-frame{min-height:16rem}}@media (width<=380px){.qr-setting-row,.qr-color-grid,.qr-download-grid{grid-template-columns:1fr}.qr-download-grid button:last-child{grid-column:auto}}.report-workspace{--report-brand:#006a5b}.report-logo-preview,.report-logo{object-fit:contain;max-width:14rem;max-height:5rem;display:block}.report-logo-preview{border:1px solid var(--page-border);background:#fff;border-radius:.25rem;padding:.5rem}.report-issue-selector{border:1px solid var(--page-border);border-radius:.25rem;max-height:24rem;margin-top:1rem;display:grid;overflow:auto}.report-issue-selector .checkbox-label{border-bottom:1px solid var(--page-border);margin:0;padding:.75rem}.report-issue-selector .checkbox-label:last-child{border-bottom:0}.report-preview{border-top:.5rem solid var(--report-brand);color:#172033;background:#fff;border-radius:1rem;gap:2rem;padding:clamp(1.25rem,5vw,3rem);display:grid;box-shadow:0 1.25rem 3rem #0f172a1f}.report-preview a{color:#174ea6}.report-preview footer{border-top:1px solid #ccd5e0;padding-top:1.5rem}.report-summary{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.report-score{border:.5rem solid var(--report-brand);border-radius:50%;place-items:center;width:7.5rem;height:7.5rem;font-size:2.25rem;font-weight:700;display:grid}.report-summary dl{grid-template-columns:repeat(3,minmax(5rem,1fr));gap:1rem;margin:0;display:grid}.report-summary dl div,.report-issue-list dl div{gap:.25rem;display:grid}.report-summary dd{margin:0;font-size:1.25rem;font-weight:700}.report-comment{white-space:pre-wrap}.report-issue-list{gap:1rem;display:grid}.report-issue-list article{border-top:.25rem solid var(--report-brand);background:#f5f7fa;border-radius:.25rem;padding:1.25rem}.report-issue-list dl{gap:.75rem;display:grid}.report-issue-list dd{margin:0}.report-export-actions{flex-wrap:wrap}@media (width<=480px){.report-summary{align-items:flex-start}.report-summary dl{grid-template-columns:1fr}}@media print{.browser-tool-form,.react-state,.tool-result{display:none!important}.report-preview{box-shadow:none;padding:0}.report-issue-list article{break-inside:avoid}}.password-workspace{gap:1rem;display:grid}.password-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.password-workspace legend,.password-workspace label{font-size:.875rem;font-weight:700}.password-workspace input[type=text],.password-workspace input[type=password],.password-workspace input[type=number],.password-workspace select{border:1px solid var(--page-border);background:var(--page-surface);min-width:0;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.55rem .65rem}.password-workspace input[type=checkbox],.password-workspace input[type=radio]{width:1.15rem;height:1.15rem;accent-color:var(--page-brand);flex:none}.password-privacy h2,.password-guidance h2{margin:0 0 .25rem;font-size:1rem}.password-privacy p,.password-guidance ul{margin:0}.password-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.password-choice-grid label{border:1px solid var(--page-border);background:var(--page-surface);cursor:pointer;border-radius:.25rem;grid-template-columns:auto 1fr;align-items:center;gap:.1rem .6rem;min-height:64px;padding:.65rem .75rem;display:grid}.password-choice-grid label:has(input:checked){border-color:var(--page-brand);background:var(--page-brand-soft)}.password-choice-grid input{grid-row:1/3}.password-choice-grid span{color:var(--page-muted);font-size:.75rem;font-weight:500}.password-layout{grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr);align-items:start;gap:.75rem;display:grid}.password-settings-panel,.password-result-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.875rem;min-width:0;padding:clamp(.875rem,2vw,1.125rem);display:grid}.password-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.password-presets button{border:1px solid var(--page-border);background:var(--page-canvas);min-height:44px;color:var(--page-ink);cursor:pointer;font:inherit;border-radius:.25rem;padding:.45rem;font-size:.75rem;font-weight:700}.password-presets button:hover{border-color:var(--page-brand)}.password-length-field,.password-text-field,.password-count-field{gap:.35rem;display:grid}.password-length-field>div{grid-template-columns:minmax(0,1fr) 5rem;align-items:center;gap:.5rem;display:grid}.password-length-field input[type=range]{width:100%;accent-color:var(--page-brand)}.password-length-field .field-help{margin:0}.password-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.4rem;display:grid}.password-check-grid label,.password-toggle-row{border:1px solid var(--page-border);cursor:pointer;border-radius:.25rem;align-items:center;gap:.55rem;min-height:44px;padding:.5rem .6rem;display:flex}.password-check-grid code{color:var(--page-muted);font-size:.75rem}.password-toggle-row span{gap:.05rem;display:grid}.password-toggle-row small{color:var(--page-muted);font-size:.72rem;font-weight:500}.password-count-field input{width:7rem}.password-warnings{gap:.4rem;display:grid}.password-warnings .notice{margin:0;padding:.65rem;font-size:.78rem}.password-result-panel{position:sticky;top:5.5rem}.password-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.5rem;display:flex}.password-result-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.password-result-list>li{border:1px solid var(--page-border);background:var(--page-canvas);border-radius:.25rem;gap:.55rem;min-width:0;padding:.65rem;display:grid}.password-secret-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.4rem;display:grid}.password-secret-row label{gap:.3rem;min-width:0;display:grid}.password-secret-row input{letter-spacing:.03em;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.password-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin:0;display:grid}.password-metrics div{border-left:2px solid var(--page-border);gap:.05rem;padding-left:.45rem;display:grid}.password-metrics dt{color:var(--page-muted);font-size:.68rem}.password-metrics dd{margin:0;font-size:.75rem;font-weight:700}.password-strength{background:var(--page-brand-soft);color:var(--page-link);border-radius:999px;padding:.15rem .45rem;display:inline-flex}.password-strength[data-strength=caution]{color:#8a4b08;background:#fff4e5}:root[data-theme=dark] .password-strength[data-strength=caution]{color:#ffd49a;background:#4a2d10}.password-copy-all{width:fit-content}.password-strength-note{color:var(--page-muted);margin:0;font-size:.75rem}.password-guidance{border-top:1px solid var(--page-border);padding-top:.875rem}.password-guidance ul{color:var(--page-muted);gap:.2rem;padding-left:1.25rem;font-size:.82rem;display:grid}@media (width<=820px){.password-layout{grid-template-columns:1fr}.password-result-panel{position:static}}@media (width<=560px){.password-choice-grid,.password-presets,.password-check-grid{grid-template-columns:1fr}.password-secret-row{grid-template-columns:repeat(2,minmax(0,1fr))}.password-secret-row label{grid-column:1/-1}.password-secret-row .button{width:100%}.password-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.password-result-heading>.button,.password-copy-all{width:100%}}.browser-tool-workspace{gap:.75rem}.browser-tool-form,.tool-result,.social-preview,.tool-warning,.gradient-control-panel,.gradient-preview-panel,.palette-control-panel,.palette-preview-panel,.qr-control-panel,.qr-preview-panel,.squircle-control-panel,.squircle-preview-panel,.password-control-panel,.password-result-panel{padding:.875rem}.tool-loading-state,.tool-load-error{border:1px solid var(--page-border);border-radius:var(--radius-lg);background:var(--page-surface);min-height:12rem;color:var(--page-muted);text-align:center;place-items:center;gap:.75rem;padding:1.25rem;display:grid}.tool-loading-state:before{border:2px solid var(--page-border);border-top-color:var(--page-accent);content:"";border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite tool-loading-spin}@keyframes tool-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.tool-loading-state:before{animation:none}}.content-qa-mode-selector{flex-wrap:nowrap;gap:.75rem;overflow-x:auto}.content-qa-mode-selector label{white-space:nowrap;flex:none}.content-qa-mode-selector input{width:.9rem;height:.9rem}.contrast-color-field{gap:.35rem;font-size:.9375rem;font-weight:600;display:grid}.contrast-color-field>div{grid-template-columns:48px minmax(0,1fr);gap:.5rem;display:grid}.browser-tool-form .contrast-color-field input[type=color]{width:48px;min-height:44px}.picture-preset-options{flex-wrap:wrap;gap:.4rem;display:flex}.picture-preset-options button{border:1px solid var(--page-control-border);background:var(--page-surface);min-height:40px;color:var(--page-ink);cursor:pointer;border-radius:.25rem;padding:.4rem .7rem}.picture-preset-options button:hover{border-color:var(--page-brand);background:var(--page-brand-soft)}.picture-advanced{border-top:1px solid var(--page-border);padding-top:.5rem}.picture-advanced summary{min-height:40px;color:var(--page-link);cursor:pointer;align-items:center;font-size:.875rem;font-weight:650;display:flex}.picture-advanced .form-grid{margin-top:.5rem}.clip-path-editor{gap:.75rem}.clip-control-panel,.clip-preview-panel{gap:.6rem;padding:.75rem}.clip-control-panel fieldset,.clip-preview-panel fieldset{gap:.5rem;padding:.65rem}.clip-preset-grid,.clip-shape-tabs{gap:.35rem}.clip-coordinate-fields,.clip-polygon-controls{gap:.5rem}.clip-output-grid article{gap:.5rem;padding:.65rem}.clip-output-grid .code-output{min-height:6.5rem}.gradient-stop-track{touch-action:none}.gradient-track-stop{cursor:grab}.gradient-track-stop:active{cursor:grabbing}.palette-editor{gap:.75rem}.palette-control-panel,.palette-preview-panel,.palette-tone-section{gap:.6rem;padding:.75rem}.palette-control-panel fieldset{gap:.45rem;padding:.6rem}.palette-base-input{grid-template-columns:48px minmax(0,1fr);gap:.5rem}.palette-base-input input[type=color]{width:48px;height:48px}.palette-base-presets,.palette-harmony-options{gap:.35rem}.palette-harmony-options span{min-height:46px;padding:.3rem}.palette-range-field input[type=range]{min-height:44px}.palette-current-values{gap:.15rem}.palette-current-values span{padding-block:.2rem}.palette-harmony-swatches{grid-template-columns:repeat(auto-fit,minmax(7.25rem,1fr));gap:.35rem}.palette-output-grid{gap:.5rem}.palette-output-grid article{gap:.5rem;padding:.65rem}.palette-output-grid .code-output{min-height:8rem}.search-panel,.tool-card,.editor,.react-state,.browser-tool-form,.tool-result,.tool-warning,.metric-card,.image-result-card,.image-job-card,.base64-operation-switch,.base64-input-panel,.base64-result-panel,.clip-control-panel,.clip-preview-panel,.gradient-control-panel,.gradient-preview-panel,.htpasswd-form,.htpasswd-result-panel,.squircle-control-panel,.squircle-preview-panel,.ratio-control-panel,.ratio-preview-panel,.ratio-result-card,.palette-control-panel,.palette-preview-panel,.palette-tone-section,.qr-control-panel,.qr-preview-panel,.qr-payload-panel,.password-control-panel,.password-settings-panel,.password-result-panel,.report-preview{padding:.7rem}.browser-tool-workspace,.base64-workspace,.clip-path-workspace,.gradient-workspace,.htpasswd-workspace,.image-optimizer-workspace,.palette-workspace,.password-workspace,.qr-workspace,.ratio-workspace,.squircle-workspace,.report-workspace,.shared-report,.browser-tool-form,.tool-result,.base64-input-panel,.base64-result-panel,.base64-form-stack,.clip-control-panel,.clip-preview-panel,.gradient-control-panel,.gradient-preview-panel,.htpasswd-form,.htpasswd-result-panel,.squircle-control-panel,.squircle-preview-panel,.ratio-control-panel,.ratio-preview-panel,.palette-control-panel,.palette-preview-panel,.palette-tone-section,.qr-control-panel,.qr-preview-panel,.qr-form-stack,.password-settings-panel,.password-result-panel,.search-controls,.form-grid,.checkbox-grid,.result-grid,.image-result-grid,.base64-choice-grid,.base64-layout,.base64-metrics{gap:.6rem}.result-count{margin-block:.65rem;font-size:.8125rem}.tool-card p{font-size:.75rem}.favorite-button{padding:.4rem .6rem;font-size:.8125rem}.browser-tool-form label,.contrast-color-field,.base64-input-panel label,.base64-result-panel label,.clip-control-panel label,.gradient-control-panel label,.htpasswd-workspace label,.squircle-control-panel label,.ratio-control-panel label,.palette-control-panel label,.qr-control-panel label,.password-workspace label{font-size:.8125rem}.browser-tool-form fieldset,.clip-control-panel fieldset,.clip-preview-panel fieldset,.gradient-control-panel fieldset,.squircle-control-panel fieldset,.squircle-preview-panel fieldset,.ratio-control-panel fieldset,.palette-control-panel fieldset,.qr-control-panel fieldset,.password-workspace fieldset{padding:.6rem}.browser-tool-form legend,.clip-control-panel legend,.gradient-control-panel legend,.squircle-control-panel legend,.ratio-control-panel legend,.palette-control-panel legend,.qr-control-panel legend,.password-workspace legend{font-size:.8125rem}.field-help,.tool-form-heading p,.tool-result p,.compatibility-note,.tool-notice{font-size:.75rem}.code-output{padding:.65rem;font-size:.8rem;line-height:1.5}@media (width<=520px){.search-panel,.browser-tool-form,.tool-result,.tool-warning,.base64-operation-switch,.base64-input-panel,.base64-result-panel,.clip-control-panel,.clip-preview-panel,.gradient-control-panel,.gradient-preview-panel,.htpasswd-form,.htpasswd-result-panel,.squircle-control-panel,.squircle-preview-panel,.ratio-control-panel,.ratio-preview-panel,.palette-control-panel,.palette-preview-panel,.palette-tone-section,.qr-control-panel,.qr-preview-panel,.password-settings-panel,.password-result-panel{padding:.6rem}}.search-panel,.tool-card,.editor,.react-state,.browser-tool-form,.tool-result,.tool-warning,.metric-card,.image-result-card,.image-job-card,.base64-operation-switch,.base64-input-panel,.base64-result-panel,.clip-control-panel,.clip-preview-panel,.gradient-intro,.gradient-control-panel,.gradient-preview-panel,.htpasswd-form,.htpasswd-result-panel,.squircle-control-panel,.squircle-preview-panel,.ratio-control-panel,.ratio-preview-panel,.ratio-result-card,.palette-control-panel,.palette-preview-panel,.palette-tone-section,.qr-control-panel,.qr-preview-panel,.qr-payload-panel,.password-control-panel,.password-settings-panel,.password-result-panel,.report-preview{padding:.5rem}.browser-tool-workspace,.base64-workspace,.clip-path-workspace,.gradient-workspace,.htpasswd-workspace,.image-optimizer-workspace,.palette-workspace,.password-workspace,.qr-workspace,.ratio-workspace,.squircle-workspace,.report-workspace,.shared-report,.clip-path-editor,.gradient-layout,.htpasswd-layout,.squircle-editor,.ratio-editor,.palette-editor,.qr-editor,.password-layout,.browser-tool-form,.tool-result,.base64-input-panel,.base64-result-panel,.base64-form-stack,.clip-control-panel,.clip-preview-panel,.gradient-control-panel,.gradient-preview-panel,.htpasswd-form,.htpasswd-result-panel,.squircle-control-panel,.squircle-preview-panel,.ratio-control-panel,.ratio-preview-panel,.palette-control-panel,.palette-preview-panel,.palette-tone-section,.qr-control-panel,.qr-preview-panel,.qr-form-stack,.password-settings-panel,.password-result-panel,.search-controls,.form-grid,.checkbox-grid,.result-grid,.image-result-grid,.base64-choice-grid,.base64-layout,.base64-metrics{gap:.45rem}.search-controls{margin-top:.45rem}.result-count{margin-block:.45rem}.tool-card h2{margin:.25rem 0 .1rem;font-size:.875rem}.tool-card-actions,.form-actions{gap:.3rem;padding-top:.35rem}.favorite-button{gap:.25rem;padding:.3rem .5rem;font-size:.75rem}.empty-result,.image-empty-state{padding:.7rem .5rem}.sitemap-row,.checklist-item,.estimate-summary,.checklist-summary,.audit-metric-list div,.audit-browser-grid>div,.audit-diff-grid>div,.audit-facts-grid>div,.audit-issue,.base64-file-summary div,.base64-metrics div,.gradient-stop-list>li,.gradient-contrast-summary article,.squircle-metrics span,.ratio-metrics div,.palette-contrast-summary div,.qr-metrics div,.password-result-list>li{padding:.4rem}.browser-tool-form input:not([type=checkbox]):not([type=range]),.browser-tool-form select,.browser-tool-form textarea,.base64-input-panel input:not([type=radio]),.base64-input-panel textarea,.base64-result-panel input,.base64-result-panel textarea,.clip-control-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.clip-control-panel select,.clip-control-panel textarea,.clip-preview-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.gradient-control-panel input:not([type=radio]):not([type=range]):not([type=color]),.gradient-control-panel select,.htpasswd-workspace input,.htpasswd-workspace select,.htpasswd-workspace textarea,.squircle-control-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.squircle-preview-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.ratio-control-panel input:not([type=radio]),.palette-control-panel input:not([type=radio]):not([type=range]):not([type=color]),.qr-control-panel input:not([type=radio]):not([type=checkbox]):not([type=color]),.qr-control-panel select,.qr-control-panel textarea,.qr-payload-panel textarea,.password-workspace input[type=text],.password-workspace input[type=password],.password-workspace input[type=number],.password-workspace select{padding:.3rem .5rem;font-size:.75rem}.browser-tool-form fieldset,.clip-control-panel fieldset,.clip-preview-panel fieldset,.gradient-control-panel fieldset,.squircle-control-panel fieldset,.squircle-preview-panel fieldset,.ratio-control-panel fieldset,.palette-control-panel fieldset,.qr-control-panel fieldset,.password-workspace fieldset{gap:.45rem;padding:.45rem}.browser-tool-form h2,.tool-result h2,.tool-form-heading h2{font-size:clamp(.9rem,1.75vw,1rem)}.browser-tool-form p,.tool-form-heading p,.tool-result p{margin-block:.15rem}.code-output{min-height:7rem;padding:.5rem;font-size:.75rem;line-height:1.45}.serp-preview,.contrast-preview,.clip-output-grid article,.squircle-output-grid article,.ratio-output-grid article,.palette-output-grid article{padding:.5rem}.contrast-preview{gap:.45rem}.contrast-preview span{font-size:1.35rem}.social-preview>div:not(.social-preview-image),.social-preview>p{padding:.4rem .5rem}.tool-loading-state,.tool-load-error{gap:.4rem;min-height:7rem;padding:.6rem}.base64-choice-grid label,.gradient-type-options label,.qr-choice-card,.password-choice-grid label,.squircle-preset-grid .button,.squircle-precision-options span,.ratio-preset-grid .button,.ratio-design-list span{min-height:48px;padding:.35rem .45rem}.gradient-preset-grid button{min-height:68px}.gradient-stop-track{height:3.5rem;margin-bottom:1.2rem}.gradient-preview{gap:.45rem;min-height:14rem;padding:clamp(.7rem,2.5vw,1.25rem)}.gradient-preview h3{font-size:clamp(1.15rem,3vw,1.55rem)}.squircle-stage-shell,.ratio-stage-shell{min-height:10rem;padding:clamp(.6rem,2.5vw,1rem)}.ratio-division-bar{min-height:52px}.palette-color-card{min-height:84px;padding:.4rem}.palette-ui-preview{gap:.3rem;padding:.5rem}.palette-tone-card{min-height:60px;padding:.3rem}.palette-output-grid,.squircle-output-grid,.ratio-output-grid,.gradient-contrast-summary,.qr-metrics,.qr-download-grid,.password-result-list{gap:.4rem}.qr-preview-frame{min-height:14rem;padding:clamp(.6rem,2.5vw,1rem)}.qr-payload-panel,.password-guidance,.htpasswd-guidance{padding-top:.55rem}.password-mode-switch>legend{margin-bottom:.3rem}.password-check-grid{margin-top:.25rem}@media (width<=520px){.search-panel,.browser-tool-form,.tool-result,.tool-warning,.base64-operation-switch,.base64-input-panel,.base64-result-panel,.clip-control-panel,.clip-preview-panel,.gradient-intro,.gradient-control-panel,.gradient-preview-panel,.htpasswd-form,.htpasswd-result-panel,.squircle-control-panel,.squircle-preview-panel,.ratio-control-panel,.ratio-preview-panel,.palette-control-panel,.palette-preview-panel,.palette-tone-section,.qr-control-panel,.qr-preview-panel,.password-settings-panel,.password-result-panel{padding:.5rem}.qr-preview-frame{min-height:13rem}}.image-upload-dropzone{border:1px dashed var(--page-border);background:color-mix(in srgb, var(--page-surface) 82%, var(--page-canvas));border-radius:.25rem;transition:border-color .12s,background-color .12s}.image-upload-dropzone[data-drag-active=true]{border-color:var(--page-brand);background:var(--page-brand-soft);border-style:solid}.image-upload-dropzone[data-disabled=true]{cursor:not-allowed;opacity:.62}.image-upload-dropzone:focus-within{outline:3px solid color-mix(in srgb, var(--page-brand) 40%, transparent);outline-offset:2px}.image-upload-label{cursor:pointer;grid-template-columns:minmax(0,1fr) minmax(12rem,auto);align-items:center;gap:.5rem;min-height:68px;padding:.5rem;display:grid}.image-upload-dropzone[data-disabled=true] .image-upload-label{cursor:not-allowed}.image-upload-copy{flex-wrap:wrap;align-items:baseline;gap:.15rem .4rem;min-width:0;display:flex}.image-upload-copy strong{color:var(--page-text);font-size:.82rem}.image-upload-copy span{color:var(--page-muted);font-size:.75rem}.image-upload-label input[type=file]{width:100%;min-width:0;min-height:44px;font-size:.75rem}@media (width<=520px){.image-upload-label{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){.image-upload-dropzone{transition:none}}.svg-optimizer-workspace{grid-template-columns:minmax(0,1fr) minmax(17rem,.62fr);align-items:start}.svg-optimizer-input,.svg-optimizer-settings,.svg-job-section{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.5rem;min-width:0;padding:.7rem;display:grid}.svg-job-section,.svg-results{grid-column:1/-1}.svg-optimizer-input label,.svg-optimizer-settings label,.svg-job-section label{color:var(--page-ink);gap:.25rem;font-size:.75rem;font-weight:600;display:grid}.svg-optimizer-input textarea,.svg-optimizer-settings select,.svg-job-section input[type=text],.svg-code-panel textarea{border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.45rem .55rem}.svg-paste-panel,.svg-code-panel{border-top:1px solid var(--page-border);padding-top:.4rem}.svg-paste-panel summary,.svg-code-panel summary{min-height:44px;color:var(--page-link);cursor:pointer;align-items:center;font-size:.75rem;font-weight:700;display:flex}.svg-paste-panel textarea{resize:vertical;min-height:7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.svg-paste-panel .button{margin-top:.4rem}.svg-optimizer-settings fieldset{border:0;margin:0;padding:0}.svg-optimizer-settings legend{margin-bottom:.3rem;font-size:.75rem;font-weight:700}.svg-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .5rem;display:grid}.svg-setting-grid .check-row{cursor:pointer;white-space:nowrap;flex-direction:row;align-items:center;gap:.4rem;min-height:44px;display:flex}.svg-setting-grid input[type=checkbox]{flex:none;width:1.1rem;height:1.1rem}.svg-job-list,.svg-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.svg-job-card,.svg-result-card{border:1px solid var(--page-border);border-radius:.25rem;gap:.45rem;min-width:0;padding:.55rem;display:grid}.svg-job-heading,.svg-result-title{justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.svg-job-heading h3,.svg-job-heading small,.svg-result-title h3,.svg-result-title p{overflow-wrap:anywhere;margin:0}.svg-job-heading h3,.svg-result-title h3{font-size:.8125rem}.svg-job-heading small,.svg-result-title p,.svg-result-title strong{color:var(--page-muted);font-size:.7rem}.svg-metadata-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:.45rem;display:grid}.svg-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.svg-preview-grid figure{min-width:0;margin:0}.svg-preview-frame{border:1px solid var(--page-border);background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 / 1rem 1rem;border-radius:.2rem;place-items:center;min-height:9rem;padding:.4rem;display:grid;overflow:hidden}.svg-preview-frame img{object-fit:contain;width:100%;max-height:12rem}.svg-preview-grid figcaption{color:var(--page-muted);text-align:center;margin-top:.2rem;font-size:.6875rem}.svg-result-metrics{border-block:1px solid var(--page-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;display:grid}.svg-result-metrics div{min-width:0;padding:.35rem}.svg-result-metrics dt{color:var(--page-muted);font-size:.65rem}.svg-result-metrics dd{overflow-wrap:anywhere;margin:.1rem 0 0;font-size:.7rem;font-weight:650}.svg-code-panel textarea{resize:vertical;min-height:9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.5}@media (width<=760px){.svg-optimizer-workspace,.svg-job-list,.svg-result-list{grid-template-columns:1fr}.svg-optimizer-input,.svg-optimizer-settings,.svg-job-section,.svg-results{grid-column:1}}@media (width<=520px){.svg-optimizer-input,.svg-optimizer-settings,.svg-job-section,.svg-results{padding:.5rem}.svg-setting-grid,.svg-metadata-grid,.svg-result-metrics{grid-template-columns:1fr}.svg-setting-grid .check-row{white-space:normal}.svg-preview-frame{min-height:7rem}}.code-formatter-workspace{gap:.55rem;display:grid}.code-formatter-controls{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;grid-template-columns:auto minmax(9rem,.8fr) minmax(11rem,1fr) auto;align-items:end;gap:.5rem;padding:.6rem;display:grid}.code-formatter-controls h2,.code-editor-heading h2{margin:0;font-size:.8125rem}.code-formatter-control-group{gap:.25rem;display:grid}.segmented-control{grid-template-columns:repeat(2,minmax(4rem,1fr));gap:.25rem;display:grid}.segmented-control button{border:1px solid var(--page-control-border);background:var(--page-surface);min-height:44px;color:var(--page-ink);cursor:pointer;border-radius:.25rem;padding:.35rem .6rem;font-size:.75rem;font-weight:700}.segmented-control button[aria-pressed=true]{border-color:var(--page-brand);background:var(--page-brand-soft);color:var(--page-link)}.segmented-control button:disabled{cursor:not-allowed;opacity:.55}.code-language-field,.code-indent-field{min-width:0}.code-language-field>span,.code-indent-field>span{font-size:.7rem;font-weight:700}.code-language-field select,.code-indent-field select{border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-height:44px;color:var(--page-ink);border-radius:.25rem;padding:.35rem .5rem;font-size:.75rem}.code-language-field small{color:var(--page-muted);font-size:.65rem}.code-comment-option{white-space:nowrap;align-items:center;gap:.4rem;min-height:44px;font-size:.72rem;font-weight:650;display:flex}.code-comment-option input{flex:none;width:1.1rem;height:1.1rem}.code-primary-actions .button{min-width:8.5rem}.code-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.code-editor-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;grid-template-rows:auto auto minmax(17rem,42vh);gap:.4rem;min-width:0;padding:.55rem;display:grid}.code-output-panel{grid-template-rows:auto minmax(17rem,42vh) auto auto}.code-formatter-controls,.code-output-panel h2{scroll-margin-block-start:4rem}.code-editor-heading{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.code-editor-heading p{color:var(--page-muted);overflow-wrap:anywhere;margin:.1rem 0 0;font-size:.68rem}.text-button{min-height:44px;color:var(--page-link);cursor:pointer;background:0 0;border:0;padding:.25rem .4rem;font-size:.7rem;font-weight:700}.text-button:disabled{cursor:not-allowed;opacity:.45}.code-file-drop{border:1px dashed var(--page-control-border);background:var(--page-canvas);border-radius:.25rem;justify-content:space-between;align-items:center;gap:.45rem;min-width:0;min-height:44px;padding:.25rem .3rem .25rem .55rem;transition:border-color .12s,background-color .12s;display:flex}.code-file-drop[data-drag-active=true]{border-color:var(--page-brand);background:var(--page-brand-soft)}.code-file-drop>span{color:var(--page-muted);font-size:.7rem}.code-file-drop .button{flex:none}.code-editor-textarea{resize:vertical;border:1px solid var(--page-control-border);background:var(--page-canvas);width:100%;min-width:0;min-height:0;color:var(--page-ink);tab-size:2;white-space:pre;border-radius:.2rem;padding:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.55;overflow:auto}.code-editor-textarea[readonly]{background:color-mix(in srgb, var(--page-canvas) 82%, var(--page-brand-soft))}.code-result-actions{flex-wrap:wrap;gap:.35rem;display:flex}.code-result-actions .button{flex:auto}.code-result-actions+.field-help{min-height:1rem;margin:0}.code-processing-state{border:1px solid var(--page-border);border-radius:.25rem;align-items:center;gap:.55rem;min-height:44px;padding:.4rem .55rem;font-size:.72rem;font-weight:650;display:flex}.code-processing-state progress{width:min(15rem,45%);min-height:.55rem;accent-color:var(--page-brand)}.code-result-stats{border:1px solid var(--page-border);border-radius:.25rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.code-result-stats div{min-width:0;padding:.4rem .55rem}.code-result-stats div+div{border-left:1px solid var(--page-border)}.code-result-stats dt{color:var(--page-muted);font-size:.65rem}.code-result-stats dd{overflow-wrap:anywhere;margin:.1rem 0 0;font-size:.72rem;font-weight:700}.code-result-stats [data-size-change=reduced]{color:var(--page-link)}.code-result-stats [data-size-change=increased]{color:#a15c00}:root[data-theme=dark] .code-result-stats [data-size-change=increased]{color:#f6c46d}.code-formatter-message,.code-formatter-note{margin:0;font-size:.7rem}.code-formatter-message{color:var(--page-ink);font-weight:650}.code-formatter-note{color:var(--page-muted)}@media (width<=800px){.code-formatter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.code-primary-actions .button{width:100%}.code-editor-grid{grid-template-columns:1fr}.code-editor-panel,.code-output-panel{grid-template-rows:auto auto minmax(14rem,34vh)}.code-output-panel{grid-template-rows:auto minmax(14rem,34vh) auto auto}}@media (width<=520px){.code-formatter-controls{grid-template-columns:1fr;padding:.5rem}.code-comment-option{white-space:normal}.code-editor-panel{padding:.45rem}.code-file-drop{flex-direction:column;align-items:stretch;padding:.35rem}.code-file-drop>span{padding-inline:.2rem}.code-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.code-result-stats div+div{border-left:0}.code-result-stats div:nth-child(2n){border-left:1px solid var(--page-border)}.code-result-stats div:nth-child(n+3){border-top:1px solid var(--page-border)}}@media (prefers-reduced-motion:reduce){.code-file-drop{transition:none}}.browser-tool-workspace small,.gradient-preset-grid small,.gradient-contrast-summary small,.gradient-preview-panel .compatibility-note,.htpasswd-result-meta dt,.palette-tone-card span,.palette-tone-card small,.password-metrics dt,.svg-preview-grid figcaption,.svg-result-metrics dt,.svg-result-metrics dd,.svg-result-title p,.svg-result-title strong,.svg-code-panel textarea,.code-language-field>span,.code-indent-field>span,.code-language-field small,.text-button,.code-comment-option,.code-editor-heading p,.code-file-drop>span,.code-processing-state,.code-result-stats dt,.code-result-stats dd,.code-formatter-message,.code-formatter-note{font-size:.75rem}.browser-tool-workspace :is(input,select,textarea):not(:disabled)::placeholder,.code-formatter-workspace textarea::placeholder{color:var(--page-muted);opacity:1}.segmented-control button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--page-link)}.tool-card:focus-within,.tool-card:hover{background:var(--page-hover)}.password-layout{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr)}.password-result-panel{border-top:3px solid var(--page-link)}.password-guidance summary{cursor:pointer;align-content:center;min-height:44px;font-weight:600;display:list-item}.password-guidance ul{margin-bottom:.5rem}.utility-workspace{gap:.5rem;display:grid}.design-workspace .design-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.diff-input{resize:vertical;width:100%;min-height:10rem;font:.8125rem/1.6 monospace}.diff-table-scroll{max-height:30rem;overflow:auto}.diff-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.75rem}.diff-table th,.diff-table td{border:1px solid var(--page-border);vertical-align:top;text-align:left;padding:.35rem}.diff-table th:first-child{width:4rem}.diff-table pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0}.diff-add{color:#174726;background:#e9f6ec}.diff-remove{color:#812b24;background:#fff0ee}:root[data-theme=dark] .diff-add{color:#c5f2d4;background:#183728}:root[data-theme=dark] .diff-remove{color:#ffd7d2;background:#442724}.motion-stage{background:var(--page-canvas);place-items:center;display:grid}.motion-object{color:#fff;background:#23634f;border-radius:8px;padding:1.5rem 2rem;font-weight:700}.typography-stage{max-height:32rem;overflow:auto}.typography-sample{overflow-wrap:anywhere;line-break:strict;padding:.5rem}.typography-sample h3{margin:0 0 .75em}.typography-sample p{white-space:pre-wrap;margin:0 0 1em}.layout-preview-scroll{max-width:100%;overflow:auto}.design-results{gap:.5rem;min-width:0;display:grid}.design-controls{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:end;gap:.4rem;display:grid}.design-workspace .utility-toolbar{justify-content:flex-start}.design-workspace input:not([type=checkbox]):not([type=color]):not([type=range]),.design-workspace select,.design-workspace textarea{border:1px solid var(--page-control-border);background:var(--page-surface);color:var(--page-ink);border-radius:4px;padding:.4rem .5rem}.design-workspace input:focus-visible,.design-workspace select:focus-visible,.design-workspace textarea:focus-visible{outline:2px solid var(--page-link);outline-offset:2px}.design-field{gap:.15rem;min-width:0;font-size:.75rem;display:grid}.design-field input,.design-field select{width:100%;min-width:0;min-height:44px}.design-color{align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.design-color input[type=color]{width:44px;height:44px;padding:3px}.design-layer{border:1px solid var(--page-border);min-width:0;margin:.4rem 0;padding:.4rem}.design-layer legend{padding:0 .25rem;font-size:.75rem}.design-preview{border:1px solid var(--page-border);border-radius:4px;min-height:14rem;overflow:hidden}.shadow-stage{place-items:center;display:grid}.shadow-object{border-radius:12px;width:48%;height:100px}.design-output textarea{resize:vertical;width:100%;min-height:7rem;font:.75rem/1.6 monospace}.design-workspace h2{font-size:.875rem}.design-workspace .utility-feedback:empty{display:none}@media (width<=760px){.design-workspace .design-columns{grid-template-columns:minmax(0,1fr)}}.utility-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.5rem;display:grid}.utility-panel{border:1px solid var(--page-border);background:var(--page-surface);border-radius:.25rem;gap:.5rem;min-width:0;padding:.5rem;display:grid}.utility-heading,.utility-actions,.utility-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;min-width:0;display:flex}.utility-actions{justify-content:flex-start}.utility-heading h2{margin:0;font-size:.875rem;font-weight:700}.utility-modes{flex-wrap:wrap;width:fit-content;max-width:100%;display:flex}.utility-modes button{flex:auto}.utility-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.utility-unit-input{align-items:center;gap:.4rem;min-width:0;display:flex}.utility-unit-input input{font-variant-numeric:tabular-nums;width:100%;min-width:0}.utility-unit-input>span{color:var(--page-muted);flex-shrink:0;font-size:.75rem}.utility-primary-result{background:var(--page-brand-soft);border-left:3px solid var(--page-link);gap:.25rem;padding:.75rem;display:grid}.utility-primary-result>span{font-size:.75rem}.utility-primary-result>strong{overflow-wrap:anywhere;color:var(--page-link);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,4vw,2rem)}.utility-stats{border:1px solid var(--page-border);background:var(--page-border);border-radius:.25rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;display:grid;overflow:hidden}.utility-stats>div{background:var(--page-surface);min-width:0;padding:.5rem}.utility-stats dt{color:var(--page-muted);font-size:.75rem}.utility-stats dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:.2rem 0 0;font-size:1rem;font-weight:700}.character-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.character-stats>div:first-child{background:var(--page-brand-soft)}.character-stats dd{font-size:1.4rem}.utility-textarea{resize:vertical;border:1px solid var(--page-control-border);background:var(--page-surface);width:100%;min-width:0;height:clamp(14rem,35vh,22rem);min-height:8rem;color:var(--page-ink);font:inherit;border-radius:.25rem;padding:.5rem;line-height:1.7;display:block}.utility-textarea[readonly]{background:var(--page-canvas)}.utility-checkbox{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;font-size:.75rem;display:flex}.utility-checkbox input{width:1rem;height:1rem;accent-color:var(--page-brand)}.utility-feedback,.utility-panel .field-help,.utility-workspace>.field-help,.utility-panel .field-error{margin:0;font-size:.75rem}.utility-feedback:empty{display:none}.table-workspace label{font-size:.75rem}.table-dimensions,.table-settings{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.table-dimensions label,.table-workspace .utility-heading>label{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.table-workspace .utility-heading select{width:auto}.table-dimensions input{width:3.5rem}.table-caption{flex:15rem;align-items:center;gap:.4rem;display:flex}.table-caption input{flex:1;min-width:0}.table-columns{align-items:start}.table-editor-scroll{border:1px solid var(--page-control-border);border-radius:.25rem;max-width:100%;max-height:22rem;overflow:auto}.table-editor{border-collapse:collapse;width:100%}.table-editor td{border:1px solid var(--page-border);vertical-align:top;min-width:7rem;padding:0}.table-editor td[data-heading=true]{background:var(--page-brand-soft)}.table-editor td[data-selected=true]{box-shadow:inset 0 0 0 2px var(--page-link)}.table-editor textarea{width:100%;min-width:7rem;min-height:44px;color:var(--page-ink);font:inherit;resize:vertical;background:0 0;border:0;padding:.4rem;font-size:.8125rem;line-height:1.5;display:block}.table-editor textarea:focus-visible{outline-offset:-2px}.table-preview{border:1px solid var(--page-control-border);background:#fff;border-radius:.25rem;width:100%;height:14rem}.table-details{border-top:1px solid var(--page-border)}.table-details summary{cursor:pointer;align-content:center;min-height:44px;font-size:.75rem;font-weight:600}.table-detail-content{gap:.5rem;padding-bottom:.4rem;display:grid}.table-import{height:8rem}.table-class-name{flex:12rem;min-width:0}.table-code{height:9rem;font-family:ui-monospace,monospace;font-size:.75rem}.utility-limit-row{align-items:end}.utility-limit-row input{width:9rem}.utility-limit-status{color:var(--page-link);margin:0;font-weight:600}@media (width<=820px){.password-layout,.utility-columns{grid-template-columns:1fr}.character-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.line-break-workspace .utility-textarea{height:clamp(8rem,20vh,12rem)}}@media (width<=520px){.utility-fields,.character-stats,.password-check-grid,.password-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.password-choice-grid label{gap:.25rem;font-size:.75rem}.password-choice-grid span{display:none}.password-choice-grid input{grid-row:auto}.password-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.password-check-grid label{flex-wrap:wrap;gap:.3rem;font-size:.75rem}}.raster-upload{border:1px dashed var(--page-control-border);background:var(--page-surface);border-radius:4px;padding:.5rem}.raster-upload[data-dragging=true]{outline:2px solid var(--page-link)}.raster-upload input[type=file]{width:100%;min-width:0;min-height:44px}.raster-stage{justify-content:center;padding:.5rem;display:flex;overflow:hidden}.raster-picker{cursor:crosshair;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;border:0;padding:0;display:block;position:relative}.raster-picker img{pointer-events:none;width:100%;height:auto;display:block}.raster-picker:focus-visible{outline:3px solid var(--page-link);outline-offset:3px}.raster-crosshair{pointer-events:none;border:2px solid #fff;border-radius:50%;outline:2px solid #000;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.extracted-colors{gap:.35rem;padding:0;list-style:none;display:grid}.extracted-colors li{grid-template-columns:36px minmax(0,1fr) 3.5rem;align-items:center;gap:.4rem;display:grid}.extracted-colors .button,.extracted-picked .button{overflow-wrap:anywhere;white-space:normal;min-width:0}.extracted-swatch{border:1px solid var(--page-control-border);border-radius:4px;width:32px;height:32px;display:inline-block}.extracted-picked{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.design-workspace .filter-columns{grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr)}@media (width<=760px){.design-workspace .filter-columns{grid-template-columns:minmax(0,1fr)}}.filter-control{grid-template-columns:7rem minmax(0,1fr) 5.5rem;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.filter-control>label{white-space:nowrap}.filter-control input[type=range]{width:100%;min-width:0;min-height:44px;accent-color:var(--page-link)}.filter-number{align-items:center;gap:.2rem;min-width:0;display:flex}.filter-number input{background:var(--page-surface);border:1px solid var(--page-control-border);width:100%;min-width:0;min-height:44px;color:var(--page-ink);border-radius:4px;padding:.3rem}.filter-control input:focus-visible{outline:2px solid var(--page-link);outline-offset:2px}.filter-control .field-error{grid-column:1/-1}.filter-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.filter-comparison:not([data-view=compare]){grid-template-columns:minmax(0,1fr)}.filter-comparison figure{min-width:0;margin:0}.filter-comparison figcaption{margin-bottom:.25rem;font-size:.75rem}.filter-image-frame{border:1px solid var(--page-control-border);border-radius:4px;justify-content:center;align-items:center;height:15rem;display:flex;overflow:hidden}.filter-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.filter-presets button[aria-pressed=true]{border-color:var(--page-link);background:var(--page-brand-soft);color:var(--page-link)}@media (width<=440px){.filter-control{grid-template-columns:6.5rem minmax(0,1fr) 5rem;gap:.3rem}.filter-image-frame{height:10rem}}