*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--sidebar-width);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.app-layout.ad-hidden{grid-template-columns:minmax(0,1fr)}.app-layout.ad-hidden .sidebar{display:none}.main-content{padding:var(--space-2xl) var(--space-lg);gap:var(--space-2xl);flex-direction:column;width:100%;max-width:1040px;margin:0 auto;display:flex}.app-header{min-height:var(--header-height);padding:8px var(--space-lg);z-index:100;grid-column:1/-1;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;max-width:1040px;display:flex}.header-content{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.header-logo-img{object-fit:contain;width:36px;height:36px;display:block}.header-brand-group{flex-direction:column;line-height:1.2;display:flex}.header-title{font-size:var(--font-size-lg);letter-spacing:-.01em;font-weight:800}.header-subtitle{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.header-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.header-guide-link{min-height:40px;font-size:var(--font-size-sm);gap:6px;padding:6px 14px;text-decoration:none}.hub-lang-select{border:1px solid var(--color-input-edge);border-radius:var(--border-radius-sm);background:var(--color-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a93a3' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 10px center;min-height:40px;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;appearance:none;padding:6px 30px 6px 12px;font-weight:600}.hero-section{align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.hero-title{font-size:var(--font-size-3xl);letter-spacing:-.02em;font-weight:800;line-height:1.2}.hero-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:600px}.search-container{width:100%;max-width:640px;margin-top:var(--space-sm);align-items:center;display:flex;position:relative}.search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:16px}.search-input{border:2px solid var(--color-input-edge);border-radius:var(--border-radius-md);background:var(--color-input-bg);width:100%;min-height:52px;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 52px 12px 48px}.search-input::placeholder{color:var(--color-placeholder)}.search-input:hover{border-color:var(--color-input-edge-hover)}.search-input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .2);outline:none}.search-shortcut{border:1px solid var(--color-border-strong);background:var(--color-bg-tertiary);min-width:26px;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-mono);pointer-events:none;border-radius:6px;padding:2px 8px;position:absolute;right:14px}.search-input:focus~.search-shortcut{display:none}.hero-quick-links{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero-direct-tool-link{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:40px;color:var(--color-text-primary);font-size:var(--font-size-sm);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-flex}.hero-direct-tool-link:hover{border-color:var(--color-accent);color:var(--color-text-accent)}.personal-shortcuts{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.shortcut-group{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.shortcut-title{min-width:80px;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:700}.tool-chip-list{gap:var(--space-sm);flex-wrap:wrap;list-style:none;display:flex}.tool-chip{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--color-bg-primary);min-height:40px;color:var(--color-text-primary);font-size:var(--font-size-sm);align-items:center;gap:6px;padding:6px 12px;font-weight:600;text-decoration:none;display:inline-flex}.tool-chip:hover{border-color:var(--color-accent)}.tool-chip-icon{font-size:1.1rem;display:inline-flex}.tool-chip-icon img{width:18px;height:18px}.tools-container{gap:var(--space-md);flex-direction:column;display:flex}.tools-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.section-header{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:700;display:flex}.section-count{background:var(--color-bg-tertiary);min-width:28px;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;border-radius:999px;padding:0 8px;font-weight:700}.category-filter{flex-wrap:wrap;gap:6px;display:flex}.category-chip{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:40px;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:999px;padding:6px 14px;font-weight:600}.category-chip:hover{color:var(--color-text-primary);border-color:var(--color-input-edge-hover)}.category-chip.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.tool-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;display:grid}.tool-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex;position:relative}.tool-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.tool-card:focus-within{border-color:var(--color-accent)}.tool-icon{border-radius:var(--border-radius-md);background:var(--color-bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.tool-icon img{width:24px;height:24px}.tool-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tool-card-link{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:700;line-height:1.35;text-decoration:none}.tool-card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.tool-card-link:focus-visible{outline:none!important}.tool-card-link:focus-visible:after{outline:3px solid var(--focus-ring);outline-offset:2px}.tool-subtext{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tool-description{-webkit-line-clamp:2;font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-box-orient:vertical;margin-top:4px;line-height:1.5;display:-webkit-box;overflow:hidden}.pin-toggle{z-index:1;border-radius:var(--border-radius-sm);width:40px;height:40px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px 0 0;display:inline-flex;position:relative}.pin-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.pin-toggle.active{color:var(--color-warning)}.empty-state{padding:var(--space-2xl) var(--space-lg);border:1px dashed var(--color-border-strong);border-radius:var(--border-radius-lg);text-align:center}.empty-title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);font-weight:700}.empty-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.about-section{padding:var(--space-xl);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--color-surface)}.about-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.about-section h3{font-size:var(--font-size-base);margin:var(--space-lg) 0 var(--space-sm)}.about-section p{color:var(--color-text-secondary);margin-bottom:var(--space-md);white-space:pre-line;font-size:.95rem;line-height:1.8}.about-section ul{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.about-section li{border-radius:var(--border-radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:12px 16px;font-size:.9rem}.glass-card{border-radius:var(--border-radius-lg);padding:var(--space-xl);position:relative}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{font-size:var(--font-size-sm);padding:6px 12px}.app-footer{padding:var(--space-xl) var(--space-md);border-top:1px solid var(--border-color);text-align:center;font-size:var(--font-size-sm);grid-column:1/-1}.footer-content{align-items:center;gap:var(--space-md);flex-direction:column;max-width:1040px;margin:0 auto;display:flex}.footer-disclaimer{max-width:720px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.footer-links,.footer-legal-links{justify-content:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;display:flex}.footer-link{padding:4px 0;text-decoration:none;display:inline-block}.footer-link:hover{text-decoration:underline}.footer-link-strong{color:var(--color-text-accent);font-weight:700}.footer-copy{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.not-found-page{place-items:center;min-height:100vh;display:grid}.not-found-card{width:min(100%,620px);padding:var(--space-2xl);text-align:center}.not-found-code{margin-bottom:var(--space-sm);color:var(--color-text-accent);font-size:clamp(4rem,14vw,8rem);font-weight:800;line-height:1;display:block}.not-found-card h1{margin-bottom:var(--space-md)}.not-found-card p{margin-bottom:var(--space-xl);color:var(--color-text-secondary)}@media (width<=1120px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.app-layout>main{grid-column:1!important}}@media (width<=640px){.main-content{padding:var(--space-lg) var(--space-md)}.app-header{padding:8px var(--space-md)}.header-subtitle,.header-guide-label{display:none}.header-guide-link{width:var(--tap-target);min-height:var(--tap-target);padding:0}.header-content{flex-shrink:0}.hub-lang-select{max-width:150px;min-height:var(--tap-target)}.hero-title{font-size:var(--font-size-2xl)}.hero-description{font-size:var(--font-size-sm)}.search-shortcut{display:none}.search-input{padding-right:16px}.tool-grid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}.tool-card{align-items:center;padding:12px 8px 12px 14px}.tool-description{display:none}.shortcut-title{width:100%}.personal-shortcuts,.about-section{padding:var(--space-md)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-rgb:246 247 249;--fg-rgb:15 23 42;--accent-rgb:79 87 201;--color-bg-primary:#f6f7f9;--color-bg-secondary:#fff;--color-bg-tertiary:#eef0f4;--color-surface:#fff;--color-surface-hover:#f2f4f7;--color-surface-active:#e9ecf1;--glass-bg:#fff;--glass-border:#e1e5eb;--glass-shadow:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--glass-blur:none;--color-text-primary:#1a1d24;--color-text-secondary:#475163;--color-text-tertiary:#5d6676;--color-text-accent:#3d44a8;--color-placeholder:#6b7383;--color-link:#3d44a8;--color-accent:#4f57c9;--color-accent-light:#3d44a8;--color-accent-dark:#3d44a8;--color-on-accent:#fff;--color-primary:var(--color-accent-light);--color-cyan:var(--color-accent-light);--color-cyan-dark:var(--color-accent);--color-success:#047857;--color-warning:#b45309;--color-error:#c62828;--color-success-bg:#04785714;--color-warning-bg:#b4530914;--color-error-bg:#c6282814;--border-color:#e1e5eb;--color-border-strong:#c5cbd5;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--gradient-primary:linear-gradient(var(--color-accent), var(--color-accent));--gradient-accent:linear-gradient(var(--color-accent), var(--color-accent));--gradient-subtle:linear-gradient(rgb(var(--accent-rgb) / .07), rgb(var(--accent-rgb) / .07));--gradient-glow:linear-gradient(rgb(var(--accent-rgb) / .1), rgb(var(--accent-rgb) / .1));--gradient-warning:linear-gradient(var(--color-warning-bg), var(--color-warning-bg));--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 2px 8px #0f172a14;--shadow-lg:0 8px 24px #0f172a1a;--shadow-glow:none;--shadow-glow-cyan:none;--focus-ring:#4f57c9;--color-input-bg:#fff;--color-input-edge:#8a93a3;--color-input-edge-hover:#5d6676;--color-input-readonly-bg:#f2f4f7;--font-family:-apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:160px;--header-height:64px;--max-content-width:900px;--tap-target:44px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-rgb:15 17 21;--fg-rgb:255 255 255;--accent-rgb:139 147 245;--color-bg-primary:#0f1115;--color-bg-secondary:#161a20;--color-bg-tertiary:#1c2027;--color-surface:#161a20;--color-surface-hover:#1c2128;--color-surface-active:#232831;--glass-bg:#161a20;--glass-border:#262b34;--glass-shadow:0 1px 2px #0000004d;--color-text-primary:#e7e9ee;--color-text-secondary:#b3b9c4;--color-text-tertiary:#949cab;--color-text-accent:#a9b0f8;--color-placeholder:#8a92a1;--color-link:#a9b0f8;--color-accent:#5b63d3;--color-accent-light:#a9b0f8;--color-accent-dark:#4a51b8;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-success-bg:#34d3991a;--color-warning-bg:#fbbf241a;--color-error-bg:#f871711a;--border-color:#262b34;--color-border-strong:#3a414d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 8px 24px #0006;--focus-ring:#a9b0f8;--color-input-bg:#11141a;--color-input-edge:#67707f;--color-input-edge-hover:#8a93a3;--color-input-readonly-bg:#0c0e12}}@media (width<=640px){:root{--header-height:56px;--space-2xl:32px}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6}body:before{display:none!important}h1,h2,h3,h4,label,.btn,button,[role=tab]{word-break:keep-all;overflow-wrap:break-word}code,pre,kbd,samp{font-family:var(--font-mono)}.header-title,.hero-title{-webkit-text-fill-color:currentColor!important;color:var(--color-text-primary)!important;background:0 0!important}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgb(var(--bg-rgb) / .92)!important;border-bottom:1px solid var(--border-color)!important}.app-footer{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-text-tertiary);background:0 0!important}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass-card:before{display:none}:where(main,article,footer) a:not([class]){color:var(--color-link);text-underline-offset:3px;text-decoration:underline}:where(main,article,footer) a:not([class]):hover{text-decoration-thickness:2px}.footer-link{color:var(--color-text-secondary)}.footer-link:hover{color:var(--color-link)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:is(a,button,summary,[role=button],[role=tab],[tabindex]):focus-visible{outline-offset:2px;outline:3px solid var(--focus-ring)!important}.btn{min-height:var(--tap-target);font-family:var(--font-family);box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.btn:after{display:none}.btn:hover,.btn:active{transform:none}.btn-sm{min-height:36px}.btn-primary{background:var(--color-accent)!important;color:var(--color-on-accent)!important;border:1px solid var(--color-accent)!important;box-shadow:none!important}.btn-primary:hover:not(:disabled){background:var(--color-accent-dark)!important;border-color:var(--color-accent-dark)!important}.btn-secondary{background:var(--color-surface)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border-strong)!important}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)!important;border-color:var(--color-input-edge-hover)!important}.btn-danger{background:var(--color-surface);color:var(--color-error);border:1px solid}.btn-danger:hover:not(:disabled){background:var(--color-error-bg)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-icon{min-width:var(--tap-target);min-height:var(--tap-target)}.category-tab,.format-tab{min-height:var(--tap-target);font-family:var(--font-family);color:var(--color-text-secondary)}.category-tab:hover,.format-tab:hover{color:var(--color-text-primary)}.category-tab.active,.format-tab.active,:is(.category-tab,.format-tab)[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--color-accent);font-weight:700;background:rgb(var(--accent-rgb) / .12)!important;border-color:var(--color-accent)!important;color:var(--color-text-accent)!important}.app-header:has(.tool-header){min-height:var(--header-height);justify-content:center;align-items:center;display:flex;height:auto!important;padding:8px 24px!important}.tool-header{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;display:flex}.tool-header-brand{align-items:center;gap:12px;min-width:0;display:flex}.tool-header-logo{border-radius:var(--border-radius-sm);flex-shrink:0;display:inline-flex}.tool-header-logo img{object-fit:contain;width:32px;height:32px;display:block}.tool-header-titles{flex-wrap:wrap;align-items:baseline;column-gap:10px;min-width:0;display:flex}.tool-header .header-title{letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.tool-header .header-subtitle{color:var(--color-text-secondary);letter-spacing:0;text-transform:none;font-size:.8rem;font-weight:500}.tool-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-layout .tool-lang-select{cursor:pointer;appearance:none;min-height:40px;padding:6px 30px 6px 12px;font-size:.875rem;font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a93a3' d='M2 4l4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important}.tool-header-hub{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:6px 14px;font-size:.875rem;text-decoration:none;display:inline-flex}@media (width<=640px){.app-header:has(.tool-header){padding:8px 16px!important}.tool-header .header-title{font-size:1.05rem}.tool-header .header-subtitle,.tool-header-hub-label{display:none}.tool-header-hub{width:var(--tap-target);min-height:var(--tap-target);padding:0}.app-layout .tool-lang-select{min-height:var(--tap-target);text-overflow:ellipsis;max-width:116px}}.ev-toast-region{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(100vw - 32px,480px);display:flex;position:fixed;transform:translate(-50%)}.ev-toast{border-radius:var(--border-radius-md);background:var(--color-text-primary);width:100%;color:var(--color-bg-primary);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:12px;padding:10px 8px 10px 16px;font-size:.9rem;line-height:1.4;animation:.16s ease-out ev-toast-in;display:flex}.ev-toast-error{border-left:4px solid var(--color-error)}.ev-toast-message{flex:1}.ev-toast-action,.ev-toast-dismiss{border-radius:var(--border-radius-sm);min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 12px;font-weight:700}.ev-toast-action{text-underline-offset:3px;text-decoration:underline}.ev-toast-dismiss{opacity:.8;min-width:36px;padding:0;font-size:1.2rem}.ev-toast-action:hover,.ev-toast-dismiss:hover{background:rgb(var(--bg-rgb) / .15)}.ev-toast :focus-visible{outline-color:var(--color-bg-primary)!important}@keyframes ev-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}