*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;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}body:before{content:"";background:radial-gradient(ellipse at 15% 15%, rgb(var(--accent-rgb) / .03) 0%, transparent 60%), radial-gradient(ellipse at 85% 85%, rgb(var(--accent-rgb) / .02) 0%, transparent 60%), radial-gradient(ellipse at 50% -20%, rgb(var(--accent-rgb) / .05) 0%, transparent 50%);pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-layout{grid-template-columns:var(--sidebar-width) 1fr var(--sidebar-width);grid-template-rows:auto 1fr auto;gap:0;min-height:100vh;display:grid}.app-header{height:var(--header-height);padding:0 var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:100;grid-column:1/-1;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.header-content{align-items:center;gap:var(--space-md);display:flex}.header-title{font-size:var(--font-size-xl);background:var(--gradient-accent);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:400}.sidebar{padding:var(--space-lg);justify-content:center;align-items:flex-start;display:flex}.sidebar-ad-placeholder{border:1px dashed rgb(var(--fg-rgb) / .06);border-radius:var(--border-radius-md);width:100%;min-height:300px;color:var(--color-text-tertiary);font-size:var(--font-size-xs);opacity:.3;margin-top:var(--space-xl);justify-content:center;align-items:center;display:flex}.main-content{padding:var(--space-2xl) var(--space-xl);max-width:var(--max-content-width);gap:var(--space-xl);flex-direction:column;width:100%;margin:0 auto;display:flex}.app-footer{padding:var(--space-lg) var(--space-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-xs);border-top:1px solid var(--border-color);background:var(--glass-bg);grid-column:1/-1}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.glass-card:hover{border-color:rgb(var(--accent-rgb) / .2)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius-md);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(rgb(var(--fg-rgb) / .1), transparent);opacity:0;transition:opacity var(--transition-fast);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow), 0 4px 20px rgb(var(--accent-rgb) / .4);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-accent)}.btn-icon{border-radius:var(--border-radius-sm);width:40px;height:40px;padding:0}.format-tab{padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-xs);background:0 0;border:none;flex:1;font-weight:600;display:flex}.format-tab:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.format-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:var(--space-lg) var(--space-md)}.app-footer,.app-header{grid-column:1}}@media (width<=640px){.header-subtitle{display:none}}.app-layout.ad-hidden{grid-template-columns:1fr!important}.app-layout.ad-hidden .sidebar{display:none!important}:root{--json-key:#6d28d9;--json-string:#0e7490;--json-boolean:#047857;--json-null:#b91c1c;--json-number:#92400e}@media (prefers-color-scheme:dark){:root{--json-key:#c4b5fd;--json-string:#67e8f9;--json-boolean:#6ee7b7;--json-null:#fca5a5;--json-number:#fcd34d}}.json-key{color:var(--json-key)}.json-string{color:var(--json-string)}.json-boolean{color:var(--json-boolean)}.json-null{color:var(--json-null)}.json-number{color:var(--json-number)}: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}}.app-layout{--input-surface:var(--color-input-bg);--input-edge:var(--color-input-edge);--input-hover:var(--color-input-edge-hover);--input-focus:var(--focus-ring)}.app-layout :where(input:not([type=hidden],[type=file],[type=checkbox],[type=radio],[type=range],[type=color],[type=button],[type=submit],[type=reset]),textarea,select):where(:not(.markdown-body *)){box-sizing:border-box;min-width:0;max-width:100%;color:var(--color-text-primary);caret-color:var(--input-focus);border-radius:8px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background-color .15s;border:2px solid var(--input-edge)!important;background-color:var(--input-surface)!important}.app-layout :is(input,textarea)::placeholder{color:var(--color-placeholder);opacity:1}.app-layout :is(input,textarea,select):not(:disabled,[readonly],[type=hidden],[type=checkbox],[type=radio],[type=range]):hover{--input-edge:var(--input-hover);border-color:var(--input-hover)!important}.app-layout :is(input,textarea,select):not([type=hidden]):focus-visible{outline-offset:3px;outline:3px solid var(--input-focus)!important}.app-layout :is(input,textarea,select):not([type=checkbox],[type=radio],[type=range]):focus{--input-edge:var(--input-focus);border-color:var(--input-focus)!important;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .2)!important}.app-layout :is(input,textarea,select):is(.error,[aria-invalid=true],:user-invalid){--input-edge:var(--color-error);border-color:var(--color-error)!important}.app-layout :is(input,textarea)[readonly]{--input-edge:var(--color-border-strong);--input-surface:var(--color-input-readonly-bg);cursor:text;border-color:var(--color-border-strong)!important;background-color:var(--color-input-readonly-bg)!important;border-style:dashed!important}.app-layout :is(input,textarea,select):disabled{opacity:.55;cursor:not-allowed}.app-layout input:is([type=checkbox],[type=radio],[type=range]){accent-color:var(--color-accent)}.app-layout input:is([type=color],[type=file]){box-sizing:border-box;border-radius:8px;max-width:100%;border:2px solid var(--input-edge)!important;background-color:var(--input-surface)!important}.app-layout input[type=file]::file-selector-button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);font:inherit;cursor:pointer;border-radius:6px;margin-right:12px;padding:8px 12px}.app-layout .file-drop-target{--drop-edge:var(--color-input-edge);--drop-surface:var(--color-surface);transition:border-color .15s,background-color .15s,box-shadow .15s;border:2px dashed var(--drop-edge)!important;background-color:var(--drop-surface)!important}.app-layout .file-drop-target:not([aria-disabled=true]):hover,.app-layout .file-drop-target[data-dragging=true]{--drop-edge:var(--color-accent);--drop-surface:rgb(var(--accent-rgb) / .08);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .15);border-color:var(--color-accent)!important;background-color:rgb(var(--accent-rgb) / .08)!important}.app-layout .file-drop-target:focus-visible{outline-offset:4px;outline:3px solid var(--input-focus)!important}.app-layout .file-drop-target[aria-disabled=true]{opacity:.55;cursor:not-allowed!important}.file-drop-action{border:1px solid var(--color-accent);background:var(--color-surface);min-height:44px;color:var(--color-text-accent);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;margin-top:16px;padding:9px 18px;font-size:.875rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.app-layout :is(input,textarea,select,.file-drop-target){transition:none!important}}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}}