@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pretendard-latin-400-normal-BhrLQoBv.woff2) format("woff2"),url(/assets/pretendard-latin-400-normal-D5CgADJ9.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pretendard-latin-600-normal-ClEDdoZU.woff2) format("woff2"),url(/assets/pretendard-latin-600-normal-SXfe8JY8.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pretendard-latin-700-normal-BYNivUXw.woff2) format("woff2"),url(/assets/pretendard-latin-700-normal-DD7wHHNl.woff) format("woff")}:root{font-family:Pretendard,Arial,sans-serif;color:#f4f4f4;background:#050505;font-synthesis:none}*{box-sizing:border-box}html{background:#050505}body{margin:0;min-width:320px;background:#050505}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app{--header:56px;display:grid;grid-template-columns:264px minmax(500px,520px) minmax(530px,1fr);padding-top:var(--header);min-height:100vh;background:#050505}.topbar{position:fixed;inset:0 0 auto;z-index:20;height:var(--header);background:#050505;border-bottom:1px solid #242424;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.top-brand{font-size:19px;font-weight:700;letter-spacing:-.3px}.top-brand span{margin-left:9px;font-size:9px;border:1px solid #555;border-radius:4px;padding:3px 5px;color:#bbb;vertical-align:middle;letter-spacing:.5px}.reset-button,.mobile-preview{display:flex;align-items:center;gap:7px;border:1px solid #363636;background:#151515;border-radius:6px;padding:9px 13px;font-size:12px}.sidebar{position:sticky;top:var(--header);height:calc(100vh - var(--header));border-right:1px solid #252525;padding:32px 10px 22px;display:flex;flex-direction:column}.wordmark{font-size:31px;font-weight:700;letter-spacing:-1.5px;padding:4px 12px 32px}.sidebar nav{flex:1}.sidebar nav button{width:100%;height:58px;border:1px solid #353535;border-radius:10px;background:#111;display:flex;align-items:center;gap:12px;padding:0 18px;font-weight:600}.nav-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #777;border-radius:50%;font-size:18px}.sidebar p{margin:0 12px;color:#6e6e6e;font-size:11px;line-height:1.55;text-transform:uppercase;letter-spacing:.6px}.editor{border-right:1px solid #252525;padding:31px 24px 70px;min-width:0}.editor-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.editor-heading span,.preview-head>div>span{color:#6f6f6f;font-size:9px;font-weight:700;letter-spacing:1.4px}.editor-heading h1,.preview-head h2{margin:4px 0 0;font-size:20px}.mobile-preview{display:none}.error-banner{background:#402727;border:1px solid #854a4a;color:#ffb8b8;border-radius:8px;padding:12px;margin-bottom:14px;font-size:12px}.card{background:#101010;border:1px solid #2f2f2f;border-radius:11px;padding:24px;margin-bottom:20px}.card h2{font-size:17px;margin:0}.section-desc{font-size:12px;color:#a4a4a4;line-height:1.55;margin:8px 0 0}.section-body{display:flex;flex-direction:column;gap:20px;margin-top:22px}.colors{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.colors>button:not(.icon-button){width:38px;height:38px;border-radius:7px;border:2px solid transparent}.colors>button.selected{outline:2px solid #fff;outline-offset:2px}.color-input{height:40px;display:flex;align-items:center;gap:8px;background:#202020;border:1px solid #393939;border-radius:7px;padding:5px 10px;font-size:11px;color:#bbb}.color-input input{width:22px;height:22px;border:0;padding:0;background:none}.icon-button{display:grid;place-items:center;width:40px;height:40px;background:#202020;border:1px solid #393939;border-radius:7px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span,.item-label,.upload-title,.template-picker legend{font-size:12px;font-weight:600;color:#dedede}.field input,.field textarea,.field select{width:100%;border:1px solid #363636;background:#202020;border-radius:6px;padding:10px 12px;outline:none;transition:border-color .15s}.field input{height:42px}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:#aaa}.template-picker{padding:0;margin:0;border:0}.template-picker legend{margin-bottom:10px}.template-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-picker button{height:70px;border-radius:8px;background:#111;border:1px solid #2e2e2e;font-size:13px;font-weight:600}.template-picker button.active{border:2px solid #f2f2f2}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.items{display:flex;flex-direction:column;gap:10px}.item-card{display:grid;grid-template-columns:28px minmax(120px,1fr) 64px 105px 34px;gap:8px;align-items:end;padding:13px;background:#171717;border:1px solid #303030;border-radius:8px}.item-number{font-size:10px;color:#707070;align-self:center}.item-card .field{gap:5px}.item-card .field>span{font-size:10px;color:#888}.item-card input{height:38px;padding:8px}.item-description{grid-column:2/5}.item-total{font-size:10px;color:#aaa;text-align:right;align-self:center;grid-column:5}.delete-button{width:34px;height:38px;display:grid;place-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:6px;color:#aaa}.delete-button:disabled{opacity:.3;cursor:not-allowed}.add-button{align-self:stretch;height:43px;border:1px dashed #555;border-radius:7px;background:#151515;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.totals-input{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;padding-top:3px}.live-total{grid-column:1/-1;border-top:1px solid #393939;padding-top:14px;display:flex;align-items:center;justify-content:space-between}.live-total span{font-size:11px;color:#aaa}.live-total strong{font-size:18px}.input-combo,.suffix-input{display:flex;position:relative}.input-combo input{border-radius:6px 0 0 6px}.input-combo select{width:68px;border-radius:0 6px 6px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px}.input-combo svg{position:absolute;right:8px;top:13px;pointer-events:none}.suffix-input span{position:absolute;right:12px;top:12px;color:#aaa}.upload-wrap{display:flex;flex-direction:column;gap:8px}.dropzone{height:92px;border:1px dashed #4b4b4b;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#bdbdbd;background:#171717;cursor:pointer}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone strong{font-size:11px}.dropzone span{font-size:9px;color:#6f6f6f}.image-chip{height:68px;display:flex;align-items:center;gap:11px;padding:8px;border:1px solid #3b3b3b;border-radius:8px;background:#171717}.image-chip img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:4px}.image-chip span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.image-chip button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #444;border-radius:5px;background:#222}.preview{position:sticky;top:var(--header);height:calc(100vh - var(--header));min-width:0;display:flex;flex-direction:column;background:#080808}.preview-head{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #252525}.preview-actions{display:flex;gap:7px}.preview-actions button{height:37px;border:1px solid #3e3e3e;background:#171717;border-radius:6px;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:11px}.preview-actions button:disabled{opacity:.45}.viewer-toolbar{height:44px;flex:none;display:flex;align-items:center;padding:0 16px;background:#121212;border-bottom:1px solid #2d2d2d;font-size:10px;color:#aaa}.viewer-toolbar button{width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:#aaa}.toolbar-spacer{flex:1}.pdf-stage{position:relative;overflow:auto;flex:1;background:#282828;padding:24px;display:flex;justify-content:center}.pdf-stage iframe{border:0;background:#fff;min-width:595px;min-height:842px;box-shadow:0 7px 24px #0009}.pdf-loading{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#222c;color:#ddd;font-size:12px}.spinner{width:17px;height:17px;border:2px solid #777;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.app{grid-template-columns:76px minmax(470px,510px) minmax(430px,1fr)}.sidebar{padding-inline:8px}.wordmark{font-size:17px;padding:10px 3px 27px;text-align:center}.sidebar nav button{justify-content:center;padding:0}.sidebar nav button span:last-child,.sidebar p{display:none}.nav-icon{border:0}.preview-actions span{display:none}}@media(max-width:900px){.app{grid-template-columns:68px minmax(0,1fr)}.editor{border-right:0}.preview{position:fixed;z-index:15;inset:var(--header) 0 0 68px;height:auto}.preview.hidden{display:none}.mobile-preview{display:flex}.preview-actions span{display:inline}.pdf-stage iframe{transform-origin:top center!important}.sidebar{z-index:16}}@media(max-width:600px){.app{display:block;padding-top:104px}.topbar{height:56px}.sidebar{position:fixed;z-index:19;top:56px;left:0;right:0;width:100%;height:48px;padding:5px 14px;display:flex;flex-direction:row;align-items:center;background:#090909;border-right:0;border-bottom:1px solid #292929}.wordmark{display:none}.sidebar nav{flex:none;width:100%}.sidebar nav button{height:37px;justify-content:flex-start;border:0;background:transparent;padding:0}.sidebar nav button span:last-child{display:inline}.sidebar .nav-icon{width:22px}.editor{padding:22px 14px 60px}.card{padding:19px 15px;border-radius:9px}.two-col,.totals-input{grid-template-columns:1fr}.item-card{grid-template-columns:23px 1fr 64px 34px}.item-name{grid-column:2/4}.item-card>.field:nth-of-type(2){grid-column:2}.item-card>.field:nth-of-type(3){grid-column:3}.delete-button{grid-column:4;grid-row:1/3}.item-description,.item-total{grid-column:2/5}.preview{top:104px;right:0;bottom:0;left:0;height:auto}.preview-head{height:68px;padding:0 14px}.preview-head h2{font-size:17px}.preview-actions span{display:none}.pdf-stage{padding:12px}.pdf-stage iframe{min-width:595px}.reset-button{padding:8px}.reset-button svg{display:none}}.pdf-stage iframe{width:100%;height:100%;min-width:0;min-height:720px}@media(max-width:1300px)and (min-width:901px){.app{grid-template-columns:76px minmax(460px,500px) minmax(0,1fr)}.sidebar{padding-inline:8px}.wordmark{font-size:17px;padding:10px 3px 27px;text-align:center}.sidebar nav button{justify-content:center;padding:0}.sidebar nav button span:last-child,.sidebar p{display:none}.nav-icon{border:0}.preview-actions span{display:none}}@media(max-width:600px){.pdf-stage iframe{min-width:0;min-height:600px}}.pdf-stage{display:block;text-align:center}.pdf-stage .react-pdf__Document{display:inline-block}.pdf-stage .react-pdf__Page{box-shadow:0 7px 24px #0009;margin:0 auto}.pdf-stage .react-pdf__Page__textContent{text-align:left}.viewer-toolbar button:disabled{opacity:.3;cursor:not-allowed}.print-frame{position:fixed!important;width:1px!important;height:1px!important;left:-9999px!important;border:0!important}.viewer-error{padding:18px;color:#ffb1b1;font-size:12px}.native-pdf-stage{flex:1;min-height:0;padding:0;overflow:hidden;background:#252525}.native-pdf-stage .native-pdf-frame{display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;box-shadow:none;background:#252525}@media(min-width:1101px){.app{grid-template-columns:264px minmax(0,1fr) 40vw}.sidebar{padding:32px 10px 22px}.wordmark{font-size:31px;padding:4px 12px 32px;text-align:left}.sidebar nav button{justify-content:flex-start;padding:0 18px}.sidebar nav button span:last-child,.sidebar p{display:block}.nav-icon{border:1px solid #777}.preview-actions span{display:inline}}@media(min-width:901px)and (max-width:1100px){.app{grid-template-columns:76px minmax(460px,500px) minmax(0,1fr)}}.item-label-row{display:flex;align-items:center;justify-content:space-between}.item-label-row>span{font-size:10px;color:#8f8f8f;border:1px solid #373737;border-radius:99px;padding:4px 8px}.item-add-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:9px}.item-add-actions .add-button,.catalog-add-button{align-self:stretch;height:43px;border:1px dashed #555;border-radius:7px;background:#151515;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.catalog-add-button{border-style:solid;border-color:#e2e2e2;background:#e9e9e9;color:#111;font-weight:700}.catalog-sourced{border-color:#525252}.source-row{grid-column:2/5;display:flex;align-items:center;justify-content:space-between;margin-bottom:-2px}.source-badge{font-size:9px;font-weight:700;color:#d6d6d6;border:1px solid #484848;border-radius:99px;padding:3px 7px}.source-row button{border:0;background:transparent;color:#aaa;font-size:10px;text-decoration:underline;padding:3px}.catalog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:24px}.catalog-modal{width:min(1120px,100%);height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;background:#0d0d0d;border:1px solid #3b3b3b;border-radius:13px;box-shadow:0 24px 80px #000;overflow:hidden}.catalog-header{height:78px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #303030}.catalog-header span{font-size:9px;color:#8d8d8d;letter-spacing:.8px}.catalog-header h2{font-size:19px;margin:5px 0 0}.catalog-header>button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #3a3a3a;background:#171717;border-radius:6px}.catalog-layout{display:grid;grid-template-columns:190px 320px 1fr;min-height:0;flex:1}.catalog-categories{padding:16px 10px;border-right:1px solid #2c2c2c;display:flex;flex-direction:column;gap:6px}.catalog-categories button{border:1px solid transparent;background:transparent;border-radius:8px;padding:13px;text-align:left;display:flex;flex-direction:column;gap:4px}.catalog-categories button strong{font-size:13px}.catalog-categories button span{font-size:9px;color:#777}.catalog-categories button.active{background:#1a1a1a;border-color:#393939}.catalog-categories button.active span{color:#aaa}.catalog-products{display:flex;flex-direction:column;min-height:0;padding:16px;border-right:1px solid #2c2c2c}.catalog-search{height:39px;border:1px solid #353535;border-radius:7px;background:#171717;display:flex;align-items:center;padding:0 11px;gap:7px;color:#777;flex:none}.catalog-search input{border:0;background:transparent;outline:0;width:100%;font-size:11px}.product-list{margin-top:11px;overflow:auto;display:flex;flex-direction:column;gap:6px}.product-list>button{width:100%;border:1px solid #303030;background:#141414;border-radius:8px;padding:12px 10px;display:grid;grid-template-columns:18px 1fr auto;gap:8px;text-align:left;align-items:start}.product-list>button.active{border-color:#e0e0e0;background:#1c1c1c}.product-check{width:16px;height:16px;border:1px solid #484848;border-radius:50%;display:grid;place-items:center;margin-top:1px}.product-list>button.active .product-check{background:#ededed;color:#111}.product-list strong,.product-list small{display:block}.product-list strong{font-size:11px}.product-list small{font-size:9px;color:#818181;margin-top:4px}.product-price{text-align:right;font-size:10px;font-weight:600;white-space:nowrap}.product-price small{font-size:8px}.catalog-options{min-width:0;display:flex;flex-direction:column;padding:21px 24px;overflow:auto}.option-heading>span{font-size:9px;color:#777}.option-heading h3{font-size:18px;margin:5px 0}.option-heading p{font-size:10px;color:#999;margin:0;line-height:1.5}.option-list{margin-top:20px;display:flex;flex-direction:column;border-top:1px solid #303030}.catalog-option{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #292929}.catalog-option>div:first-child{display:flex;flex-direction:column;gap:5px}.catalog-option strong{font-size:11px}.catalog-option>div:first-child span{font-size:9px;color:#777}.catalog-option select{width:150px;height:35px;border:1px solid #3a3a3a;background:#1b1b1b;border-radius:6px;padding:0 8px;font-size:10px}.option-number{height:35px;display:flex;align-items:center;border:1px solid #3a3a3a;background:#1b1b1b;border-radius:6px;overflow:hidden}.option-number input{width:82px;height:100%;border:0;background:transparent;text-align:right;outline:0;padding:0 7px;font-size:11px}.option-number span{font-size:10px;color:#aaa;padding-right:9px}.toggle{width:40px;height:22px;padding:2px;border:0;border-radius:99px;background:#393939}.toggle span{display:block;width:18px;height:18px;background:#aaa;border-radius:50%;transition:transform .15s}.toggle.active{background:#eee}.toggle.active span{background:#111;transform:translate(18px)}.catalog-summary{margin-top:auto;padding:17px;background:#171717;border:1px solid #353535;border-radius:9px}.catalog-summary>div{display:grid;grid-template-columns:1fr auto;align-items:end}.catalog-summary span{font-size:10px;color:#aaa}.catalog-summary strong{font-size:19px}.catalog-summary small{grid-column:1/-1;color:#aaa;font-size:9px;margin-top:5px;text-align:right}.catalog-summary p{font-size:9px;color:#777;margin:10px 0 0;border-top:1px solid #303030;padding-top:9px}.catalog-footer{height:67px;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 24px;border-top:1px solid #303030}.catalog-footer button{height:38px;border-radius:6px;padding:0 18px;font-size:11px}.catalog-cancel{border:1px solid #3b3b3b;background:#181818}.catalog-save{border:1px solid #eee;background:#eee;color:#111;font-weight:700}@media(max-width:800px){.catalog-backdrop{padding:0}.catalog-modal{height:100%;border-radius:0;border:0}.catalog-layout{grid-template-columns:1fr;overflow:auto}.catalog-categories{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #2c2c2c;padding:10px}.catalog-categories button{min-width:120px}.catalog-products{border-right:0;border-bottom:1px solid #2c2c2c;min-height:280px}.catalog-options{overflow:visible}.item-add-actions{grid-template-columns:1fr}}.item-label small{font-size:9px;font-weight:400;color:#777;margin-left:6px}.item-card{position:relative}.drag-handle{position:absolute;left:5px;bottom:11px;width:25px;height:31px;display:grid;place-items:center;border:0;background:transparent;color:#777;cursor:grab}.drag-handle:active{cursor:grabbing;color:#fff}.item-card.dragging{opacity:.45;border-color:#aaa}.multi-hint{display:flex;justify-content:space-between;gap:10px;margin:12px 1px 2px;font-size:11px;line-height:1.45;color:#aaa}.multi-hint strong{color:#fff;white-space:nowrap}.product-list>button.selected .product-check{background:#ededed;color:#111}.product-list>button.selected{border-color:#777}.option-stepper{display:flex;align-items:center;gap:5px}.option-stepper>button{width:34px;height:35px;display:grid;place-items:center;border:1px solid #444;background:#202020;border-radius:6px}.option-stepper>button:hover{border-color:#aaa}.catalog-header span{font-size:11px}.catalog-header h2{font-size:22px}.catalog-categories button strong{font-size:15px}.catalog-categories button span{font-size:11px;line-height:1.4}.catalog-search input,.product-list strong{font-size:13px}.product-list small{font-size:11px;line-height:1.35}.product-price{font-size:12px}.product-price small{font-size:10px}.option-heading>span{font-size:11px}.option-heading h3{font-size:21px}.option-heading p{font-size:12px}.catalog-option strong{font-size:13px}.catalog-option>div:first-child span{font-size:11px}.catalog-option select{font-size:12px;height:38px}.option-number{height:38px}.option-number input{font-size:13px}.option-number span,.catalog-summary span{font-size:12px}.catalog-summary strong{font-size:22px}.catalog-summary small,.catalog-summary p{font-size:11px;line-height:1.45}.catalog-footer button{font-size:13px;height:41px}@media(max-width:600px){.item-label small{display:block;margin:4px 0 0}.drag-handle{bottom:7px}.catalog-header h2{font-size:19px}.catalog-categories button strong{font-size:14px}}.drag-handle{touch-action:none;-webkit-user-select:none;user-select:none}.order-buttons{position:absolute;left:4px;bottom:8px;display:flex;flex-direction:column;gap:2px}.order-buttons button{width:25px;height:20px;display:grid;place-items:center;padding:0;border:1px solid #3d3d3d;background:#202020;color:#aaa;border-radius:4px}.order-buttons button:disabled{opacity:.22;cursor:not-allowed}.source-badge.adjusted{color:#ffd75e;border-color:#806a25;background:#392f0d}.document-title-picker{padding:0;margin:0;border:0}.document-title-picker legend{font-size:12px;font-weight:600;color:#dedede;margin-bottom:8px}.document-title-picker>div{height:42px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.document-title-picker label{position:relative;display:grid;place-items:center;border:1px solid #363636;background:#202020;border-radius:6px;color:#888;font-size:11px;font-weight:600;cursor:pointer}.document-title-picker label.active{border-color:#eee;color:#fff;background:#2a2a2a}.document-title-picker input{position:absolute;opacity:0;pointer-events:none}
