@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Noto+Sans+KR:wght@400;600;700;800&display=swap');
:root{--ink:#0b2027;--orange:#f2683a;--mint:#27d3bd;--paper:#edf2f4;--line:#d6e0e4;--muted:#66787e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#142127;font-family:Manrope,'Noto Sans KR',sans-serif}.top{height:96px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;background:#030708;color:#fff}.brand img{width:220px;max-height:52px}.top>a:last-child{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 80px}.crumb{display:flex;gap:10px;align-items:center;margin-bottom:58px;color:#71838a;font-size:13px}.crumb a{color:#31545f;text-decoration:none}.eyebrow{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.17em}h1{font-size:clamp(42px,7vw,78px);line-height:1;margin:14px 0 20px;letter-spacing:-.055em}.lead{max-width:730px;color:var(--muted);font-size:17px;line-height:1.8}.search{display:grid;grid-template-columns:100px 1fr;margin:42px 0 56px;background:#fff;border:1px solid var(--line)}.search span{display:grid;place-items:center;background:var(--ink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em}.search input{width:100%;padding:20px;border:0;outline:0;font:600 16px inherit}.category{margin-top:56px}.category h2{font-size:26px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tool-card{display:flex;min-height:250px;flex-direction:column;padding:26px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 0 rgba(8,23,28,.045);color:inherit;text-decoration:none;transition:.25s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 14px 0 rgba(8,23,28,.08)}.icon{width:52px;height:52px;display:grid;place-items:center;background:var(--ink);color:var(--mint);font-size:22px;font-weight:800}.tool-card h3{margin:24px 0 10px;font-size:22px}.tool-card p{margin:0 0 28px;color:var(--muted);font-size:13px;line-height:1.7}.open{margin-top:auto;color:var(--orange);font-size:12px;font-weight:800}.tool-head{display:grid;grid-template-columns:1fr 110px;align-items:end;gap:30px}.tool-icon{width:96px;height:96px;display:grid;place-items:center;background:var(--ink);color:var(--mint);font-size:34px;font-weight:800}.work-card{margin-top:44px;padding:34px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 0 rgba(8,23,28,.05)}label.field{display:grid;gap:8px;margin:0 0 18px;font-size:13px;font-weight:800}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:14px;border:1px solid #cbd8dc;background:#f8fbfb;color:var(--ink);outline:0}textarea{min-height:190px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}button,.download{padding:14px 22px;border:0;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}button:hover{background:var(--orange)}button.secondary{background:#dfe8ea;color:var(--ink)}pre,.result{min-height:90px;margin-top:24px;padding:20px;overflow:auto;background:#0b1d23;color:#d7fffa;white-space:pre-wrap;font:14px/1.65 ui-monospace,Consolas,monospace}.drop{padding:42px;border:2px dashed #afc3c8;text-align:center}.preview{max-width:100%;max-height:440px;margin-top:20px}.company{margin-top:58px;padding:30px;border-top:1px solid var(--line)}.company h2{font-size:24px}.company a{color:var(--orange);font-weight:800}footer{padding:50px max(24px,4vw);background:#071116;color:#b5c5ca}footer strong{color:#fff;font-size:24px}footer p{font-size:12px}.empty{padding:40px;background:#fff;color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.top{height:76px}.brand img{width:175px}main{width:min(100% - 24px,1180px)}.grid,.row{grid-template-columns:1fr}.tool-head{grid-template-columns:1fr}.tool-icon{display:none}.work-card{padding:20px}.search{grid-template-columns:1fr}.search span{padding:10px}}