@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
:root{--ink:#17211f;--muted:#74807b;--line:#dfe5e0;--paper:#fff;--canvas:#eef2ed;--accent:#d55735;--mint:#dceee7;--blue:#245f72;--shadow:0 18px 50px rgba(26,46,37,.09)}
*{box-sizing:border-box} body{margin:0;color:var(--ink);background:var(--canvas);font-family:Manrope,'Noto Sans KR',sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.shell{max-width:1560px;margin:auto;padding:0 40px}.topbar{height:74px;border-bottom:1px solid #d6ded8;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand b{color:var(--accent);font-weight:800}.brand-mark,.paper-logo{display:grid;place-items:center;background:var(--blue);color:white;font-weight:800;letter-spacing:-.06em}.brand-mark{width:30px;height:30px;font-size:12px;border-radius:50%}.topbar-meta{color:#7b8681}.status-dot,.live-label span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4eac7a;margin-right:7px}.divider{height:14px;border-left:1px solid #cbd4ce;margin:0 13px}.intro{padding:62px 0 46px;display:flex;align-items:end;justify-content:space-between}.eyebrow{font:500 10px 'DM Mono',monospace;color:var(--accent);letter-spacing:.16em;margin:0 0 18px}.intro h1{font-size:clamp(38px,4vw,64px);line-height:1.03;letter-spacing:-.065em;margin:0;font-weight:800}.intro h1 em{font-style:normal;color:var(--blue)}.intro-copy{font-size:15px;color:#64716a;margin:22px 0 0;letter-spacing:-.02em}.workflow{display:flex;align-items:center;gap:14px;color:#a1aaa5;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.workflow .active{color:var(--accent)}.workflow i{width:35px;border-top:1px solid #cdd7d0}.workspace{display:grid;grid-template-columns:minmax(440px,.86fr) minmax(560px,1.14fr);gap:22px;align-items:start}.panel{background:rgba(255,255,255,.62);border:1px solid #dbe4de;box-shadow:var(--shadow)}.editor-panel{padding:27px}.preview-panel{padding:27px;background:#e3ebe5}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.panel-heading>div{display:flex;align-items:center;gap:12px}.step{font:500 11px 'DM Mono',monospace;color:var(--accent)}h2{font-size:17px;margin:0;letter-spacing:-.04em}.ghost-button,.add-button{background:none;color:var(--muted);font-size:11px}.add-button{color:var(--accent);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.form-grid label{display:grid;gap:8px;color:#78857d;font:500 10px 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}.form-grid input{width:100%;border:0;border-bottom:1px solid #cbd5ce;background:transparent;padding:7px 0;color:var(--ink);font-size:13px;outline:0}.form-grid input:focus{border-color:var(--accent)}.input-with-suffix{display:flex;align-items:center;border-bottom:1px solid #cbd5ce}.input-with-suffix input{border:0}.input-with-suffix span{font:9px 'DM Mono',monospace;color:#a2aba6;white-space:nowrap}.section-line{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.items-table-wrap{overflow:auto;margin-top:13px}.items-editor{width:100%;min-width:600px;border-collapse:collapse;font-size:11px}.items-editor th{padding:9px 5px;text-align:left;color:#8a958e;font:500 9px 'DM Mono',monospace;border-bottom:1px solid var(--line)}.items-editor td{padding:6px 5px;border-bottom:1px solid #e7ece8;vertical-align:top}.items-editor input{width:100%;border:1px solid transparent;padding:5px;background:transparent;color:var(--ink);font-size:11px}.items-editor input:focus{border-color:#bfd2c6;background:white;outline:0}.items-editor td:first-child{color:var(--accent);width:28px}.remove-item{color:#aab4ae;background:none;font-size:16px}.editor-footer{display:flex;justify-content:flex-end;gap:27px;padding-top:20px}.editor-footer div{display:grid;gap:5px;text-align:right}.editor-footer span{font:9px 'DM Mono',monospace;color:#89958e}.editor-footer strong{font-size:18px;letter-spacing:-.05em}.total-u strong{color:var(--accent)}.live-label{font:9px 'DM Mono',monospace;color:#839087;letter-spacing:.08em}.quotation-paper{background:var(--paper);padding:30px 34px 27px;box-shadow:0 8px 28px rgba(27,48,39,.12);font-family:Arial,sans-serif;font-size:8px;min-height:630px}.paper-company{display:flex;gap:10px;border-bottom:2px solid #171d1b;padding-bottom:13px}.paper-logo{width:34px;height:34px;font-size:13px;border-radius:4px}.paper-company strong{display:block;font-size:15px;letter-spacing:-.04em}.paper-company small{display:block;font-size:7px;margin-top:3px;color:#47534d}.paper-title{text-align:center;font-size:17px;font-weight:800;text-decoration:underline;margin:19px 0 17px}.paper-meta{display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:8px}.paper-meta p{display:flex;margin:5px 0}.paper-meta b{width:55px;font-size:8px}.paper-meta span{font-weight:600}.paper-lead{font-weight:700;font-size:8px;margin:19px 0 8px}.paper-items{width:100%;border-collapse:collapse;table-layout:fixed}.paper-items th{border-top:2px solid #1c2420;border-bottom:1px solid #1c2420;padding:6px 3px;font-size:7px}.paper-items td{padding:5px 3px;border-bottom:1px solid #edf0ed;vertical-align:top;line-height:1.25;word-wrap:break-word}.paper-items th:nth-child(1){width:5%}.paper-items th:nth-child(2){width:34%}.paper-items th:nth-child(3){width:16%}.paper-items th:nth-child(4){width:7%}.paper-items th:nth-child(5){width:8%}.paper-items th:nth-child(6),.paper-items th:nth-child(7){width:11%}.paper-items th:nth-child(8){width:8%}.paper-total{border-top:2px solid #1c2420;border-bottom:2px solid #1c2420;margin-top:8px;padding:7px 3px;display:flex;justify-content:flex-end;gap:30px;font-weight:800}.paper-remarks{margin-top:26px;line-height:1.4;font-size:7px}.paper-remarks p{margin:3px 0}.paper-sign{text-align:right;font-weight:800;font-size:9px;margin-top:18px}.paper-sign small{font-size:7px;font-weight:400}.preview-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.secondary-button,.primary-button{padding:11px 14px;font-size:11px;font-weight:700}.secondary-button{background:transparent;color:#506058}.primary-button{background:var(--accent);color:white;box-shadow:0 7px 15px rgba(213,87,53,.22)}.primary-button span{margin-left:12px;font-size:15px}footer{display:flex;justify-content:space-between;padding:25px 0 35px;color:#929d96;font:9px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}@media(max-width:1050px){.shell{padding:0 20px}.intro{padding-top:43px}.workspace{grid-template-columns:1fr}.quotation-paper{min-height:auto}}@media(max-width:620px){.topbar-meta{display:none}.intro{display:block;padding:40px 0 30px}.intro h1{font-size:42px}.workflow{margin-top:28px}.editor-panel,.preview-panel{padding:18px}.form-grid{grid-template-columns:1fr}.quotation-paper{padding:21px 15px}.paper-company strong{font-size:11px}.paper-company small{font-size:6px}.paper-title{font-size:13px}.paper-items{font-size:6px}.paper-items th{font-size:6px;padding:4px 1px}.paper-items td{padding:4px 1px}.paper-total{gap:10px}.preview-actions{display:grid;grid-template-columns:1fr}.preview-actions button{width:100%}footer{display:block;line-height:2.2}}
@media print{body{background:white}.topbar,.intro,.editor-panel,.preview-actions,footer{display:none}.shell{padding:0}.preview-panel{padding:0;border:0;box-shadow:none;background:white}.quotation-paper{box-shadow:none;margin:0;padding:20px;min-height:0}.paper-sign{margin-top:28px}}