.simpleToolGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);grid-gap:28px;gap:28px;align-items:stretch}.resultPanel,.toolControlPanel{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:24px}.checkGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:22px 0}.checkGrid label{display:flex;gap:9px;align-items:center;font-weight:700}.largeResult{display:block;padding:18px;margin:10px 0 18px;border-radius:10px;background:#111827;color:#f8fafc;overflow-wrap:anywhere;font-size:1.05rem}.resultTextarea{min-height:260px;font-family:Consolas,monospace}.editorGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.codeEditor{min-height:330px;font-family:Consolas,monospace;line-height:1.45}.colorPickerGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:22px 0}.colorPickerGrid label{display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe5ec;border-radius:10px;padding:12px;font-weight:700}.colorPickerGrid input{width:52px;height:38px;border:0;background:transparent}.cssResult{display:block;background:#111827;color:#f8fafc;border-radius:10px;padding:14px;margin:0 0 16px;overflow-wrap:anywhere}.gradientPreview{min-height:360px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:1.2rem;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.35)}@media(max-width:820px){.checkGrid,.editorGrid,.simpleToolGrid{grid-template-columns:1fr}.gradientPreview{min-height:260px}}.textInput{width:100%;min-height:44px;border:1px solid #cfd4dc;border-radius:9px;padding:10px 12px;font:inherit;margin:0 0 16px}.fieldRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.fieldRow label{font-weight:800}.statGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.statBox{padding:18px;border:1px solid #dfe5ec;border-radius:12px;background:var(--soft)}.statBox span,.statBox strong{display:block}.statBox strong{font-size:28px;line-height:1.1}.statBox span{color:var(--muted);font-size:13px;margin-top:5px}@media(max-width:620px){.fieldRow,.statGrid{grid-template-columns:1fr}}.largeColorInput{width:100%;height:110px;border:1px solid #cfd4dc;border-radius:12px;padding:8px;background:#fff;margin:0 0 18px}.colorSwatch{height:130px;margin-bottom:18px}.colorSwatch,.contrastPreview{border:1px solid #dfe5ec;border-radius:14px}.contrastPreview{min-height:180px;display:grid;place-items:center;text-align:center;padding:24px;font-size:28px;font-weight:800}.contrastRatio{display:block;font-size:42px;line-height:1.1;margin:22px 0}.pickerResult{display:block;font-size:clamp(34px,7vw,72px);line-height:1.08;overflow-wrap:anywhere;margin:18px 0}.toolWorkspace input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),.toolWorkspace select,.toolWorkspace textarea{display:block;width:100%;border:1px solid #cfd4dc;border-radius:9px;padding:10px 12px;font:inherit;color:var(--ink);background:#fff}.toolWorkspace textarea{min-height:160px;resize:vertical;white-space:pre-wrap;font-family:Consolas,Menlo,monospace;line-height:1.45}.toolWorkspace textarea.codeEditor{min-height:330px}.toolWorkspace textarea.resultTextarea{min-height:260px}.toolWorkspace textarea.tall{min-height:360px}.toolWorkspace input[type=file]{display:block;max-width:100%;margin:0 0 16px}.toolWorkspace input[type=color].colorWide{width:100%;height:56px;padding:4px;margin:0 0 16px}.toolWorkspace label{display:block}.toolWorkspace .checkGrid label,.toolWorkspace .checkLine{display:flex;gap:9px;align-items:center;margin:0 0 12px;font-weight:700}.toolWorkspace .buttonRow{margin:16px 0}.tool-panel{display:grid;grid-gap:16px;gap:16px;background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:24px}.tool-panel label{font-weight:800}.tool-panel label input,.tool-panel label select,.tool-panel label textarea{margin-top:6px;font-weight:400}.tool-grid,.tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;align-items:end}.tool-result{padding:16px 18px;border-radius:10px;background:var(--soft);border:1px solid #dfe5ec;overflow-wrap:anywhere;white-space:pre-wrap}.tool-result-large{font-size:clamp(32px,6vw,56px);font-weight:800;text-align:center;line-height:1.2}.tool-actions{display:flex;gap:12px;flex-wrap:wrap}.tool-actions button,.tool-panel button{min-height:44px;padding:0 16px;border-radius:9px;border:1px solid var(--brand);background:var(--brand);color:#fff;font:inherit;font-weight:800;cursor:pointer;justify-self:start}.tool-error{color:#a61b1b;font-weight:700}.toolStack{display:grid;grid-gap:16px;gap:16px}.toolLabel{display:grid;grid-gap:7px;gap:7px;font-weight:800}.toolLabel input,.toolLabel select,.toolLabel textarea{font-weight:400}.toolTextarea{min-height:200px}.toolHelp,.toolNote{color:var(--muted);font-size:14px;margin:0 0 12px}.toolSplit{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.toolActions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.toolError,.toolWarning{font-weight:700;margin:0}.toolError{color:#a61b1b}.toolWarning{color:#8a5a00}.toolTableWrap{overflow:auto;border:1px solid #dfe5ec;border-radius:12px;background:#fff}.toolTable{width:100%;border-collapse:collapse;font-size:14px}.toolTable td,.toolTable th{padding:8px 12px;border-bottom:1px solid #eef1f5;text-align:left;white-space:nowrap}.toolTable th{background:var(--soft)}.previewPanel{min-height:200px;padding:18px;background:#fff;border:1px solid #dfe5ec;border-radius:12px;overflow-wrap:anywhere}.strengthTrack{height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden}.strengthFill{height:100%;background:var(--brand);transition:width .2s}.imageToolGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:28px;gap:28px;align-items:start}.faviconCard,.imagePreviewPanel{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:16px;overflow:auto}.faviconCard canvas,.imagePreviewPanel canvas{max-width:100%;height:auto}.faviconGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.faviconCard{display:grid;grid-gap:10px;gap:10px;justify-items:center}.fourFieldGrid,.twoFieldGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:0 0 16px}.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.metricGrid div{padding:12px;border:1px solid #dfe5ec;border-radius:10px;background:#fff}.metricGrid span,.metricGrid strong{display:block}.metricGrid span{color:var(--muted);font-size:13px}.radiusPreview,.shadowPreview{display:grid;place-items:center;min-height:220px;margin:0 0 18px;background:linear-gradient(135deg,#2264dc,#16a085);color:#fff;font-weight:800}.shadowPreview{background:#fff;border-radius:16px}.textShadowPreview{min-height:180px;display:grid;place-items:center;font-size:clamp(36px,7vw,64px);font-weight:800;margin:0 0 18px;overflow-wrap:anywhere}.gradientPresetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.gradientPreset{min-height:96px;border:0;border-radius:12px;color:#fff;font-weight:800;cursor:pointer;text-shadow:0 1px 6px rgba(0,0,0,.35)}.gradientPresetLarge{min-height:220px;border-radius:14px;margin:0 0 16px}.blobPreview svg{display:block;width:100%;max-width:320px;margin:0 auto 16px}.smallCode{font-size:12px}.metadataThumb{display:block;max-width:100%;max-height:260px;border-radius:12px;margin:0 0 16px}.metadataList div{display:grid;grid-template-columns:150px 1fr;grid-gap:10px;gap:10px;padding:6px 0;border-bottom:1px solid #eef1f5}.metadataList dt{font-weight:800;text-transform:capitalize}.metadataList dd{margin:0;overflow-wrap:anywhere}@media(max-width:820px){.imageToolGrid,.metricGrid,.toolSplit{grid-template-columns:1fr}}.studioEmbed{margin:36px 0}.howToSteps{margin:0;padding-left:22px}.howToSteps li{margin:6px 0}.faqItem h3{font-size:18px;margin:18px 0 6px}.faqItem p{margin:0;color:var(--muted)}.contentPanel .textLink{color:var(--brand);font-weight:700}