:root{--ink:#17201d;--muted:#6f7a75;--paper:#f4f3ed;--panel:#fbfaf6;--line:#d9dbd3;--accent:#ef6c48;--green:#159b69;--shadow:0 18px 50px rgba(27,40,34,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:70px;padding:0 max(28px,calc((100vw - 1380px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f4f3edee;backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700}.mark{width:31px;height:31px;display:grid;place-items:center;background:var(--ink);color:#fff;font:500 9px "DM Mono"}.tagline{margin-left:20px;padding-left:20px;border-left:1px solid var(--line);font:500 10px "DM Mono";letter-spacing:.13em;color:var(--muted)}.back{margin-left:auto;color:var(--muted);font-size:11px;text-decoration:none;border:1px solid var(--line);padding:8px 12px}main{max-width:1380px;margin:auto;padding:48px 28px 80px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.eyebrow,.panel-head>span{font:500 10px "DM Mono";letter-spacing:.16em;color:var(--accent)}h1{font-size:clamp(38px,4.5vw,64px);line-height:1.07;letter-spacing:-.055em;margin:12px 0 0}h1 em{font-style:normal;color:var(--accent)}.hero>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.8;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:18px}.steps button{border:0;border-right:1px solid var(--line);background:#ebeae4;text-align:left;padding:16px 18px;color:#818985;font-size:11px}.steps button:last-child{border:0}.steps b{font:500 10px "DM Mono";margin-right:10px}.steps .active{background:var(--ink);color:#fff}.stage{display:none}.stage.active{display:block}#inputStage.active{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.upload-panel,.guide,.form,.evidence,.pin-panel{padding:27px}.panel-head{display:flex;gap:18px;align-items:flex-start}.panel-head h2,.title-row h2{font-size:21px;margin:0 0 3px}.panel-head p,.title-row p,.panel-title p{font-size:10px;color:var(--muted);margin:0}.drop{height:300px;margin:24px 0 15px;border:1px dashed #afb5ae;background:#f7f6f1;display:flex;flex-direction:column;align-items:center;justify-content:center}.drop.drag{border-color:var(--accent);background:#fff7f3}.drop i{width:58px;height:70px;border:2px solid var(--ink);display:grid;place-items:center;font:500 11px "DM Mono";font-style:normal;margin-bottom:17px}.drop strong{font-size:14px}.drop small{font-size:10px;color:var(--muted);margin-top:6px}.file{border:1px solid var(--line);padding:11px 13px;align-items:center;font-size:10px;margin-bottom:12px}.file:not([hidden]){display:flex}.file span{color:var(--muted);margin-left:10px}.file button{margin-left:auto;border:0;background:transparent;color:var(--muted)}.primary{border:0;background:var(--accent);color:#fff;padding:13px 17px;font-weight:600;display:flex;justify-content:space-between;gap:30px}.upload-panel>.primary{width:100%}.primary:disabled{opacity:.4}.progress{margin-top:16px}.progress>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.progress>i{display:block;height:3px;background:var(--line);margin-top:7px}.progress>i span{display:block;width:0;height:100%;background:var(--accent)}.guide h3{font-size:20px;margin:12px 0 28px}.guide ol{list-style:none;padding:0;margin:0}.guide li{display:grid;grid-template-columns:25px 1fr;gap:3px 8px;margin-bottom:24px}.guide li:before{content:counter(list-item,decimal-leading-zero);font:500 9px "DM Mono";color:var(--accent)}.guide li b{font-size:11px}.guide li small{grid-column:2;color:var(--muted);line-height:1.6}.warning{background:#eeede7;padding:13px;font-size:9px;line-height:1.6;color:var(--muted)}.title-row{display:flex;justify-content:space-between;align-items:end;margin:29px 0 18px}.title-row h2{margin-top:8px}.secondary{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 12px;font-size:10px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.form{display:grid;gap:13px}.form h3,.evidence h3,.pin-panel h3{font-size:13px;margin:0 0 5px}.form label{display:grid;gap:5px;font-size:9px;font-weight:600;color:var(--muted)}input,select{border:1px solid var(--line);background:#fff;padding:9px;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--accent)}.evidence div{display:grid;gap:9px}.evidence article{border-left:3px solid var(--green);background:#f2f2ec;padding:10px 12px}.evidence b{font-size:10px}.evidence p{font:400 9px/1.6 "DM Mono";color:var(--muted);margin:4px 0 0}.pin-panel{margin-top:18px}.panel-title{display:flex;justify-content:space-between;align-items:center}.table-wrap{margin-top:17px;border:1px solid var(--line);max-height:390px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;background:#eeeee8;color:var(--muted);padding:9px;font:500 9px "DM Mono";position:sticky;top:0}td{padding:6px 8px;border-top:1px solid var(--line)}td input,td select{width:100%;padding:7px}.remove{border:0;background:none;color:#999;font-size:17px}.actions{display:flex;justify-content:flex-end;margin-top:18px}.package-list{display:grid;gap:14px}.package-card{padding:24px}.package-card header{display:flex;align-items:center;gap:12px;margin-bottom:19px}.package-card header input{font-weight:700}.package-card header button{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.metrics label{display:grid;gap:5px;color:var(--muted);font-size:9px}.package-note{margin:13px 0 0;font-size:9px;color:var(--muted)}.add-package{margin-top:12px}.preview{padding:0;overflow:hidden}.preview>div{height:49px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 17px}.preview>div span{font:500 9px "DM Mono";color:var(--muted)}canvas{display:block;width:100%;height:auto;background:#f8f8f4}.download-panel{margin-top:18px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.download-panel>div:first-child{display:flex;align-items:center;gap:10px}.download-panel i{width:9px;height:9px;background:var(--green);border-radius:50%}.download-panel p{font-size:9px;color:var(--muted);margin:2px 0 0}.download-panel>div:last-child{display:flex;gap:8px}.download{border:1px solid var(--line);background:#fff;padding:10px 13px;text-align:left;min-width:190px}.download small{display:block;font:400 8px "DM Mono";color:var(--muted)}.download b{font:500 9px "DM Mono"}@media(max-width:900px){#inputStage.active,.grid.two{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.hero{display:block}.hero>p{margin-top:18px}.download-panel{align-items:flex-start;gap:17px}.download-panel,.download-panel>div:last-child{flex-direction:column;width:100%}.download{width:100%}}@media(max-width:560px){main{padding:30px 15px 60px}.tagline{display:none}.steps button{padding:12px 8px}.steps b{display:block;margin-bottom:3px}.metrics{grid-template-columns:1fr 1fr}.panel{padding:19px}.preview{padding:0}.title-row{align-items:flex-start;gap:10px}}