:root{--bg:#fff;--surface:#fff;--track:#f1f4f7;--ink:#1c2127;--ink-soft:#5f646a;--ink-faint:#8d939a;--line:#e1e4e8;--accent:#2c74cd;--accent-ink:#0055ad;--accent-soft:#e6f1ff;--ui:"Hanken Grotesk", "Apple SD Gothic Neo", "Hiragino Sans", "PingFang SC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "Malgun Gothic", "Microsoft YaHei", system-ui, sans-serif;--display:"Schibsted Grotesk", "Hanken Grotesk", "Apple SD Gothic Neo", "Hiragino Sans", "PingFang SC", "Noto Sans KR", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}@supports (color:lab(0% 0 0)){:root{--track:lab(95.9291% -.383019 -1.84573);--ink:lab(12.3814% -.806525 -4.70604);--ink-soft:lab(41.9701% -.851825 -4.39307);--ink-faint:lab(60.5313% -.87288 -4.40396);--line:lab(90.4748% -.457317 -2.21347);--accent:lab(47.8447% 2.40374 -53.5924);--accent-ink:lab(35.9595% 6.80096 -55.0298);--accent-soft:lab(94.7078% -1.94234 -10.2281)}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--ink);background:var(--bg);font-family:var(--ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}input::placeholder{color:var(--ink-faint)}input[type=range]{width:100%;accent-color:var(--accent)}.panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.btn-primary{cursor:pointer;background:var(--accent);color:#fff;height:46px;font:600 15px/1 var(--ui);letter-spacing:-.01em;box-shadow:0 5px 14px color-mix(in oklch, var(--accent) 26%, transparent);border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 22px;transition:background .16s;display:inline-flex}.btn-primary:hover{background:var(--accent-ink)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.full{width:100%}.btn-ghost{cursor:pointer;background:var(--surface);height:46px;color:var(--ink);border:1px solid var(--line);font:600 15px/1 var(--ui);letter-spacing:-.01em;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:background .16s;display:inline-flex}.btn-ghost:hover{background:var(--track)}.btn-ghost.full{width:100%}.segmented{background:var(--track);border:1px solid var(--line);border-radius:11px;gap:2px;padding:4px;display:inline-flex}.segmented button{cursor:pointer;height:34px;color:var(--ink-soft);box-shadow:none;font:500 14px/1 var(--ui);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 14px;transition:background .14s;display:inline-flex}.segmented button.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #141c2e1f}.copy-field{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;height:44px;padding:0 6px 0 13px;display:flex}.copy-field-value{min-width:0;font:600 15px/1 var(--mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.copy-field-btn{cursor:pointer;width:32px;height:32px;color:var(--ink-faint);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.copy-field-btn.copied{background:var(--accent-soft);color:var(--accent-ink)}.stat-row{justify-content:space-between;align-items:baseline;padding:9px 0;display:flex}.stat-row-label{font:400 14px/1 var(--ui);color:var(--ink-soft)}.stat-row-value{font:500 15px/1 var(--mono);color:var(--ink)}.stat-row-value.strong{font-weight:600}.dropzone{border:1.5px dashed var(--line);background:var(--surface);text-align:center;cursor:pointer;border-radius:16px;padding:44px 24px;transition:border-color .16s,background .16s}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-ink);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.dropzone-title{font:600 17px/1.3 var(--ui);color:var(--ink)}.dropzone-sub{font:400 14px/1.3 var(--ui);color:var(--ink-faint);margin-top:5px}.saved-badge{background:var(--accent-soft);color:var(--accent-ink);font:700 13px/1 var(--ui);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;display:inline-flex}@media (max-width:768px){.tool-grid-3col,.tool-detail-grid{grid-template-columns:1fr!important}.hero-title{font-size:42px!important}}@keyframes spin{to{transform:rotate(360deg)}}