:root{color:#233b48;font-synthesis:none;background:#f2f5f6;font-family:Inter,Pretendard,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{touch-action:manipulation}button{color:#385564;cursor:pointer;background:#fff;border:1px solid #d6e1e4;border-radius:7px;padding:11px 15px;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #b49b67}.demo-shell{grid-template-columns:220px 1fr;min-height:calc(100vh - 89px);display:grid}.sidebar{background:#fff;border-right:1px solid #dfe7e9;flex-direction:column;gap:30px;padding:30px 20px;display:flex}.brand{letter-spacing:.06em;color:#18394a;font-size:20px;text-decoration:none}.brand b{color:#267b6d;font-size:13px}.company{font-size:17px;font-weight:600}.company small,.profile small{color:#83949c;margin-top:8px;font-size:11px;font-weight:400;display:block}.sidebar nav{gap:7px;display:grid}.sidebar nav button{text-align:left;background:0 0;border:0;justify-content:space-between;display:flex}.sidebar nav button.active{color:#1d665d;background:#eaf3f1;font-weight:600}.sidebar nav button span{font-size:11px}.side-model{color:#37766b;border-top:1px solid #e7edef;margin-top:auto;padding-top:23px;font-size:11px}.side-model p{color:#8b999f;font-size:10px}.dot{background:#398c78;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.profile{align-items:center;gap:10px;font-size:12px;display:flex}.profile>span{background:#ebf0f2;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.profile small{margin-top:4px;font-size:10px}.workspace{min-width:0}.topbar{color:#7d909a;background:#fff;border-bottom:1px solid #e0e8eb;justify-content:space-between;align-items:center;height:66px;padding:0 32px;font-size:12px;display:flex}.topbar b{color:#3f5968;font-weight:500}main{max-width:1220px;margin:auto;padding:30px 32px 40px}.page-heading{margin-bottom:24px}.page-heading>p{color:#8b9b9f;letter-spacing:.16em;margin:0 0 10px;font-size:9px}.page-heading h1{letter-spacing:-.04em;margin:0 0 10px;font-size:26px;font-weight:600;line-height:1.45}.page-heading>div{color:#7a8e99;word-break:keep-all;font-size:13px;line-height:1.8}.model{background:#eaf3f0;border:1px solid #d7e7e1;border-radius:10px;align-items:center;gap:14px;padding:18px 20px;display:flex}.model-icon{color:#408373;font-size:26px}.model b{font-size:14px}.model small{color:#7a9489;margin-top:6px;font-size:11px;display:block}.ready{color:#397865;background:#e8f3ed;border:1px solid #cfe1d7;border-radius:4px;padding:6px 9px;font-size:10px;display:inline-block}.model>.ready{white-space:nowrap;background:#fff;margin-left:auto}.flow{gap:24px;margin:24px 0;padding:0;list-style:none;display:flex}.flow li{color:#97a5ad;align-items:center;gap:7px;font-size:11px;display:flex}.flow li>span{border:1px solid #d8e2e6;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.flow li.active{color:#286b60;font-weight:600}.flow li.active>span{color:#fff;background:#266c60;border-color:#266c60}.panel{background:#fff;border:1px solid #dde6e9;border-radius:10px}.upload-layout{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.upload-panel{text-align:center;border-style:dashed;border-color:#b8cbd0;padding:45px 25px}.upload-symbol{color:#668795;background:#edf3f3;border-radius:17px;place-items:center;width:60px;height:60px;margin:0 auto 22px;font-size:31px;display:grid}.panel h2{letter-spacing:-.03em;margin:0 0 12px;font-size:19px;font-weight:600}.upload-panel p{color:#899ba5;font-size:12px;line-height:1.8}.upload-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 18px;display:flex}.upload-panel>small{color:#9aa8af;font-size:10px}.preset{padding:26px}.eyebrow{color:#b0935d;margin-bottom:16px;font-size:10px;display:block}.preset ul{margin:20px 0;padding:0;list-style:none}.preset li{color:#607a89;border-bottom:1px solid #edf1f3;padding:9px 0;font-size:12px}.preset li:before{content:"✓";color:#5d9382;margin-right:13px}.destination{color:#8c9ca6;padding-top:16px;font-size:10px}.destination b{color:#476a79;margin-top:8px;font-size:12px;display:block}.destination small{margin-top:8px;font-size:10px;line-height:1.6;display:block}.processing{grid-template-columns:230px 1fr;align-items:center;gap:45px;padding:30px 45px;display:grid}.processing-document{height:305px;position:relative;overflow:hidden;box-shadow:0 10px 25px #1b425012}.processing-document img{width:100%;display:block}.scan-line{background:#3eaa8d;height:2px;position:absolute;top:45%;left:0;right:0;box-shadow:0 0 16px #3eaa8d}.processing h2{margin-top:18px}.processing p{color:#8b9da6;font-size:12px}.progress{background:#eaf0f2;border-radius:5px;height:6px;margin:22px 0;overflow:hidden}.progress i{background:#468f7f;height:100%;transition:width .3s;display:block}.review-banner{color:#9b7635;background:#fff4df;border:1px solid #ebd7ac;border-radius:8px;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;font-size:12px;display:flex}.review-banner span{font-size:11px}.review-banner.resolved{color:#48866b;background:#edf6f1;border-color:#d6e7da}.review-layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.panel-heading{border-bottom:1px solid #e6edef;justify-content:space-between;padding:17px 20px;font-size:13px;display:flex}.panel-heading small{color:#8ea0a9;font-size:10px}.source-image{width:calc(100% - 32px);max-width:375px;margin:16px auto 0;position:relative}.source-image img{width:100%;height:auto;display:block}.region{background:0 0;border:1px solid #0000;border-radius:1px;min-height:0;padding:0;position:absolute}.region.focused{background:#eec8752e;border-color:#bd9855;box-shadow:0 0 0 2px #d2b36e33}.region:hover{background:#d9b76833}.source-caption{text-align:center;color:#9c875d;padding:0 12px 13px;font-size:10px}.result-fields{padding:8px 14px}.result-field{text-align:left;background:#fff;border:1px solid #0000;border-bottom-color:#edf1f3;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.result-field small{color:#8b9ca7;font-size:10px;display:block}.result-field strong{margin-top:5px;font-size:13px;font-weight:600;display:block}.result-field em{color:#819c91;white-space:nowrap;font-size:9px;font-style:normal}.result-field.warning{background:#fff8e9}.result-field.warning em{color:#b68938}.result-field.focused{border-color:#d2b77d}.review-editor{background:#fff9ee;border:1px solid #efdfc0;border-radius:6px;margin:4px 20px 12px;padding:16px}.review-editor label{font-size:12px;font-weight:600}.review-editor p{color:#968260;font-size:10px}.review-editor input{color:#294554;background:#fff;border:1px solid #d6c7a8;border-radius:5px;width:100%;margin-bottom:9px;padding:9px;font-size:13px}.review-editor button{padding:8px 11px;font-size:11px}.review-editor small{color:#9b8b70;margin-top:8px;font-size:9px;line-height:1.7;display:block}.approval{padding:0 20px 20px}.approval p{color:#8b9ea7;font-size:10px}.approval .primary{width:100%}.items{margin-top:18px;padding:18px 20px}.items summary{cursor:pointer;font-size:12px;font-weight:600}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:14px;font-size:11px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e7eef0;padding:12px}th{color:#8197a2;font-weight:500}.score-note{color:#91a1aa;font-size:10px}.sending,.completed{text-align:center;max-width:740px;margin:auto;padding:30px 45px}.success-icon{color:#3e936f;background:#e5f2e9;border-radius:50%;place-items:center;width:53px;height:53px;margin:0 auto 22px;font-size:27px;display:grid}.sending p,.completed p{color:#8b9da7;font-size:12px}.sending small{color:#8b9da7;font-size:10px}.completed dl{background:#f7faf9;border-radius:7px;max-width:430px;margin:22px auto;padding:12px 20px}.completed dl>div{justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.completed dt{color:#8b9da7}.completed dd{color:#476a64;margin:0}.player{background:#fff;border-top:1px solid #dce6e9;justify-content:space-between;align-items:center;gap:20px;min-height:89px;padding:16px 24px;display:flex}.player strong{color:#476877;font-size:12px;display:block}.player small{color:#9aaab2;margin-top:7px;font-size:10px;line-height:1.6;display:block}.controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.controls button{padding:9px 12px;font-size:11px}.controls a{color:#5e7f8b;font-size:11px;text-decoration:none}.embedded:not(:has(body[data-mobile=true])) .demo-shell{height:810px;min-height:0}.embedded:not(:has(body[data-mobile=true])) .workspace{overflow:auto}.embedded .player{position:relative}.camera{text-align:center;padding:20px}.camera-frame{background:#243d43;border-radius:9px;width:100%;max-width:280px;margin:auto;padding:12px;position:relative}.camera-frame img{width:100%;display:block}.camera-frame>span{border:2px solid #a2c7b8;border-radius:4px;position:absolute;inset:9px}.camera p{color:#7c959f;font-size:11px}.camera small{color:#91a3ab;margin-top:14px;font-size:10px;display:block}body[data-mobile=true] .demo-shell{max-width:650px;min-height:0;margin:auto;display:block}body[data-mobile=true] .sidebar{display:none}body[data-mobile=true] .topbar{height:54px;padding:0 20px;font-size:11px}body[data-mobile=true] main{padding:24px 20px}body[data-mobile=true] .page-heading h1{font-size:23px}body[data-mobile=true] .page-heading>div{font-size:12px}body[data-mobile=true] .model{flex-wrap:wrap;gap:10px;padding:15px}body[data-mobile=true] .model b{font-size:12px}body[data-mobile=true] .model small{font-size:10px;line-height:1.7}body[data-mobile=true] .model>.ready{margin-left:0}body[data-mobile=true] .flow{justify-content:space-between;gap:12px}body[data-mobile=true] .flow li{gap:4px;font-size:10px}body[data-mobile=true] .flow li>span{width:19px;height:19px}body[data-mobile=true] .upload-layout,body[data-mobile=true] .review-layout{grid-template-columns:1fr}body[data-mobile=true] .upload-panel{padding:25px 15px}body[data-mobile=true] .preset{padding:20px}body[data-mobile=true] .preset ul{grid-template-columns:1fr 1fr;gap:0 15px;margin:10px 0;display:grid}body[data-mobile=true] .preset li{font-size:10px}body[data-mobile=true] .source-image{max-width:260px}body[data-mobile=true] .review-banner{flex-direction:column;align-items:start;gap:7px}body[data-mobile=true] .processing{grid-template-columns:1fr;gap:22px;padding:24px}body[data-mobile=true] .processing-document{width:180px;height:245px;margin:auto}body[data-mobile=true] .processing h2{font-size:17px}body[data-mobile=true] .completed,body[data-mobile=true] .sending{padding:25px 18px}body[data-mobile=true] .player{flex-direction:column;align-items:start;gap:12px;max-width:650px;margin:auto;padding:18px 20px}body[data-mobile=true] .completed dl{padding:10px}body[data-mobile=true] .completed dl>div{font-size:11px}body[data-mobile=true] .result-field{padding:12px}body[data-mobile=true] .result-field em{font-size:9px}body[data-mobile=true] .review-editor{padding:14px}.embedded:has(body[data-mobile=true]),.embedded body[data-mobile=true]{background:0 0}@media (width<=760px){body:not([data-mobile=true]) .demo-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 16px}main{padding:24px 16px}.upload-layout,.review-layout{grid-template-columns:1fr}.player{flex-direction:column;align-items:start}.processing{grid-template-columns:1fr;padding:24px}.processing-document{width:200px;margin:auto}.model{flex-wrap:wrap}.model>.ready{margin-left:0}.flow{gap:10px}.flow li{font-size:10px}.review-banner{flex-direction:column;align-items:start;gap:7px}.completed{padding:25px 18px}.page-heading h1{font-size:23px}}@media (prefers-reduced-motion:reduce){.progress i{transition:none}}.showcase-embed .player,.showcase-embed .page-heading>p,.showcase-embed .page-heading>div{display:none}.showcase-embed .page-heading{margin-bottom:16px}.showcase-embed .page-heading h1{margin:0;font-size:23px}.showcase-embed main{padding:24px}.showcase-embed:not(:has(body[data-mobile=true])) .demo-shell{height:800px;min-height:0}.showcase-embed:not(:has(body[data-mobile=true])) .topbar{height:49px}.showcase-embed:not(:has(body[data-mobile=true])) .flow{margin:16px 0}.showcase-embed:not(:has(body[data-mobile=true])) .source-image{max-width:325px}.showcase-embed:not(:has(body[data-mobile=true])) .result-field{padding:8px 10px}.showcase-embed:not(:has(body[data-mobile=true])) .review-editor{margin-bottom:8px;padding:10px 13px}.showcase-embed:not(:has(body[data-mobile=true])) .review-editor p{margin:6px 0}.showcase-embed:not(:has(body[data-mobile=true])) .review-editor small{display:none}.showcase-embed .review-editor input{padding:7px}.showcase-embed body[data-mobile=true] main{padding:18px 14px}.showcase-embed body[data-mobile=true] .topbar{height:43px;padding:0 14px;font-size:10px}.showcase-embed body[data-mobile=true] .topbar>span:last-child{display:none}.showcase-embed body[data-mobile=true] .page-heading h1{font-size:20px}.showcase-embed body[data-mobile=true] .model small{display:none}.showcase-embed body[data-mobile=true] .model b{font-size:11px}.showcase-embed body[data-mobile=true] .flow{gap:4px}.showcase-embed body[data-mobile=true] .flow li{font-size:9px}.showcase-embed body[data-mobile=true] .preset{padding:16px}.showcase-embed body[data-mobile=true] .preset h2{font-size:16px}:root{color:#172638;-webkit-font-smoothing:antialiased;background:#f4f6f8;font-family:Arial,Malgun Gothic,Apple SD Gothic Neo,sans-serif}button{color:#42576b;border-color:#dce3e9;border-radius:5px}button:hover{background:#f4f6f8}.primary{color:#fff;background:#172638;border-color:#172638}.primary:hover{background:#253b50}.sidebar{background:#fafbfd;border-color:#e4e9ee;gap:26px;padding:26px 16px}.brand{letter-spacing:-.04em;color:#172638;align-items:center;gap:6px;padding:0 10px;font-size:16px;font-weight:700;display:flex}.brand b{color:#a36d37;font-size:16px;font-weight:400}.company{color:#34495c;padding:0 10px;font-size:14px}.company small{color:#8796a5;margin-top:5px;font-size:10px;line-height:1.6}.sidebar nav button{color:#657a8c;border-left:3px solid #0000;border-radius:4px;padding:12px 10px;font-size:12px}.sidebar nav button.active{color:#172638;background:#f7f3eb;border-left-color:#ddc394}.side-model{color:#607a70;border-color:#e4e9ee;margin-left:10px;margin-right:10px}.profile{color:#42576b;padding:0 10px}.profile>span{color:#536c82;background:#eaf0f5}.topbar{color:#8796a5;border-color:#e4e9ee;position:relative}.topbar:before{content:"";background:linear-gradient(90deg,#ddc394 0 15%,#172638 15% 100%);height:3px;position:absolute;top:0;left:0;right:0}.topbar b{color:#42576b}.page-heading>p{color:#8796a5;letter-spacing:.12em;font-size:9px}.page-heading h1{color:#172638;letter-spacing:-.04em;font-size:24px;font-weight:600}.page-heading>div{color:#7b91a5;font-size:12px}.model{background:#fff;border-color:#e4e9ee;border-radius:7px;gap:12px;padding:16px 18px}.model-icon{color:#a36d37;background:#f7f3eb;border-radius:6px;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.model b{color:#34495c;font-size:13px;font-weight:600}.model small{color:#8796a5;font-size:10px}.model>.ready{color:#607e6b;background:#f4f8f5;border-color:#e0e9e2;border-radius:20px;padding:5px 9px}.flow{gap:26px}.flow li{color:#92a1ad}.flow li.active{color:#172638}.flow li.active>span{background:#172638;border-color:#172638}.flow li.passed{color:#607e6b}.panel{border-color:#e4e9ee;border-radius:7px;box-shadow:0 3px 12px #17263803}.panel h2{color:#34495c;letter-spacing:-.035em;font-size:17px;font-weight:600}.upload-layout{grid-template-columns:1.35fr 1fr;gap:18px}.upload-panel{background:#fff;border-style:solid;padding:40px 24px}.upload-symbol{color:#627d93;background:#f3f6f9;border:1px solid #e4e9ee;border-radius:8px;width:48px;height:48px;margin-bottom:20px;font-size:25px}.upload-panel p{color:#8796a5;font-size:11px}.upload-panel>small{color:#92a1ad;line-height:1.8}.preset{background:#fcfdfe;padding:24px}.eyebrow{color:#a36d37;letter-spacing:.06em;margin-bottom:12px;font-size:9px}.preset ul{margin:16px 0}.preset li{color:#657a8c;border-color:#e9edf1;padding:10px 0;font-size:11px}.preset li:before{color:#9a8058}.destination{color:#8796a5;border-top:1px solid #e4e9ee;padding-top:16px}.destination b{color:#42576b;font-weight:500}.panel-heading{color:#42576b;background:#fafbfd;border-color:#e4e9ee;border-radius:7px 7px 0 0}.result-field strong{color:#34495c}.result-field small,.panel-heading small{color:#8796a5}.progress i{background:#526f87}.completed dl{background:#f8f9fb}.completed dd{color:#42576b}.player{border-color:#e4e9ee}.showcase-embed .page-heading h1{font-size:22px}@media (width<=760px){.upload-layout{grid-template-columns:1fr}.flow{gap:10px}.upload-panel{padding:28px 18px}}.topbar:before{background:linear-gradient(90deg,#a7c7b3 0 15%,#254739 15% 100%)}.compact-demo.showcase-embed:not(:has(body[data-mobile=true])) .demo-shell{height:100vh}
