@charset "UTF-8";
:root{--paper:#fff;--page:#f5f6f8;--ink:#202324;--muted:#73777e;--line:#dfe1e5;--red:#e64138;--red-light:#fff0ee;--green:#287057;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button{color:inherit}svg{width:20px;height:20px;stroke-width:1.8;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #22796f;outline-offset:3px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0;background:none}input,textarea,select{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}body.modal-open{overflow:hidden}
.topbar{max-width:1480px;margin:auto;padding:27px 42px 23px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:850;white-space:nowrap}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:white;background:var(--red);border-radius:8px}.brand-mark svg{width:27px;height:27px}.brand-dot{color:var(--red)}.top-meta{display:flex;gap:14px;align-items:center;font-size:14px;color:var(--muted);padding-left:27px;border-left:1px solid var(--line)}.date{font-variant-numeric:tabular-nums}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:6px}.icon-button:hover{background:#e8eaed}.status-button{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 10px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#9ba0a8}.status-dot.connected{background:var(--green)}.status-dot.error{background:var(--red)}
.workspace{max-width:1370px;margin:0 auto;padding:30px 42px 20px;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,1fr);gap:40px}.capture-section,.compose-section{min-width:0}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:12px}.segmented{display:flex;padding:4px;background:#e8eaee;border-radius:7px;gap:3px}.segmented button{border-radius:5px;font-size:14px;font-weight:650;min-height:36px;padding:7px 13px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.segmented button.selected{background:white;box-shadow:0 1px 3px #18223012;color:var(--ink)}.segmented button:not(.selected){color:#747880}.segmented.large button{min-height:39px;padding:7px 16px}.segmented svg{width:17px;height:17px}.tiny-label{font-size:11px;font-weight:650;color:#8b9098}.camera-stage{aspect-ratio:4/3;background:#222629;border-radius:8px;position:relative;overflow:hidden;isolation:isolate}.camera-stage>img,.camera-stage>video,.camera-stage>canvas{width:100%;height:100%;object-fit:cover;display:block}.camera-stage>img{filter:brightness(.77)}#cameraVideo.mirrored{transform:scaleX(-1)}.viewfinder{position:absolute;inset:23px;pointer-events:none}.viewfinder span{width:24px;height:24px;position:absolute;border:2px solid #ffffffe0}.viewfinder span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.viewfinder span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.viewfinder span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.viewfinder span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.stage-badge{position:absolute;left:38px;top:37px;color:#fff;display:flex;align-items:center;gap:6px;font-size:12px;background:#25282b70;padding:6px 9px;border-radius:4px}.stage-badge svg{width:14px;height:14px}.stage-flip{position:absolute;right:35px;top:32px;color:white;background:#25282b60}.stage-flip:hover{background:#25282b90}.camera-prompt{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:white;gap:17px;background:#10151622}.prompt-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#ffffff15}.prompt-icon svg{width:23px;height:23px}.camera-prompt h1{font-size:38px;line-height:1.3;font-weight:750;text-shadow:0 1px 15px #0003}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:6px;padding:12px 19px;font-weight:700;font-size:16px}.button.white{background:white;color:var(--ink)}.camera-prompt .button{margin-top:7px}.countdown{position:absolute;inset:0;background:#0002;color:white;display:grid;place-items:center;font-size:120px;font-weight:800;text-shadow:0 3px 30px #0005}.camera-error{position:absolute;inset:0;background:#242829ed;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;gap:18px;color:white;text-align:center}.camera-error>svg{width:36px;height:36px}.camera-error p{max-width:340px;line-height:1.6;font-size:16px}.text-button.light{color:white}.camera-tools{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:12px}.brightness{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:13px}.brightness>svg{width:17px;height:17px}.brightness input{width:100px;accent-color:var(--ink);height:24px}.brightness output{width:27px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.text-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:13px;min-height:38px;padding:4px 0;color:var(--muted)}.text-button svg{width:16px;height:16px}.text-button:hover{color:var(--ink)}.text-button.red{color:var(--red)}.capture-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0 18px}.timer-label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px;min-width:110px}.timer-label svg{width:16px;height:16px}.capture-actions>.text-button{min-width:110px}.shutter{width:76px;height:76px;border-radius:50%;border:1px solid #d6d9de;display:grid;place-items:center;padding:5px;background:white;flex-shrink:0}.shutter>span{background:var(--red);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;transition:transform .15s;color:white;box-shadow:0 3px 8px #e6413820}.shutter svg{width:26px;height:26px}.shutter:active>span{transform:scale(.9)}.stage-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8b8f97;padding-top:16px}.stage-bottom>span:first-child{display:flex;gap:6px;align-items:center}.stage-bottom svg{width:14px;height:14px}.stage-bottom>span:last-child{font-variant-numeric:tabular-nums}.message-stage{aspect-ratio:4/3;background:#eaf0ed;border-radius:8px;padding:42px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;color:#234b3b}.message-stamp{position:absolute;left:28px;top:25px;font-size:11px;font-weight:700;border:1px solid #9aafa4;padding:7px 10px;transform:rotate(-4deg)}.large-quote{width:36px;height:36px}.message-stage>p{font-size:29px;line-height:1.6;font-weight:650;text-align:center;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-wrap}.message-stage-footer{font-size:13px;color:#59766a}
.compose-section{border-left:1px solid var(--line);padding-left:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:10px;font-weight:750;color:#93979d;display:block;margin-bottom:7px}.section-heading h2{font-size:23px;line-height:1.2}.section-heading>svg{color:#9b9fa5;width:20px;height:20px}.quote-tabs{width:100%;margin-bottom:17px}.quote-tabs button{flex:1;padding-inline:6px;font-size:13px}.quote-editor{min-height:108px;border-bottom:1px solid var(--line);padding-bottom:14px}.quote-editor p{font-size:16px;font-weight:500;line-height:1.65;min-height:52px;word-break:keep-all;overflow-wrap:anywhere}.quote-editor .red{margin-top:4px;font-size:12px}.quote-editor textarea{display:block;width:100%;resize:none;border:1px solid var(--line);border-radius:5px;background:#fff;padding:12px;font-size:16px;line-height:1.5;min-height:92px}.textarea-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:6px 1px 0}.textarea-footer b{font-weight:500;color:var(--ink)}#noneEditor{height:91px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:14px}.receipt-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 0 12px}.receipt-heading h3{font-size:14px;font-weight:700}.receipt-heading>span{font-size:11px;color:var(--muted)}.receipt-well{background:#e8eaed;display:flex;align-items:flex-start;justify-content:center;border-radius:6px;padding:17px 20px 21px;max-height:335px;overflow:auto;scrollbar-width:thin}.receipt-paper{background:#fff;width:218px;max-width:100%;padding:0;position:relative;box-shadow:0 3px 9px #141e3112;flex-shrink:0}.receipt-paper:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:6px;background:white;clip-path:polygon(0 0,100% 0,100% 100%,98% 30%,96% 100%,94% 30%,92% 100%,90% 30%,88% 100%,86% 30%,84% 100%,82% 30%,80% 100%,78% 30%,76% 100%,74% 30%,72% 100%,70% 30%,68% 100%,66% 30%,64% 100%,62% 30%,60% 100%,58% 30%,56% 100%,54% 30%,52% 100%,50% 30%,48% 100%,46% 30%,44% 100%,42% 30%,40% 100%,38% 30%,36% 100%,34% 30%,32% 100%,30% 30%,28% 100%,26% 30%,24% 100%,22% 30%,20% 100%,18% 30%,16% 100%,14% 30%,12% 100%,10% 30%,8% 100%,6% 30%,4% 100%,2% 30%,0 100%)}#receiptCanvas{display:block;width:100%;height:auto}.print-button{background:var(--red);color:white;width:100%;margin-top:18px;min-height:53px;position:relative}.print-button:hover:not(:disabled){background:#d8342c}.button-end{position:absolute;right:17px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff60;border-radius:4px;font-size:12px}.print-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:11px}.print-meta>span:last-child{display:flex;align-items:center;gap:4px;white-space:nowrap}.print-meta svg{width:13px;height:13px}.inline-error{font-size:13px;line-height:1.5;color:#bb302c;background:#fff0ee;padding:10px 12px;border-radius:5px;margin-top:10px;overflow-wrap:anywhere}.footer{max-width:1370px;padding:7px 42px 24px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#9498a0;font-size:11px;gap:15px}.footer-separator{padding:0 10px;color:#c1c5ca}.footer .text-button{font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#202324;color:white;padding:13px 22px;font-size:14px;border-radius:7px;z-index:100;max-width:90%;text-align:center;box-shadow:0 4px 30px #0002}
dialog{border:1px solid var(--line);border-radius:8px;width:min(460px,calc(100% - 32px));padding:25px;color:var(--ink);background:#fafbfc;box-shadow:0 15px 70px #0003;max-height:88dvh;overflow:auto}dialog::backdrop{background:#161d285c;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-top h2{font-size:23px}.dialog-copy{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:18px}dialog label{font-size:14px;font-weight:650;display:block;margin:17px 0 8px}dialog input,dialog textarea,dialog select{width:100%;padding:12px;border:1px solid #d6d9de;background:white;border-radius:5px;font-size:16px}dialog textarea{resize:vertical}.dialog-footnote{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}.label-note{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.queue-heading h3{font-size:16px}.job-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.job-row small{display:block;color:var(--muted);margin-top:4px}.job-row button{color:var(--red);font-size:12px}.empty-queue{color:var(--muted);font-size:13px;padding:20px 0}#resultDialog{text-align:center;padding:35px 28px}.result-icon{color:var(--red);background:var(--red-light);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px}.result-icon svg{width:28px;height:28px}#resultTitle{font-size:24px}#resultDescription{color:var(--muted);font-size:14px;line-height:1.7;margin-top:13px}.progress-track{height:4px;background:#e7e9ed;overflow:hidden;border-radius:2px;margin-top:27px}#jobProgress{height:100%;display:block;background:var(--red);width:15%;transition:width .5s}.busy #jobProgress{animation:waiting 1.8s ease-in-out infinite alternate}@keyframes waiting{from{opacity:.5}to{opacity:1}}
@media(min-width:1500px){.workspace{padding-top:42px}.receipt-well{max-height:390px}.receipt-paper{width:240px}.capture-actions{padding-top:27px;padding-bottom:24px}}
@media(max-width:1100px){.topbar{padding:22px 25px;gap:18px}.brand{font-size:26px}.top-meta{padding-left:17px}.top-meta .date{display:none}.workspace{padding:25px;gap:25px;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}.compose-section{padding-left:25px}.tiny-label{display:none}.segmented.large button{padding-inline:12px}.brightness input{width:74px}.receipt-well{max-height:300px}.receipt-paper{width:195px}.camera-prompt h1{font-size:32px}.footer{padding-inline:25px}.capture-actions{padding-block:21px}.top-actions{gap:2px}.status-button{font-size:12px}.message-stage{padding:25px}.message-stage>p{font-size:24px}}
@media(max-width:760px){.topbar{padding:18px 20px;flex-wrap:wrap;gap:10px}.brand{font-size:26px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:24px;height:24px}.top-meta{display:none}.top-actions{gap:0}.top-actions>.icon-button{width:36px;height:36px}#fullscreenButton{display:none}.status-button{padding:5px;font-size:11px;gap:5px}.workspace{padding:20px;display:flex;flex-direction:column;gap:28px}.compose-section{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.section-top{margin-bottom:14px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:24px}.quote-tabs button{font-size:14px}.camera-prompt h1{font-size:30px}.camera-prompt{gap:12px}.prompt-icon{width:40px;height:40px}.camera-prompt .button{font-size:14px;min-height:43px}.stage-badge{top:25px;left:27px}.viewfinder{inset:16px}.camera-tools{gap:6px;margin-top:10px}.brightness{gap:5px;font-size:12px}.brightness input{width:70px}.camera-tools>.text-button{font-size:12px}.capture-actions{padding-block:18px}.shutter{width:70px;height:70px}.shutter>span{width:56px;height:56px}.timer-label,.capture-actions>.text-button{min-width:90px;font-size:12px}.stage-bottom{padding-top:13px}.receipt-well{max-height:400px;padding-block:20px}.receipt-paper{width:220px}.footer{padding:0 20px 20px}.footer>span{max-width:210px;line-height:1.7}.footer-separator{padding-inline:5px}.message-stage>p{font-size:23px}.quote-editor{min-height:112px}.print-button{min-height:56px}.print-meta{font-size:12px}.section-top .tiny-label{display:block;font-size:10px}.segmented.large button{font-size:13px}.message-stamp{font-size:10px;top:15px;left:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.message-stage{width:100%;min-width:0;aspect-ratio:auto;min-height:400px;padding-top:70px;gap:16px}.message-stage>p{max-width:100%;flex-shrink:0}.message-stage>p.long-message{font-size:20px}.message-stage .large-quote{flex-shrink:0}
dialog{max-height:88vh;max-height:88dvh}dialog:not([open]){display:none}.fallback-modal:before{content:"";position:fixed;inset:0;background:#161d2877;z-index:49}.fallback-dialog[open]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:50}