.spacingscalegenerator_studioWrapper__E9Wif{background:#ffffff;border-radius:16px;color:#1e293b}.spacingscalegenerator_presetScroll__LyWyY{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.spacingscalegenerator_presetScroll__LyWyY::-webkit-scrollbar{height:4px}.spacingscalegenerator_presetScroll__LyWyY::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.spacingscalegenerator_presetPill__Svr4V{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 14px;font-size:.84rem;font-weight:500;border-radius:9999px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;transition:all .2s ease}.spacingscalegenerator_presetPill__Svr4V:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px)}.spacingscalegenerator_presetPillActive__X795U{background:#5579bc;border-color:#5579bc;color:#ffffff!important;box-shadow:0 2px 8px rgba(85,121,188,.3)}.spacingscalegenerator_presetPillActive__X795U .spacingscalegenerator_pillBadge__6l5UU{background:rgba(255,255,255,.25);color:#ffffff}.spacingscalegenerator_pillBadge__6l5UU{font-size:.72rem;padding:2px 6px;border-radius:6px;background:#e2e8f0;color:#64748b;font-weight:600}.spacingscalegenerator_configCard__UcEb_{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem}.spacingscalegenerator_cardHeaderTitle__L_B_y{font-size:1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px;margin-bottom:1rem}.spacingscalegenerator_formLabel__xWRs8{font-size:.82rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;display:flex;justify-content:space-between;align-items:center}.spacingscalegenerator_labelBadge__0F_OX{font-size:.78rem;font-weight:700;color:#5579bc;background:#e0e7ff;padding:2px 8px;border-radius:6px;font-family:monospace}.spacingscalegenerator_quickBtnGroup__C6Kj3{display:flex;gap:6px;margin-top:6px}.spacingscalegenerator_quickBtn__cvhol{flex:1 1;padding:4px 8px;font-size:.8rem;font-weight:600;border:1px solid #e2e8f0;background:#ffffff;border-radius:6px;color:#475569;cursor:pointer;transition:all .15s ease}.spacingscalegenerator_quickBtn__cvhol:hover{border-color:#5579bc;color:#5579bc}.spacingscalegenerator_quickBtnActive__aExoA{background:#5579bc;border-color:#5579bc;color:#ffffff!important}.spacingscalegenerator_formControlCustom__GGcwE{width:100%;padding:.6rem .85rem;font-size:.92rem;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;color:#0f172a;transition:all .2s ease}.spacingscalegenerator_formControlCustom__GGcwE:focus{outline:none;border-color:#5579bc;box-shadow:0 0 0 3px rgba(85,121,188,.15)}.spacingscalegenerator_rangeSlider__OHYtL{width:100%;accent-color:#5579bc;cursor:pointer}.spacingscalegenerator_viewTabs__Z1_aT{display:flex;gap:4px;border-bottom:2px solid #e2e8f0;margin-bottom:1.25rem}.spacingscalegenerator_viewTabBtn__Omz6U{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s ease}.spacingscalegenerator_viewTabBtn__Omz6U:hover{color:#0f172a}.spacingscalegenerator_viewTabBtnActive__VlJgR{color:#5579bc;border-bottom-color:#5579bc}.spacingscalegenerator_scaleList__pWpaF{display:flex;flex-direction:column;gap:10px}.spacingscalegenerator_scaleRow__Rxrmo{display:grid;grid-template-columns:85px 120px 1fr 40px;align-items:center;grid-gap:12px;gap:12px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.spacingscalegenerator_scaleRow__Rxrmo:hover{background:#ffffff;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.04)}.spacingscalegenerator_tokenBadge__n2eYK{font-weight:700;font-size:.85rem;color:#5579bc;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 10px;border-radius:6px;text-align:center;display:inline-block}.spacingscalegenerator_metricBadge__JlzjM{font-family:JetBrains Mono,Consolas,monospace;font-size:.85rem;font-weight:600;color:#1e293b}.spacingscalegenerator_metricSub__JPOJd{font-size:.75rem;color:#64748b;display:block}.spacingscalegenerator_barTrack__lZwlm{position:relative;background:#e2e8f0;border-radius:6px;height:24px;overflow:hidden}.spacingscalegenerator_barFill__h1Ptl{background:linear-gradient(90deg,#5579bc,#38bdf8);height:100%;border-radius:6px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding-left:8px;min-width:8px}.spacingscalegenerator_barText__2SScE{color:#ffffff;font-size:.72rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.spacingscalegenerator_copyIconButton__RIocW{background:#ffffff;border:1px solid #cbd5e1;border-radius:6px;padding:6px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.spacingscalegenerator_copyIconButton__RIocW:hover{background:#5579bc;color:#ffffff;border-color:#5579bc}.spacingscalegenerator_playgroundCard__cVtt9{background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.03)}.spacingscalegenerator_demoBox__T9vOF{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;position:relative;transition:all .2s ease}.spacingscalegenerator_overlaySpacing__Dd1Zr{position:relative}.spacingscalegenerator_overlaySpacing__Dd1Zr:before{content:"padding";position:absolute;top:4px;left:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;color:#059669;letter-spacing:.05em;pointer-events:none}.spacingscalegenerator_overlaySpacing__Dd1Zr.spacingscalegenerator_activeOverlay__uL21E{background-color:rgba(16,185,129,.12)!important;border-color:#10b981!important}.spacingscalegenerator_sampleCard__rEknG{background:#ffffff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 4px 10px rgba(0,0,0,.04)}.spacingscalegenerator_codeWindow__RERl_{background:#0f172a;border-radius:12px;border:1px solid #1e293b;overflow:hidden;box-shadow:0 10px 25px -5px rgba(15,23,42,.25)}.spacingscalegenerator_codeHeader__RuCwI{background:#1e293b;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334155}.spacingscalegenerator_codeFormatPills__KzSpC{display:flex;gap:4px}.spacingscalegenerator_formatBtn___Qy4a{background:none;border:none;color:#94a3b8;padding:4px 10px;font-size:.78rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease}.spacingscalegenerator_formatBtn___Qy4a:hover{color:#ffffff;background:rgba(255,255,255,.08)}.spacingscalegenerator_formatBtnActive__jI_4M{color:#38bdf8!important;background:rgba(56,189,248,.12)!important}.spacingscalegenerator_codeActions__kCSiJ{display:flex;gap:8px}.spacingscalegenerator_codeActionBtn__WVV9w{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid #475569;background:#334155;color:#f8fafc;cursor:pointer;transition:all .15s ease}.spacingscalegenerator_codeActionBtn__WVV9w:hover{background:#475569;border-color:#64748b;color:#ffffff}.spacingscalegenerator_codeBody__1K8zb{padding:1rem 1.25rem;margin:0;font-family:JetBrains Mono,Consolas,Menlo,Monaco,monospace;font-size:.86rem;line-height:1.6;color:#e2e8f0;overflow-x:auto;max-height:420px;white-space:pre}.spacingscalegenerator_statsRibbon__b4GrD{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px;margin-bottom:1.5rem}.spacingscalegenerator_statCard__TblOI{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;text-align:center}.spacingscalegenerator_statLabel__b5xPA{font-size:.74rem;text-transform:uppercase;color:#64748b;font-weight:600;letter-spacing:.04em}.spacingscalegenerator_statValue__oQOBd{font-size:1.15rem;font-weight:700;color:#0f172a;margin-top:2px}@media (max-width:768px){.spacingscalegenerator_scaleRow__Rxrmo{grid-template-columns:75px 100px 1fr 36px;gap:8px;padding:8px 10px}.spacingscalegenerator_studioWrapper__E9Wif{padding:0}}