.clarity-formatter{--cf-accent:#3452ff;--cf-accent-hover:#1d4ed8;--cf-accent-active:#1e40af;--cf-accent-soft:#eef4ff;--cf-accent-contrast:#ffffff;--cf-gray-25:#fafafa;--cf-gray-50:#f7f8fa;--cf-gray-100:#eef0f3;--cf-gray-200:#e2e5ea;--cf-gray-300:#cdd2d9;--cf-gray-400:#9aa1ac;--cf-gray-500:#6b7280;--cf-gray-600:#4b5261;--cf-gray-700:#343b47;--cf-gray-800:#1f242e;--cf-gray-900:#14171d;--cf-success:#1a7f4b;--cf-success-bg:#eafaf1;--cf-error:#c0342c;--cf-error-bg:#fdecea;--cf-radius-sm:6px;--cf-radius-md:10px;--cf-radius-lg:14px;--cf-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
		"Liberation Mono", "Roboto Mono", monospace;--cf-area-height:420px;display:block;box-sizing:border-box;color:var(--cf-gray-800);font-family:inherit;line-height:1.5;text-align:left}.clarity-formatter,.clarity-formatter *,.clarity-formatter *::before,.clarity-formatter *::after{box-sizing:inherit}.clarity-formatter button,.clarity-formatter input,.clarity-formatter select,.clarity-formatter textarea{font-family:inherit;font-size:.95rem;color:inherit;margin:0;background:none;border:0;line-height:inherit;-webkit-appearance:none;appearance:none}.clarity-formatter ul,.clarity-formatter ol{margin:0;padding:0;list-style:none}.clarity-formatter h1,.clarity-formatter h2,.clarity-formatter h3,.clarity-formatter h4,.clarity-formatter p{margin:0;font-weight:600}.clarity-formatter .cf-card{background:#fff;border:1px solid var(--cf-gray-200);border-radius:var(--cf-radius-lg);padding:20px;box-shadow:0 1px 2px rgba(20,23,29,.04)}@media (min-width:640px){.clarity-formatter .cf-card{padding:28px}}.clarity-formatter .cf-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--cf-gray-200)}.clarity-formatter .cf-toolbar__group{display:inline-flex;gap:4px;padding:4px;background:var(--cf-gray-50);border:1px solid var(--cf-gray-200);border-radius:var(--cf-radius-md)}.clarity-formatter .cf-tab{padding:7px 16px;font-weight:600;font-size:.85rem;letter-spacing:.01em;color:var(--cf-gray-600);border-radius:calc(var(--cf-radius-md) - 3px);cursor:pointer;transition:background-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease;white-space:nowrap}.clarity-formatter .cf-tab:hover{color:var(--cf-gray-800);background:var(--cf-gray-100)}.clarity-formatter .cf-tab[aria-selected="true"]{background:var(--cf-accent);color:var(--cf-accent-contrast);box-shadow:0 1px 2px rgba(37,99,235,.35)}.clarity-formatter .cf-options-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-weight:600;font-size:.85rem;color:var(--cf-gray-700);background:#fff;border:1px solid var(--cf-gray-300);border-radius:var(--cf-radius-md);cursor:pointer;transition:border-color 0.15s ease,background-color 0.15s ease}.clarity-formatter .cf-options-toggle:hover{background:var(--cf-gray-50);border-color:var(--cf-gray-400)}.clarity-formatter .cf-options-toggle[aria-expanded="true"]{background:var(--cf-accent-soft);border-color:var(--cf-accent);color:var(--cf-accent-active)}.clarity-formatter .cf-options-toggle__icon{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;position:relative;flex:none}.clarity-formatter .cf-options-toggle__icon::before,.clarity-formatter .cf-options-toggle__icon::after{content:"";position:absolute;background:currentColor}.clarity-formatter .cf-options-toggle__icon::before{width:2px;height:6px;top:2px;left:4px}.clarity-formatter .cf-options-toggle__icon::after{width:6px;height:2px;top:4px;left:2px}.clarity-formatter .cf-options{margin-bottom:16px;padding:16px;background:var(--cf-gray-50);border:1px solid var(--cf-gray-200);border-radius:var(--cf-radius-md)}.clarity-formatter .cf-options[hidden]{display:none}.clarity-formatter .cf-options__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 20px}.clarity-formatter .cf-field{display:flex;flex-direction:column;gap:8px}.clarity-formatter .cf-field--switch{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.clarity-formatter .cf-field__label{font-size:.82rem;font-weight:600;color:var(--cf-gray-600)}.clarity-formatter .cf-field--switch .cf-field__label{font-weight:500;color:var(--cf-gray-700)}.clarity-formatter .cf-select{position:relative;padding:8px 32px 8px 12px;font-size:.88rem;font-weight:500;background-color:#fff;border:1px solid var(--cf-gray-300);border-radius:var(--cf-radius-sm);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--cf-gray-500) 50%),linear-gradient(135deg,var(--cf-gray-500) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color 0.15s ease}.clarity-formatter .cf-select:hover{border-color:var(--cf-gray-400)}.clarity-formatter .cf-select:focus-visible{outline:none;border-color:var(--cf-accent);box-shadow:0 0 0 3px var(--cf-accent-soft)}.clarity-formatter .cf-switch{position:relative;display:inline-flex;flex:none}.clarity-formatter .cf-switch input{position:absolute;inset:0;width:40px;height:24px;opacity:0;cursor:pointer;margin:0}.clarity-formatter .cf-switch__track{width:40px;height:24px;background:var(--cf-gray-300);border-radius:999px;position:relative;transition:background-color 0.18s ease;flex:none}.clarity-formatter .cf-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(20,23,29,.25);transition:transform 0.18s ease}.clarity-formatter .cf-switch input:checked+.cf-switch__track{background:var(--cf-accent)}.clarity-formatter .cf-switch input:checked+.cf-switch__track .cf-switch__thumb{transform:translateX(16px)}.clarity-formatter .cf-switch input:focus-visible+.cf-switch__track{box-shadow:0 0 0 3px var(--cf-accent-soft)}.clarity-formatter .cf-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.clarity-formatter .cf-actions__group{display:inline-flex;flex-wrap:wrap;gap:8px}.clarity-formatter .cf-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-weight:600;font-size:.88rem;border-radius:var(--cf-radius-md);cursor:pointer;border:1px solid transparent;transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.05s ease,box-shadow 0.15s ease;white-space:nowrap}.clarity-formatter .cf-btn:active{transform:translateY(1px)}.clarity-formatter .cf-btn--primary{background:var(--cf-accent);color:var(--cf-accent-contrast);box-shadow:0 1px 2px rgba(37,99,235,.3)}.clarity-formatter .cf-btn--primary:hover{background:var(--cf-accent-hover)}.clarity-formatter .cf-btn--primary:active{background:var(--cf-accent-active)}.clarity-formatter .cf-btn__icon{width:14px;height:14px;flex:none;background:currentColor;clip-path:polygon(20% 0,80% 0,80% 55%,100% 55%,50% 100%,0 55%,20% 55%)}.clarity-formatter .cf-btn--ghost{background:#fff;color:var(--cf-gray-700);border-color:var(--cf-gray-300)}.clarity-formatter .cf-btn--ghost:hover{background:var(--cf-gray-50);border-color:var(--cf-gray-400);color:var(--cf-gray-900)}.clarity-formatter .cf-btn--text{background:transparent;color:var(--cf-gray-500);padding-left:10px;padding-right:10px}.clarity-formatter .cf-btn--text:hover{color:var(--cf-error);background:var(--cf-error-bg)}.clarity-formatter .cf-btn:focus-visible,.clarity-formatter .cf-tab:focus-visible,.clarity-formatter .cf-options-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--cf-accent-soft),0 0 0 1px var(--cf-accent)}.clarity-formatter .cf-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.clarity-formatter .cf-workspace{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:900px){.clarity-formatter .cf-workspace{grid-template-columns:1fr 1fr}}.clarity-formatter .cf-panel{display:flex;flex-direction:column;border:1px solid var(--cf-gray-200);border-radius:var(--cf-radius-md);overflow:hidden;background:var(--cf-gray-25)}.clarity-formatter .cf-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--cf-gray-50);border-bottom:1px solid var(--cf-gray-200)}.clarity-formatter .cf-panel__title{font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--cf-gray-600)}.clarity-formatter .cf-panel__meta{font-size:.78rem;font-weight:500;color:var(--cf-gray-400);font-variant-numeric:tabular-nums}.clarity-formatter .cf-textarea{display:block;width:100%;height:var(--cf-area-height);max-height:70vh;padding:14px;resize:vertical;font-family:var(--cf-mono);font-size:.85rem;line-height:1.6;color:var(--cf-gray-900);background:#fff;border:0;tab-size:2}.clarity-formatter .cf-textarea::placeholder{color:var(--cf-gray-400)}.clarity-formatter .cf-textarea:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cf-accent)}.clarity-formatter .cf-textarea--output{background:var(--cf-gray-25);color:var(--cf-gray-700)}.clarity-formatter .cf-statusbar{min-height:20px;margin-top:14px;font-size:.83rem;font-weight:500;color:var(--cf-gray-500)}.clarity-formatter .cf-statusbar[data-cf-status-type="success"]{color:var(--cf-success)}.clarity-formatter .cf-statusbar[data-cf-status-type="error"]{color:var(--cf-error)}@media (max-width:640px){.clarity-formatter .cf-card{border-radius:var(--cf-radius-md);padding:16px}.clarity-formatter .cf-toolbar{flex-direction:column;align-items:stretch}.clarity-formatter .cf-toolbar__group{justify-content:space-between}.clarity-formatter .cf-tab{flex:1;text-align:center;padding:8px 10px}.clarity-formatter .cf-options-toggle{justify-content:center}.clarity-formatter .cf-actions{flex-direction:column;align-items:stretch}.clarity-formatter .cf-actions .cf-btn--primary{width:100%;justify-content:center}.clarity-formatter .cf-actions__group{justify-content:stretch}.clarity-formatter .cf-actions__group .cf-btn{flex:1;justify-content:center}.clarity-formatter .cf-textarea{height:min(var(--cf-area-height), 320px)}}@media (min-width:641px) and (max-width:899px){.clarity-formatter .cf-textarea{height:min(var(--cf-area-height), 360px)}}