@import "https://hangeul.pstatic.net/hangeul_static/css/nanum-square-round.css";
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-heading:"Space Grotesk", "NanumSquareRound", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:"NanumSquareRound", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--bg-body:#f8f9fb;--bg-primary:#fff;--bg-secondary:#f1f2fb;--bg-card:#fff;--bg-card-hover:#f8f9ff;--bg-input:#f1f2fb;--bg-input-focus:#fff;--border-color:#e1e1ef;--border-hover:#c5c5e0;--border-focus:#474bff;--text-primary:#26274b;--text-secondary:#636388;--text-muted:#9393a8;--text-on-accent:#fff;--accent:#474bff;--accent-hover:#3236fd;--accent-light:#f1f2fb;--accent-mid:#474bff1f;--accent-blue:#474bff;--accent-purple:#7c3aed;--accent-green:#16a34a;--accent-orange:#ea580c;--accent-pink:#db2777;--accent-cyan:#0891b2;--accent-yellow:#d97706;--accent-red:#dc2626;--cat-developer:#6366f1;--cat-crypto:#f59e0b;--cat-text:#10b981;--cat-design:#ec4899;--cat-calculator:#3b82f6;--cat-converter:#8b5cf6;--cat-webmaster:#06b6d4;--cat-utility:#f97316;--shadow-xs:0 1px 2px #474bff0d;--shadow-sm:0 2px 4px #474bff0f;--shadow-md:0 4px 12px #474bff14;--shadow-lg:0 8px 24px #474bff1a;--shadow-card:0 2px 8px #474bff12;--shadow-card-hover:0 6px 20px #474bff1f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:.2s ease;--transition-base:.28s ease;--header-height:64px;--content-max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.3px;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.main-content{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}.container{max-width:var(--content-max-width);padding:0 var(--spacing-xl);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.header{height:var(--header-height);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border-color);z-index:100;background:#fffffff2;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #474bff0f}.header-inner{max-width:var(--content-max-width);padding:0 var(--spacing-xl);align-items:center;gap:var(--spacing-md);height:100%;margin:0 auto;display:flex}.logo{font-family:var(--font-heading);color:var(--text-primary);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.logo:hover{opacity:.8}.logo-icon{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.logo-text{letter-spacing:-.5px;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.logo-text span{color:var(--accent)}.search-trigger{flex:1;max-width:480px;margin:0 auto}.search-trigger-btn{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);width:100%;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;font-size:.875rem;font-family:var(--font-sans);align-items:center;gap:10px;padding:9px 14px;display:flex}.search-trigger-btn:hover{border-color:var(--accent);background:var(--bg-primary);color:var(--text-secondary)}.search-trigger-btn .shortcut{gap:3px;margin-left:auto;display:flex}.shortcut kbd{background:var(--bg-primary);border:1px solid var(--border-color);font-size:.72rem;font-family:var(--font-sans);color:var(--text-muted);border-radius:5px;justify-content:center;align-items:center;padding:2px 6px;display:inline-flex}.header-nav{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.total-badge{background:var(--accent-mid);border-radius:var(--radius-full);color:var(--accent);font-size:.8rem;font-weight:600;font-family:var(--font-heading);padding:5px 12px}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;margin-top:var(--spacing-2xl)}.footer-inner{max-width:var(--content-max-width);margin:0 auto}.site-footer p{color:var(--text-secondary);font-size:.875rem}.footer-sub{margin-top:var(--spacing-xs);color:var(--text-muted);font-size:.8rem!important}.hero{padding:var(--spacing-2xl) 0 var(--spacing-xl);text-align:center}.hero-title{font-family:var(--font-heading);margin-bottom:var(--spacing-md);letter-spacing:-.5px;color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2}.hero-title .highlight{color:var(--accent)}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto var(--spacing-lg);font-size:1.05rem;line-height:1.7}.hero-stats{justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.hero-stat-value{font-family:var(--font-heading);color:var(--accent);font-size:1.5rem;font-weight:700}.hero-stat-label{color:var(--text-muted);font-size:.8rem}.section{padding:var(--spacing-lg) 0}.section-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.section-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1rem;font-weight:600}.section-count{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 8px;font-size:.72rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:inherit;box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.tool-card-icon{border-radius:var(--radius-md);background:var(--accent-light);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.tool-card-content{flex:1;min-width:0}.tool-card-name{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.875rem;font-weight:600;overflow:hidden}.tool-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tool-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tool-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:.68rem;font-weight:600}.tool-badge-popular{color:var(--accent);background:#474bff1a}.tool-badge-new{color:var(--accent-green);background:#16a34a1a}.favorite-btn{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative}.favorite-btn:hover{color:var(--accent-yellow);background:#d9770614}.favorite-btn.active{color:var(--accent-yellow)}.category-section{margin-bottom:var(--spacing-xl)}.category-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);display:flex}.category-icon-badge{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.category-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.05rem;font-weight:700}.category-desc{color:var(--text-muted);font-size:.82rem}.category-count{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);margin-left:auto;padding:3px 10px;font-size:.78rem}.cmd-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#26274b8c;justify-content:center;align-items:flex-start;padding-top:80px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:600px;animation:.18s cubic-bezier(.22,1,.36,1) slideDown;overflow:hidden;box-shadow:0 20px 60px #474bff2e,0 0 0 1px #474bff14}.cmd-input-wrap{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:18px 20px;display:flex}.cmd-input-icon{color:var(--accent);flex-shrink:0;font-size:1.1rem}.cmd-input{color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.cmd-input::placeholder{color:var(--text-muted)}.cmd-close{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:.72rem;font-family:var(--font-sans);border-radius:6px;padding:4px 10px}.cmd-results{max-height:400px;padding:8px;overflow-y:auto}.cmd-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 12px 4px;font-size:.7rem;font-weight:600}.cmd-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.cmd-item:hover,.cmd-item.active{background:var(--accent-light)}.cmd-item-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;display:flex}.cmd-item-info{flex:1;min-width:0}.cmd-item-name{color:var(--text-primary);font-size:.875rem;font-weight:600;font-family:var(--font-heading)}.cmd-item-cat{color:var(--text-muted);font-size:.72rem}.cmd-item-arrow{color:var(--text-muted);font-size:.9rem}.cmd-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:.9rem}.cmd-footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-secondary);gap:20px;padding:10px 20px;font-size:.72rem;display:flex}.cmd-footer span{align-items:center;gap:4px;display:flex}.cmd-footer kbd{background:var(--bg-primary);border:1px solid var(--border-color);font-family:var(--font-sans);border-radius:4px;padding:1px 6px}.tool-page{max-width:1000px;padding:var(--spacing-xl) var(--spacing-xl);margin:0 auto}.tool-page-header{margin-bottom:var(--spacing-xl)}.tool-breadcrumb{color:var(--text-muted);margin-bottom:var(--spacing-md);align-items:center;gap:6px;font-size:.82rem;display:flex}.tool-breadcrumb a{color:var(--accent)}.tool-breadcrumb a:hover{text-decoration:underline}.tool-page-title{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.tool-page-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.tool-page-title h1{font-family:var(--font-heading);color:var(--text-primary);font-size:1.8rem;font-weight:700}.tool-page-desc{color:var(--text-secondary);max-width:600px;font-size:.95rem;line-height:1.7}.tool-workspace{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.tool-panel{padding:var(--spacing-xl)}.panel-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--text-secondary);font-size:.82rem;font-weight:600;font-family:var(--font-heading);margin-bottom:6px;display:block}.input-field,.textarea-field,.select-field,.output-field{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:all var(--transition-fast);-webkit-appearance:none;outline:none;padding:9px 13px}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px #474bff1a}.input-field::placeholder,.textarea-field::placeholder{color:var(--text-muted)}.textarea-field{resize:vertical;min-height:120px;line-height:1.6}.select-field{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239393a8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}.output-field{background:var(--bg-secondary);cursor:default;color:var(--text-secondary);border-color:var(--border-color)}.btn{border-radius:var(--radius-full);font-size:.875rem;font-weight:600;font-family:var(--font-heading);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #474bff4d}.btn-secondary{background:var(--bg-primary);color:var(--accent);border:1.5px solid var(--accent)}.btn-secondary:hover{background:var(--accent-light)}.btn-ghost{background:var(--bg-secondary);color:var(--text-secondary);border:1.5px solid var(--border-color)}.btn-ghost:hover{background:var(--border-color);color:var(--text-primary)}.btn-danger{color:var(--accent-red);background:#dc26261a;border:1.5px solid #dc262633}.btn-danger:hover{background:#dc262626}.btn-sm{border-radius:20px;padding:5px 12px;font-size:.78rem}.btn-lg{padding:12px 28px;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-toolbar{margin-top:var(--spacing-md);flex-wrap:wrap;gap:8px;display:flex}.tabs{background:var(--bg-secondary);border-radius:var(--radius-lg);width:fit-content;margin-bottom:var(--spacing-md);gap:4px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.82rem;font-weight:600;font-family:var(--font-heading);white-space:nowrap;background:0 0;border:none;padding:6px 14px}.tab-btn.active{background:var(--bg-primary);color:var(--accent);box-shadow:var(--shadow-sm)}.tab-btn:hover:not(.active){color:var(--text-primary)}.alert{border-radius:var(--radius-md);border:1px solid;padding:12px 16px;font-size:.875rem;line-height:1.6}.alert-info{color:var(--accent);background:#474bff0f;border-color:#474bff33}.alert-success{color:var(--accent-green);background:#16a34a0f;border-color:#16a34a33}.alert-error{color:var(--accent-red);background:#dc26260f;border-color:#dc262633}.alert-warning{color:var(--accent-yellow);background:#d977060f;border-color:#d9770633}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-mono);color:var(--text-secondary);font-size:.82rem;line-height:1.7;overflow-x:auto}.copy-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:.78rem;font-family:var(--font-sans);padding:4px 8px}.copy-btn:hover{background:var(--accent-mid);color:var(--accent);border-color:#474bff4d}input[type=range]{-webkit-appearance:none;background:var(--border-color);cursor:pointer;border-radius:99px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg-primary);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 1px 4px #474bff59}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.tool-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.tool-page{padding:var(--spacing-md)}.hero-title{font-size:1.6rem}.hero-stats{gap:var(--spacing-lg)}.tabs{flex-wrap:wrap;width:100%}}@media (max-width:480px){.container,.header-inner{padding:0 var(--spacing-md)}.cmd-overlay{padding-top:40px}}