.stage{overflow:hidden;height:auto;aspect-ratio:3/2;padding:12px;background:#e9edf4}
.win-app-icon{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;background:#2867f0;color:#fff;font-size:9px;font-weight:800}.window-controls{margin-left:auto;display:flex;align-self:stretch}.window-controls i{width:34px;display:grid;place-items:center;font-style:normal;color:#77849a;font-size:12px}.window-controls i:last-child:hover{background:#e5484d;color:#fff}
.stage-scenes{position:relative;height:100%;background:#071022;border-radius:20px;overflow:hidden}
.stage-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transition:opacity .35s ease,transform .35s ease,visibility .35s}
.stage-scene.active{opacity:1;visibility:visible;transform:none}
.stage-scene>img{display:block;width:100%;height:100%;object-fit:cover}
.stage-scene .document{border-radius:0;height:100%}
.stage[data-current="2"] .selection{background:rgba(40,103,240,.08)}
.tool-picker{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px;background:#101a2e;border:1px solid #263653;border-radius:16px;box-shadow:0 22px 55px rgba(10,20,42,.28)}
.tool-option{width:58px;height:52px;border:0;border-radius:11px;background:#17243d;color:#91a0b9;display:grid;place-items:center;font-size:20px;position:relative}
.tool-option.active{color:#fff;background:#2867f0;box-shadow:0 8px 22px rgba(40,103,240,.34)}
.tool-option small{position:absolute;right:6px;bottom:4px;font-size:7px;color:inherit}
.result-scene{height:100%;display:grid;grid-template-columns:.82fr 42px 1.18fr;align-items:center;padding:52px;gap:10px;background:linear-gradient(135deg,#f8faff,#eef3fb)}
.source-preview,.ocr-result{height:350px;border-radius:18px;background:#fff;border:1px solid #dce3ee;box-shadow:0 18px 45px rgba(31,50,84,.1);padding:27px;position:relative}
.source-preview:after{content:"";position:absolute;left:22px;right:22px;top:115px;height:125px;border:2px solid #2867f0;border-radius:7px;background:rgba(40,103,240,.05)}
.preview-line,.ocr-line{height:9px;border-radius:8px;background:#d8e0eb;margin:15px 0}
.preview-line:nth-child(2),.ocr-line:nth-child(4){width:72%}
.preview-line:nth-child(3),.ocr-line:nth-child(5){width:88%}
.result-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2867f0;color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(40,103,240,.3)}
.result-head{display:flex;justify-content:space-between;align-items:center;color:#2867f0;font-size:11px;font-weight:800;letter-spacing:.12em}
.result-head i{width:28px;height:28px;border-radius:50%;background:#e6f7ee;color:#25a866;display:grid;place-items:center;font-style:normal}
.ocr-result b{display:block;font-family:Geologica;font-size:22px;margin:34px 0 8px}
.ocr-result p{font-size:12px;color:#6a7890}.copy-result{position:absolute;left:27px;right:27px;bottom:24px;height:44px;border:0;border-radius:11px;background:#101a2e;color:#fff;font-weight:700}
@media(max-width:900px){.stage{aspect-ratio:3/2}}
@media(max-width:600px){.stage{padding:6px}.result-scene{padding:24px;grid-template-columns:1fr}.source-preview,.result-arrow{display:none}.ocr-result{height:320px}.tool-picker{bottom:20px}.tool-option{width:48px}}
@media(prefers-reduced-motion:reduce){.stage-scene{transition:none}}