.dfsp-custom-text,.dfsp-input,.dfsp-select{box-sizing:border-box}.dfsp-container{margin:2rem auto;padding:2.5rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0;max-width:1000px;box-shadow:0 4px 20px rgb(0 0 0 / .05);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.dfsp-container h2,.dfsp-controls,.dfsp-description,.dfsp-style-controls{margin-bottom:1.5rem}.dfsp-container h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-top:0}.dfsp-custom-text{width:100%;padding:1rem 1.25rem;font-size:1rem;line-height:1.5;color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;box-shadow:inset 0 1px 2px rgb(0 0 0 / .02);transition:.2s}.dfsp-custom-text:focus{outline:0;border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 4px rgb(37 99 235 / .15)}.dfsp-description,.dfsp-toggle-styles:hover{background:#f8fafc}.dfsp-custom-text::placeholder{color:#94a3b8}.dfsp-description{padding:1rem 1.25rem;border-radius:8px;border:1px solid #e2e8f0;color:#475569;font-size:.95rem;line-height:1.6}.dfsp-select,.dfsp-toggle-styles{background:#fff;color:#334155;width:100%}.dfsp-description p{margin:0}.dfsp-toggle-styles{border:1px solid #cbd5e1;cursor:pointer;padding:.85rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.dfsp-toggle-styles::after{content:"\25BC";font-size:.7rem;color:#64748b;transition:transform .3s}.dfsp-toggle-styles.active::after{transform:rotate(180deg)}.dfsp-style-panel{margin-top:1rem;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 10px rgb(0 0 0 / .02)}.dfsp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.dfsp-field label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:#475569}.dfsp-input{width:100%;height:40px;padding:2px;border-radius:6px;border:1px solid #cbd5e1;cursor:pointer}.dfsp-range{width:100%;margin-bottom:.25rem}.dfsp-select{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:6px}.dfsp-val{font-size:.8rem;color:#64748b}.dfsp-download-direct-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;margin:.5rem 0 1rem;background:#2563eb;color:#fff!important;text-decoration:none!important;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;text-align:center;transition:.2s;box-sizing:border-box;box-shadow:0 4px 12px rgb(37 99 235 / .2)}.dfsp-download-direct-link:hover{background:#1d4ed8;box-shadow:0 6px 16px rgb(37 99 235 / .3)}.dfsp-download-direct-link:active{transform:scale(.99)}.dfsp-size-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;background:#f8fafc;padding:.85rem 1.25rem;border-radius:8px;border:1px solid #e2e8f0}.dfsp-size-btn{width:38px;height:38px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:.2s;color:#475569}.dfsp-size-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.dfsp-size-display{min-width:60px;text-align:center;color:#0f172a;font-weight:700}.dfsp-size-slider{flex:1;height:6px;background:#e2e8f0;border-radius:3px;outline:0;cursor:pointer;-webkit-appearance:none}.dfsp-size-slider::-webkit-slider-thumb{width:18px;height:18px;background:#2563eb;border-radius:50%;cursor:pointer;-webkit-appearance:none;transition:transform .1s}.dfsp-size-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.dfsp-loading{display:flex;align-items:center;gap:1rem;padding:2rem;justify-content:center;color:#64748b}.dfsp-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:.8s linear infinite dfsp-spin}@keyframes dfsp-spin{to{transform:rotate(360deg)}}.dfsp-error{color:#dc2626;padding:1rem;background:#fef2f2;border-radius:8px;border:1px solid #fca5a5;margin-bottom:1.5rem}.dfsp-previews{display:flex;flex-direction:column;gap:2rem}.dfsp-font-item{border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;background:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .05)}.dfsp-font-meta{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0;gap:.75rem}.dfsp-download-btn,.dfsp-download-png{padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .2s}.dfsp-container .dfsp-font-title{margin:0;font-size:1rem;font-weight:600;color:#0f172a;overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.dfsp-font-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.dfsp-download-btn{background:#0f172a;color:#fff!important;text-decoration:none!important;border:none;border-radius:6px}.dfsp-download-btn:hover{background:#1e293b}.dfsp-download-png{background:#16a34a;color:#fff;border:none;border-radius:6px}.dfsp-download-png:hover{background:#15803d}.dfsp-preview-text{padding:2.5rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#0f172a;line-height:1.4;word-wrap:break-word;background-color:#fff;transition:.2s;min-height:80px}.dfsp-character-mapping{padding:1.5rem;background:#f8fafc}.dfsp-char-block{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.dfsp-char-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.dfsp-char-label{display:block;font-size:.75rem;color:#64748b;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.dfsp-chars-text{font-size:22px;word-break:break-all;letter-spacing:.02em;color:#1e293b;line-height:1.6}@media (max-width:768px){.dfsp-container{padding:1.25rem;margin:1rem 0}.dfsp-font-meta{flex-direction:column;align-items:flex-start;gap:1rem}.dfsp-font-actions{width:100%;flex-direction:column;gap:.5rem}.dfsp-download-btn,.dfsp-download-png{width:100%;text-align:center;padding:.75rem}.dfsp-chars-text{font-size:18px}.dfsp-grid{grid-template-columns:1fr}}