#nfs-name-font-style{width:100%;max-width:1200px;margin:30px auto;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#222}
#nfs-name-font-style *,#nfs-name-font-style *::before,#nfs-name-font-style *::after{box-sizing:border-box}
#nfs-name-font-style .nfs-header{text-align:center;margin-bottom:25px}
#nfs-name-font-style .nfs-header h1,#nfs-name-font-style .nfs-header h2,#nfs-name-font-style .nfs-header h3{margin:0 0 10px;font-size:34px;line-height:1.25;font-weight:700}
#nfs-name-font-style .nfs-header p{margin:0;font-size:16px;color:#666}
#nfs-name-font-style .nfs-input-area{margin-bottom:25px}
#nfs-name-font-style .nfs-input-wrap{position:relative;width:100%}
#nfs-name-font-style #nfs-main-input{width:100%;height:58px;border:1px solid #d7d7d7;border-radius:10px;padding:0 55px 0 18px;font-size:18px;outline:none;background:#fff;color:#222;box-shadow:0 2px 10px rgba(0,0,0,.04)}
#nfs-name-font-style #nfs-main-input:focus{border-color:#777}
#nfs-name-font-style #nfs-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#555;font-size:27px;line-height:38px;cursor:pointer;padding:0}
#nfs-name-font-style #nfs-clear:hover{background:#f1f1f1}
#nfs-name-font-style .nfs-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}
#nfs-name-font-style .nfs-count{font-size:14px;color:#666;white-space:nowrap}
#nfs-name-font-style #nfs-search{width:280px;height:44px;border:1px solid #ddd;border-radius:8px;padding:0 14px;outline:none;font-size:14px;background:#fff}
#nfs-name-font-style #nfs-search:focus{border-color:#777}
#nfs-name-font-style #nfs-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#nfs-name-font-style .nfs-card{position:relative;min-height:90px;padding:17px 75px 17px 18px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;display:flex;align-items:center;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
#nfs-name-font-style .nfs-card:hover{transform:translateY(-2px);box-shadow:0 5px 18px rgba(0,0,0,.07)}
#nfs-name-font-style .nfs-style-name{position:absolute;top:7px;left:12px;font-size:9px;color:#999;text-transform:uppercase;letter-spacing:.3px}
#nfs-name-font-style .nfs-text{width:100%;margin-top:8px;font-size:21px;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}
#nfs-name-font-style .nfs-copy{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;border-radius:7px;background:#222;color:#fff;padding:9px 12px;font-size:12px;cursor:pointer;min-width:58px}
#nfs-name-font-style .nfs-copy:hover{opacity:.85}
#nfs-name-font-style .nfs-copy.nfs-copied{background:#111}
#nfs-name-font-style #nfs-no-results{display:none;text-align:center;padding:40px 15px;color:#777;font-size:15px}
@media (max-width:700px){
#nfs-name-font-style{margin:20px auto}
#nfs-name-font-style .nfs-header h1,#nfs-name-font-style .nfs-header h2,#nfs-name-font-style .nfs-header h3{font-size:27px}
#nfs-name-font-style .nfs-header p{font-size:14px}
#nfs-name-font-style .nfs-tools{flex-direction:column;align-items:stretch}
#nfs-name-font-style #nfs-search{width:100%}
#nfs-name-font-style #nfs-output-grid{grid-template-columns:1fr}
#nfs-name-font-style .nfs-card{min-height:85px}
#nfs-name-font-style .nfs-text{font-size:19px}
}