:root{--bg: #f5f6f8;--surface: #ffffff;--ink: #1b1f27;--ink-2: #454b57;--gray: #6b7280;--gray-2: #9aa1ac;--line: #e5e7eb;--line-2: #f0f1f3;--point: #3b4cca;--point-soft: #eef0fd;--plus: #1f9d63;--minus: #d1495b;--sans: "Pretendard", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono: "SF Mono", "Consolas", "Menlo", monospace;--max-w: 760px}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;word-break:keep-all}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;background:none;color:inherit}.header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:20px}.header h1{font-size:21px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.header .logo-mark{color:var(--point)}.header p{font-size:13px;color:var(--gray);margin:0;line-height:1.6}.container{max-width:var(--max-w);margin:0 auto;padding:20px 20px 56px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}.card-head{padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;background:#fafbfc}.card-body{padding:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field .hint{font-size:11px;color:var(--gray-2);font-weight:400}.field input,.field select{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:15px;color:var(--ink);outline:none;transition:border-color .12s;width:100%}.field input:focus,.field select:focus{border-color:var(--point)}.field input::placeholder{color:var(--gray-2)}.field input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.reset-row{display:flex;justify-content:flex-end;margin-top:14px}.reset-btn{font-size:13px;color:var(--gray);text-decoration:underline}.reset-btn:hover{color:var(--ink)}.result-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-2)}.result-row:last-child{border-bottom:none}.result-label{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2)}.result-label .info{position:relative;width:15px;height:15px;border-radius:50%;border:1px solid var(--gray-2);color:var(--gray-2);font-size:10px;line-height:13px;text-align:center;cursor:help;font-weight:700;flex-shrink:0}.result-label .info:hover .tip{opacity:1}.result-label .tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--ink);color:#fff;font-size:11.5px;font-weight:500;padding:6px 10px;border-radius:6px;opacity:0;transition:opacity .12s;pointer-events:none;z-index:10}.result-value{font-family:var(--mono);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.result-value.cost{color:var(--minus)}.result-row.highlight{padding:14px 16px;margin:4px -2px;background:var(--point-soft);border-radius:8px;border-bottom:none}.result-row.highlight .result-label{font-weight:700;color:var(--ink);font-size:14px}.result-value.profit{font-size:18px;font-weight:800;color:var(--point)}.result-value.margin{font-size:16px;font-weight:800;color:var(--plus)}.result-value.margin.neg{color:var(--minus)}.notice{font-size:11.5px;color:var(--gray-2);line-height:1.7;padding:4px 2px}.footer{text-align:center;padding:24px 20px;color:var(--gray-2);font-size:11.5px;line-height:1.7}@media(max-width:560px){.grid{grid-template-columns:1fr;gap:12px}.header-inner,.container{padding-left:16px;padding-right:16px}.result-row.highlight{flex-direction:row}}.tabs{display:flex;gap:6px;margin-bottom:16px}.tabs .tab{flex:1;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px;font-weight:700;color:var(--gray);transition:all .12s}.tabs .tab:hover{color:var(--ink)}.tabs .tab.active{background:var(--point);border-color:var(--point);color:#fff}.kw-row{display:flex;gap:8px}.kw-row input{flex:1;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font-size:15px;color:var(--ink);outline:none}.kw-row input:focus{border-color:var(--point)}.kw-btn{flex-shrink:0;padding:0 16px;background:var(--point);color:#fff;border-radius:8px;font-size:13.5px;font-weight:700;white-space:nowrap}.kw-btn:hover{background:#3140b0}.kw-matched{margin:8px 0 0;font-size:12.5px;color:var(--point);font-weight:600}.size3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.size3 input{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font-size:15px;color:var(--ink);outline:none;text-align:right;font-variant-numeric:tabular-nums}.size3 input:focus{border-color:var(--point)}@media(max-width:560px){.kw-row{flex-direction:column}.kw-btn{padding:10px}}