@font-face{font-family:Noto Sans KR Sub;src:url(/fonts/NotoSansKR-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans KR Sub;src:url(/fonts/NotoSansKR-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--cream: #f4f0e4;--surface: #fffdf7;--surface-hover: #fbf7ec;--border: #e4dcc5;--ink: #2b2a22;--ink-soft: #6b6a5a;--accent: #5b7553;--accent-dark: #35502e;--accent-soft: #e9efe0;--danger: #b8402a;--info: #2f6fb0;--info-soft: #e4eefa;--warn-bg: #f0e6c8;--warn-border: #e2c992;--warn-ink: #7a5a12;--error-bg: #f6dcd4;--icon-box-bg: #efe6d0;--radius: 14px;--radius-sm: 8px;--shadow: 0 10px 30px -18px rgba(43, 42, 34, .35);--font-body: "Noto Sans KR Sub", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif: Georgia, "Noto Serif KR", "Times New Roman", serif}[data-theme=dark]{--cream: #12160d;--surface: #1a2013;--surface-hover: #212a19;--border: #262e1c;--ink: #f0eee0;--ink-soft: #93967f;--accent: #8fb377;--accent-dark: #3d4d30;--accent-soft: #212a19;--danger: #e0836c;--info: #7fb3e8;--info-soft: #1f2f42;--warn-bg: #3a3220;--warn-border: #5c4d20;--warn-ink: #e0c374;--error-bg: #3d2620;--icon-box-bg: #232c19;--shadow: 0 10px 30px -18px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .15s ease,color .15s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font-family:inherit}.wrap{max-width:960px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--cream) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}.logo-group{display:flex;align-items:center;gap:12px;min-width:0}.logo{display:flex;align-items:center;gap:9px;color:var(--ink);flex-shrink:0}.logo-text{font-family:var(--font-serif);font-weight:700;font-size:21px;letter-spacing:-.01em}.badge-client-only{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--accent-dark);padding:6px 12px;border-radius:999px;white-space:nowrap}.site-nav{display:flex;gap:10px;align-items:center}.domain-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--ink-soft);padding:8px 4px;white-space:nowrap}.domain-link:hover{color:var(--ink)}.tools-dropdown{position:relative}.tools-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;border:none;background:none;color:var(--ink-soft);font-size:14px;font-weight:500;cursor:pointer;padding:8px 4px}.tools-dropdown-trigger:hover{color:var(--ink)}.tools-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:20}.tools-dropdown-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;font-size:13.5px;font-weight:500;color:var(--ink)}.tools-dropdown-item:hover{background:var(--accent-soft)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);border-radius:999px;cursor:pointer}.theme-toggle:hover{color:var(--ink);border-color:var(--ink-soft)}.lang-switch{display:inline-flex;background:var(--border);border-radius:999px;padding:3px;gap:2px}.lang-btn{border:none;background:transparent;color:var(--ink-soft);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer}.lang-btn:hover{color:var(--ink)}.lang-btn.active{background:var(--accent-dark);color:#fff}.format-switch{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.format-btn{border:none;background:transparent;color:var(--ink-soft);font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:6px;cursor:pointer;white-space:nowrap}.format-btn:hover{color:var(--ink)}.format-btn.active{background:var(--accent);color:#fff}.hero{padding:56px 0 40px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero h1{font-family:var(--font-serif);font-size:clamp(30px,4.4vw,46px);line-height:1.22;margin:0 0 16px;letter-spacing:-.01em}.hero-sub{color:var(--ink-soft);font-size:16px;max-width:560px;margin:0 auto;line-height:1.7}.badge-network{display:inline-flex;align-items:center;gap:5px;background:var(--info);color:#fff;font-size:12px;font-weight:700;padding:4px 10px 4px 8px;border-radius:999px;vertical-align:middle;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:8px 0 80px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tool-card.available:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.tool-card .icon-box{width:40px;height:40px;border-radius:10px;background:var(--icon-box-bg);color:var(--accent);display:flex;align-items:center;justify-content:center}.tool-card h3{margin:0;font-size:16px;font-weight:700}.tool-card p{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.5;flex:1}.tool-card .status{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--ink-soft)}.tool-card.soon{opacity:.55;cursor:default}.tool-header{padding:40px 0 8px}.tool-header .back{font-size:13px;color:var(--ink-soft);margin-bottom:12px;display:inline-block}.tool-header .back:hover{color:var(--ink)}.tool-header h1{font-size:28px;margin:0 0 8px;letter-spacing:-.02em}.tool-header p{color:var(--ink-soft);margin:0;font-size:14.5px}.dropzone{margin:28px 0 20px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);padding:48px 20px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone.dragover{border-color:var(--accent);background:var(--accent-soft)}.dropzone .dz-icon{font-size:32px;margin-bottom:10px}.dropzone .dz-title{font-weight:600;font-size:15.5px;margin-bottom:4px}.dropzone .dz-sub{font-size:13px;color:var(--ink-soft)}.dropzone .dz-limits{font-size:11.5px;color:var(--ink-soft);opacity:.75;margin-top:6px}.field-hint{font-size:12.5px;color:var(--ink-soft);margin:-6px 0 16px}.checkbox-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.dropzone input[type=file]{display:none}.notice-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px}.notice-dismiss{border:none;background:none;color:inherit;font-weight:700;font-size:12px;cursor:pointer;text-decoration:underline;white-space:nowrap}.controls{display:flex;flex-wrap:wrap;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:20px}.control-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.control-group label{font-size:12.5px;font-weight:600;color:var(--ink-soft)}.control-group .value{font-weight:700;color:var(--ink)}input[type=range]{accent-color:var(--accent);width:100%}input[type=number],input[type=text]{border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px}.actions-row{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn:hover{opacity:.88}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn.ghost:hover{border-color:var(--ink-soft);opacity:1}.btn.small{padding:6px 12px;font-size:12.5px}.file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:60px}.file-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px}.file-row .thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--accent-soft);flex-shrink:0}.file-row .meta{flex:1;min-width:0}.file-row .name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row .size-line{font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:6px;margin-top:2px}.file-row .size-line .saved{color:var(--accent-dark);font-weight:700}.file-row .size-line .arrow{color:var(--border)}.file-row .dimension-preview{font-size:11px;color:var(--ink-soft);margin-top:2px}.file-row .status-chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.status-chip.waiting{background:var(--border);color:var(--ink-soft)}.status-chip.working{background:var(--warn-bg);color:var(--warn-ink)}.status-chip.done{background:var(--accent-soft);color:var(--accent-dark)}.status-chip.error{background:var(--error-bg);color:var(--danger)}.file-row .row-actions{display:flex;gap:6px}.file-row .icon-btn{border:none;background:none;cursor:pointer;color:var(--ink-soft);font-size:15px;padding:4px}.file-row .icon-btn:hover{color:var(--danger)}.empty-state{text-align:center;color:var(--ink-soft);font-size:13px;padding:20px 0}.site-footer{border-top:1px solid var(--border);padding:24px 0 40px;text-align:center;color:var(--ink-soft);font-size:12.5px}@media (max-width: 640px){.badge-client-only,.domain-link,.tools-dropdown-trigger span{display:none}}@media (max-width: 560px){.controls{flex-direction:column;align-items:stretch}.actions-row{margin-left:0}}