.NumberField_field__Wc_ff{position:relative;display:block;width:100%}.NumberField_input__Y_JAd{width:100%;padding-right:32px}.NumberField_input__Y_JAd::-webkit-inner-spin-button,.NumberField_input__Y_JAd::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.NumberField_input__Y_JAd[type=number]{appearance:textfield;-moz-appearance:textfield}.NumberField_stepper__3ni3L{position:absolute;top:1px;right:1px;bottom:1px;display:flex;flex-direction:column;width:28px;overflow:hidden;border-left:1px solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0}.NumberField_stepper__3ni3L .NumberField_stepButton__Q827c{display:grid;flex:1 1 50%;place-items:center;min-height:0;min-width:0;padding:0;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-text-muted);font-size:inherit;font-weight:400;cursor:pointer;transition:background var(--transition),color var(--transition)}.NumberField_stepper__3ni3L .NumberField_stepButton__Q827c:last-child{border-bottom:0}.NumberField_stepper__3ni3L .NumberField_stepButton__Q827c:hover:not(:disabled){background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.NumberField_stepper__3ni3L .NumberField_stepButton__Q827c:active:not(:disabled){background:var(--color-primary-tint)}.NumberField_stepper__3ni3L .NumberField_stepButton__Q827c:disabled{cursor:not-allowed;opacity:.35}.NumberField_stepper__3ni3L .NumberField_stepButton__Q827c:disabled:hover{color:var(--color-text-muted)}.NumberField_stepper__3ni3L .NumberField_stepButton__Q827c svg{width:11px;height:11px}.CssClampGeneratorTool_container__DphFq{width:100%}.CssClampGeneratorTool_shell__KIxx7{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--paper-card);box-shadow:var(--shadow-lift);overflow:hidden}.CssClampGeneratorTool_windowbar__rG4Z7{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:42px;background:var(--ink);color:#fff;padding:8px 16px;font-family:var(--font-mono);font-size:.85rem;font-weight:750}.CssClampGeneratorTool_windowPath__9fh4v{color:#e5e5e5;letter-spacing:.02em}.CssClampGeneratorTool_windowBadges__CKnZJ{display:flex;flex-wrap:wrap;gap:8px}.CssClampGeneratorTool_badge__fumZA{border:1px solid rgba(255,255,255,.32);border-radius:var(--radius-xs);padding:4px 8px;font-size:.75rem;font-weight:800;letter-spacing:.03em;white-space:nowrap}.CssClampGeneratorTool_badgeLive__9JG3n{background:var(--acid);color:var(--ink);border-color:var(--ink)}.CssClampGeneratorTool_studioGrid__PVgBx{display:grid;grid-template-columns:250px 340px minmax(0,1fr);min-height:600px}.CssClampGeneratorTool_library__TgF_f{background:var(--paper-2)}.CssClampGeneratorTool_editorCol__Lzh6A,.CssClampGeneratorTool_library__TgF_f{border-right:1.5px solid var(--ink);display:flex;flex-direction:column;min-width:0}.CssClampGeneratorTool_editorCol__Lzh6A{background:#fff}.CssClampGeneratorTool_previewCol__5iuQI{background:var(--paper-2);display:flex;flex-direction:column;min-width:0}.CssClampGeneratorTool_colHead__9cRks{min-height:46px;padding:0 12px;border-bottom:1.5px solid var(--ink);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.CssClampGeneratorTool_colHead__9cRks b{font-size:.78rem}.CssClampGeneratorTool_colHead__9cRks>span{font-family:var(--font-mono);font-size:.6rem;font-weight:800;color:var(--muted);white-space:nowrap}.CssClampGeneratorTool_searchBox__Y4c4R{padding:10px;border-bottom:1px solid var(--color-border);flex:none}.CssClampGeneratorTool_searchInput___ieVo{width:100%;height:36px;border:1.5px solid var(--ink);border-radius:var(--radius-xs);background:#fff;padding:0 10px;font-size:.76rem;font-weight:700;color:var(--ink)}.CssClampGeneratorTool_navGroup__bZpJj{padding:7px;flex:none}.CssClampGeneratorTool_navItem__OFbE6{width:100%;display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;text-align:left;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;padding:7px;font-size:.72rem;font-weight:800;color:var(--ink);cursor:pointer}.CssClampGeneratorTool_navItemActive__r74Kx{background:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.CssClampGeneratorTool_navIcon__QZsIE{width:22px;height:22px;border:1px solid var(--ink);border-radius:var(--radius-xs);background:#fff;display:grid;place-items:center;color:var(--ink)}.CssClampGeneratorTool_navCount__aCaGF{font-family:var(--font-mono);font-size:.6rem;font-weight:800;color:var(--muted)}.CssClampGeneratorTool_sectionLabel__5KDcx{padding:9px 12px 5px;font-family:var(--font-mono);font-size:.62rem;font-weight:850;letter-spacing:.08em;color:var(--muted);flex:none}.CssClampGeneratorTool_effectsList__xe9jx{padding:4px 7px 10px;overflow:auto;flex:1 1;min-height:0}.CssClampGeneratorTool_effectItem__tY6rG{width:100%;display:grid;grid-template-columns:32px 1fr 26px;gap:8px;align-items:center;text-align:left;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;padding:8px 7px;margin-bottom:3px;cursor:pointer}.CssClampGeneratorTool_effectItem__tY6rG:hover{background:#fff;border-color:var(--color-border)}.CssClampGeneratorTool_effectItemActive__jQpp_{background:var(--acid);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.CssClampGeneratorTool_effectIcon__1CYMn{width:30px;height:30px;border:1px solid var(--ink);border-radius:var(--radius-sm);background:#fff;display:grid;place-items:center;color:var(--ink);flex:none}.CssClampGeneratorTool_effectMeta__b3X9I{min-width:0}.CssClampGeneratorTool_effectMeta__b3X9I b{display:block;font-size:.74rem;color:var(--ink)}.CssClampGeneratorTool_effectMeta__b3X9I span{display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.CssClampGeneratorTool_effectFavBtn__HbBIM{display:grid;place-items:center;border:0;background:none;padding:4px;color:var(--muted);cursor:pointer}.CssClampGeneratorTool_effectFavBtnActive__eFA9Y{color:var(--coral)}.CssClampGeneratorTool_noResults__bOdx0{padding:26px 14px;text-align:center;color:var(--muted);font-size:.72rem;line-height:1.5}.CssClampGeneratorTool_editorTop__YhFTC{padding:13px;border-bottom:1px solid var(--color-border);flex:none}.CssClampGeneratorTool_editorKicker__f2cFc{display:flex;justify-content:space-between;align-items:center;gap:8px}.CssClampGeneratorTool_editorKicker__f2cFc>span{font-family:var(--font-mono);font-size:.6rem;font-weight:850;color:var(--muted)}.CssClampGeneratorTool_favToggle__Qh3D3{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ink);border-radius:var(--radius-xs);background:#fff;padding:5px 8px;font-size:.66rem;font-weight:800;color:var(--ink);cursor:pointer}.CssClampGeneratorTool_favToggleActive__rRoiH{background:#ffe4dc;color:#8c241b;border-color:#8c241b}.CssClampGeneratorTool_editorTitle__9vqMh{font-size:1.18rem;font-weight:950;letter-spacing:-.03em;margin:6px 0 3px;color:var(--ink)}.CssClampGeneratorTool_editorDesc__aPlsa{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}.CssClampGeneratorTool_editorBody__5iqIL{padding:13px;overflow:auto;flex:1 1;min-height:0}.CssClampGeneratorTool_fieldGroup__6I3z5{border-top:1px solid var(--color-border);padding-top:13px;margin-top:13px}.CssClampGeneratorTool_fieldGroup__6I3z5:first-child{border-top:0;padding-top:0;margin-top:0}.CssClampGeneratorTool_fieldGroupTitle__7hRSw{font-size:.76rem;font-weight:900;margin-bottom:8px;color:var(--ink)}.CssClampGeneratorTool_row2__aPLdn{display:grid;grid-template-columns:1fr 1fr;gap:8px}.CssClampGeneratorTool_field__Pu0FR{min-width:0}.CssClampGeneratorTool_fieldGroup__6I3z5>*+*{margin-top:9px}.CssClampGeneratorTool_field__Pu0FR label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:.74rem;font-weight:850;color:var(--ink)}.CssClampGeneratorTool_field__Pu0FR label small{font-family:var(--font-mono);font-weight:750;font-size:.58rem;color:var(--muted);white-space:nowrap}.CssClampGeneratorTool_select__lixMQ,.CssClampGeneratorTool_textInput__2lQkk{width:100%;height:37px;border:1.5px solid var(--ink);border-radius:var(--radius-xs);background:var(--paper-2);padding:0 9px;font-size:.76rem;font-weight:750;color:var(--ink)}.CssClampGeneratorTool_select__lixMQ{background:#fff}.CssClampGeneratorTool_numberInput__e_914{width:100%;height:37px;border:1.5px solid var(--ink);border-radius:var(--radius-xs);background:var(--paper-2)}.CssClampGeneratorTool_numberInput__e_914 input{height:100%;border:0;background:transparent;padding-left:9px;font-size:.76rem;font-weight:750;color:var(--ink)}.CssClampGeneratorTool_numberInput__e_914:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(255,109,74,.22)}.CssClampGeneratorTool_unitFieldInner__xmyow{position:relative}.CssClampGeneratorTool_unitFieldInner__xmyow .CssClampGeneratorTool_numberInput__e_914 input{padding-right:58px}.CssClampGeneratorTool_unitSuffix__WSgSw{position:absolute;right:34px;top:50%;transform:translateY(-50%);z-index:1;font-family:var(--font-mono);font-weight:800;font-size:.62rem;color:var(--muted);pointer-events:none}.CssClampGeneratorTool_colorRow__ZMQjp{display:grid;grid-template-columns:40px 1fr;gap:7px}.CssClampGeneratorTool_colorSwatch__rWqQr{width:40px;height:37px;border:1.5px solid var(--ink);border-radius:var(--radius-xs);background:#fff;padding:2px;cursor:pointer}.CssClampGeneratorTool_toggleRow__Cxd2R{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;padding:9px 10px}.CssClampGeneratorTool_toggleCopy__rftjD b{display:block;font-size:.72rem;color:var(--ink)}.CssClampGeneratorTool_toggleCopy__rftjD small{display:block;margin-top:2px;color:var(--muted);font-size:.62rem;line-height:1.35}.CssClampGeneratorTool_switch__Mdo_n{flex-shrink:0;position:relative;width:36px;height:21px;border:1.5px solid var(--ink);border-radius:999px;background:#ffffff;padding:2px;cursor:pointer;transition:background .15s ease}.CssClampGeneratorTool_switchOn___ourp{background:var(--acid)}.CssClampGeneratorTool_switchKnob__88rQX{display:block;width:14px;height:14px;border:1px solid var(--ink);border-radius:50%;background:#ddd;transition:transform .15s ease}.CssClampGeneratorTool_switchOn___ourp .CssClampGeneratorTool_switchKnob__88rQX{background:#fff;transform:translateX(15px)}.CssClampGeneratorTool_segmented__GqIgp{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink);border-radius:var(--radius-sm);overflow:hidden}.CssClampGeneratorTool_segBtn__wpC8V{border:0;border-right:1px solid var(--ink);background:#fff;padding:9px;font-family:var(--font-mono);font-size:.68rem;font-weight:850;color:var(--ink);cursor:pointer}.CssClampGeneratorTool_segBtn__wpC8V:last-child{border-right:0}.CssClampGeneratorTool_segBtnActive__RT5Fu{background:var(--acid)}.CssClampGeneratorTool_notice__hxC9p{margin-top:10px;border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:#ffe4dc;color:#6b2a1c;padding:9px 10px;font-size:.72rem;line-height:1.42}.CssClampGeneratorTool_editorFooter__INMMG{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px;border-top:1.5px solid var(--ink);background:var(--paper-2);flex:none}.CssClampGeneratorTool_editorFooter__INMMG>span{font-family:var(--font-mono);font-size:.6rem;font-weight:750;color:var(--muted)}.CssClampGeneratorTool_btn__zJQBF{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--ink);border-radius:var(--radius-xs);background:#fff;box-shadow:var(--shadow-sm);padding:0 10px;font-size:.72rem;font-weight:900;color:var(--ink);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.CssClampGeneratorTool_btn__zJQBF:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.CssClampGeneratorTool_btn__zJQBF:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}.CssClampGeneratorTool_btn__zJQBF:disabled{opacity:.5;cursor:not-allowed}.CssClampGeneratorTool_previewHead__oCizd{min-height:46px;padding:0 12px;border-bottom:1.5px solid var(--ink);background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex:none}.CssClampGeneratorTool_previewHead__oCizd b{font-size:.78rem}.CssClampGeneratorTool_themeToggle__0IBgZ{display:flex;gap:5px}.CssClampGeneratorTool_themeBtn__A04ml{border:1px solid var(--ink);border-radius:var(--radius-xs);background:#fff;padding:5px 8px;font-family:var(--font-mono);font-size:.62rem;font-weight:820;color:var(--ink);cursor:pointer}.CssClampGeneratorTool_themeBtnActive__dTQEj{background:var(--acid)}.CssClampGeneratorTool_stage___9lV7{min-height:300px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;background-image:radial-gradient(circle,#c9c3b8 1px,transparent 0);background-size:16px 16px;background-color:#ede7dc;flex:1 1}.CssClampGeneratorTool_stageLight__eBF0M{background-image:none;background-color:#f8f8f7}.CssClampGeneratorTool_stageDark__XM1Kp{background-image:none;background-color:#161914}.CssClampGeneratorTool_previewObject__jGIt4{min-width:180px;min-height:110px;background:#fff;border:1px solid #111;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--ink)}.CssClampGeneratorTool_previewObject__jGIt4 strong{font-weight:900}.CssClampGeneratorTool_codePanel__8qx57{border-top:1.5px solid var(--ink);background:#151712;color:#fff;flex:none}.CssClampGeneratorTool_codePanelHead___S3Ua{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.13)}.CssClampGeneratorTool_codePanelHead___S3Ua b{font-family:var(--font-mono);font-size:.62rem;font-weight:800;letter-spacing:.04em}.CssClampGeneratorTool_copyBtn__fqkOh{border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-xs);background:none;color:#fff;padding:5px 8px;font-family:var(--font-mono);font-size:.6rem;font-weight:800;cursor:pointer}.CssClampGeneratorTool_copyBtn__fqkOh:hover{border-color:#fff}.CssClampGeneratorTool_codeTextarea__YQMez{display:block;width:100%;height:140px;border:0;outline:0;resize:vertical;background:#151712;color:#f3f0e8;padding:10px;font-family:var(--font-mono);font-size:.74rem;line-height:1.55}.CssClampGeneratorTool_codeMetrics__XNpz0{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.13)}.CssClampGeneratorTool_codeMetric__2OMzA{min-width:0;padding:8px 10px;border-right:1px solid rgba(255,255,255,.13)}.CssClampGeneratorTool_codeMetric__2OMzA:last-child{border-right:0}.CssClampGeneratorTool_codeMetric__2OMzA small{display:block;font-family:var(--font-mono);font-size:.56rem;font-weight:800;color:#aaa69e}.CssClampGeneratorTool_codeMetric__2OMzA strong{display:block;overflow:hidden;margin-top:3px;color:#fff;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1080px){.CssClampGeneratorTool_studioGrid__PVgBx{grid-template-columns:220px minmax(0,1fr)}.CssClampGeneratorTool_previewCol__5iuQI{grid-column:1/-1;border-top:1.5px solid var(--ink)}.CssClampGeneratorTool_editorCol__Lzh6A{border-right:0}}@media (max-width:680px){.CssClampGeneratorTool_studioGrid__PVgBx{grid-template-columns:1fr}.CssClampGeneratorTool_editorCol__Lzh6A,.CssClampGeneratorTool_library__TgF_f{border-right:0;border-bottom:1.5px solid var(--ink)}.CssClampGeneratorTool_effectsList__xe9jx{max-height:260px}.CssClampGeneratorTool_editorBody__5iqIL{max-height:none}.CssClampGeneratorTool_row2__aPLdn{grid-template-columns:1fr}.CssClampGeneratorTool_stage___9lV7{min-height:240px}}@media (prefers-reduced-motion:reduce){.CssClampGeneratorTool_btn__zJQBF,.CssClampGeneratorTool_switchKnob__88rQX,.CssClampGeneratorTool_switch__Mdo_n{transition:none}}