:root{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans SC','PingFang SC',sans-serif;color:#f5f6f7;background:#0c0d0f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0c0d0f}.app-shell{height:100dvh;max-width:520px;margin:auto;background:#111214;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{height:62px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #242528;background:#151618;z-index:2}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:.4px}.brand-mark{height:28px;width:28px;border-radius:9px;background:#11c7a6;color:#063b34;display:grid;place-items:center;font-size:17px;font-weight:800}.icon-button,.editor-toolbar button{border:0;background:none;color:#f4f5f6;font-size:26px;padding:7px;cursor:pointer}.icon-button:last-child{font-size:16px;letter-spacing:3px}.workspace{position:relative;flex:1;min-height:0}.camera-view,.editor-view{height:100%;position:relative}.camera-view{background:#08090a;overflow:hidden}.camera-view video,.camera-view canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-view video{background:radial-gradient(ellipse at 50% 45%,#292b2c,#101112 70%)}#cameraOverlay{pointer-events:none}.camera-hint{position:absolute;top:20px;left:50%;transform:translateX(-50%);border-radius:30px;background:#22272acc;padding:9px 15px;font-size:12px;color:#e2e7e6;white-space:nowrap}.pulse{display:inline-block;background:#13d0a7;border-radius:50%;width:7px;height:7px;margin-right:7px;box-shadow:0 0 10px #13d0a7}.camera-actions{position:absolute;top:78px;left:0;right:0;padding:0 24px;display:flex;justify-content:space-between}.camera-actions button{border:1px solid #ffffff25;background:#151719a8;color:white;border-radius:15px;padding:9px 13px;font-size:18px}.camera-actions small{font-size:11px;margin-left:3px}.mode-switch{position:absolute;bottom:143px;left:50%;transform:translateX(-50%);display:flex;gap:28px;align-items:center;white-space:nowrap}.mode-switch button{background:none;border:0;color:#adb0b1;font-size:14px;padding:8px}.mode-switch button.active{color:#16d2b0;font-weight:700;position:relative}.mode-switch button.active:after{content:'';position:absolute;bottom:0;left:30%;right:30%;height:2px;background:#16d2b0}.shutter{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:74px;height:74px;border-radius:50%;border:4px solid #16d2b0;background:transparent;display:grid;place-items:center}.shutter span{height:54px;width:54px;background:#f6f7f7;border:3px solid #d9dddd;border-radius:50%}.editor-view{display:flex;flex-direction:column}.editor-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;flex:none}.editor-toolbar strong{font-size:16px}.editor-toolbar button{font-size:23px}.editor-toolbar button span{font-size:13px}.editor-toolbar #originalButton{font-size:12px;border:1px solid #43464a;border-radius:18px;padding:6px 11px}.photo-stage{position:relative;flex:1;min-height:100px;margin:10px 14px 14px;display:grid;place-items:center;overflow:hidden;background:#1b1c1e;border-radius:7px;touch-action:none}.photo-stage>img{max-width:100%;max-height:100%;object-fit:contain;display:block}.photo-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none}.crop-line{fill:#13c9a7;fill-opacity:.08;stroke:#13c9a7;stroke-width:4;vector-effect:non-scaling-stroke}.crop-point{fill:#fff;stroke:#13c9a7;stroke-width:4;vector-effect:non-scaling-stroke}.crop-edge{fill:#fff;stroke:#13c9a7;stroke-width:3;vector-effect:non-scaling-stroke}.magnifier{position:absolute;width:116px;height:116px;border:2px solid white;border-radius:50%;overflow:hidden;z-index:5;box-shadow:0 5px 20px #0009;pointer-events:none;background:#111}.magnifier canvas{width:100%;height:100%}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;background:linear-gradient(145deg,#1a1c1e,#111214)}.doc-icon{font-size:54px;color:#14c9a7;margin-bottom:6px}.empty-state b{font-size:18px}.empty-state>span{font-size:12px;color:#8c9092}.primary,.secondary{width:190px;border-radius:12px;padding:12px;border:0;font-weight:600;margin-top:8px}.primary,.confirm{background:#0cc5a2;color:#062e28}.secondary{margin-top:0;background:#2a2c2e;color:#e7e9e9;border:1px solid #3b3d3f}.crop-tools{height:76px;flex:none;display:flex;align-items:center;justify-content:space-around;background:#191a1c;border-top:1px solid #242628}.crop-tools button{color:#aeb2b3;background:none;border:0;font-size:20px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:55px}.crop-tools button span{font-size:10px}.crop-tools .confirm{width:60px;height:48px;border-radius:14px;color:#073b33;font-size:25px}.crop-tools .confirm span{font-size:10px}.tabbar{height:67px;flex:none;border-top:1px solid #242629;background:#17181a;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.tabbar button{border:0;background:none;color:#777b7d;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:58px}.tabbar button i{font-style:normal;font-size:21px}.tabbar .selected{color:#12c9a5}.hidden{display:none!important}.result-view{height:100%;overflow:auto;padding:22px 20px 20px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 17px}.eyebrow{font-size:10px;color:#13c9a7;letter-spacing:1px}.result-heading h1{font-size:21px;margin:3px 0 0}.result-heading button{background:#242628;border:0;color:#ddd;border-radius:9px;padding:8px 11px}.page-card{height:41%;min-height:210px;max-height:390px;background:#222426;border-radius:16px;padding:13px;display:flex;align-items:center;gap:13px;box-shadow:0 10px 35px #0003}.page-card img{height:100%;max-width:56%;object-fit:contain;background:#0a0b0c;border-radius:6px}.page-card div{display:flex;flex-direction:column;gap:5px;font-size:12px}.page-card div span{font-size:10px;color:#838889}.add-page{width:100%;margin:12px 0 15px;background:#1b1d1f;border:1px dashed #404446;border-radius:12px;padding:12px;color:#c9cdce;font-size:12px}.filter-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:15px}.filter{background:none;border:0;color:#9da1a2;font-size:10px;display:flex;align-items:center;gap:6px;padding:4px}.filter.active{color:#15ceb0}.filter-preview{height:26px;width:26px;border-radius:8px;background:linear-gradient(145deg,#53bac7,#f6dfae)}.filter-preview.gray{filter:grayscale(1)}.filter-preview.bw{filter:grayscale(1) contrast(2)}.filter-preview.original{background:linear-gradient(145deg,#538b8e,#ddd2bd)}.export-panel{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #292b2d;color:#9da1a2;font-size:12px}.export-panel div{display:flex;gap:6px}.format{border:1px solid #383b3d;background:#1b1d1f;color:#aeb2b3;border-radius:8px;padding:7px 14px;font-size:11px}.format.active{border-color:#12c9a5;color:#16d1ae;background:#10302b}.export-button{width:100%;border:0;border-radius:14px;background:#0cc5a2;color:#062d28;font-size:14px;font-weight:700;padding:14px;margin-top:9px}.new-scan{width:100%;padding:12px;background:none;border:0;color:#aeb2b3;font-size:12px}.result-view{background:#111214}@media(min-width:600px){body{background:#08090a}.app-shell{height:min(920px,100dvh);border-left:1px solid #252629;border-right:1px solid #252629;box-shadow:0 20px 80px #0008}}

.install-link{border:0;background:none;color:#17cfad;font-size:12px;padding:8px;margin-top:0}
.camera-hint.detected{color:#bff7ea;border:1px solid #13c9a780}.camera-hint.detected .pulse{box-shadow:0 0 14px #13d0a7}
.camera-actions{gap:12px}.camera-actions button{min-width:74px}
.photo-stage>svg{pointer-events:auto;overflow:visible;touch-action:none}.crop-outline{fill:transparent;stroke:#13cfad;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:stroke}
.magnifier{width:132px;height:132px;border-width:2px;background:#111}.magnifier canvas{display:block;image-rendering:auto}
.app-toast{position:absolute;z-index:20;left:50%;bottom:94px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#292c2fef;color:#f4f7f6;border:1px solid #55595a;border-radius:22px;padding:10px 16px;font-size:12px;white-space:nowrap;transition:.18s}.app-toast.visible{opacity:1;transform:translate(-50%,0)}
.library-view{position:absolute;inset:0;z-index:4;background:#111214;padding:22px 20px;overflow:auto}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.library-heading h1{margin:3px 0;font-size:22px}.library-heading button,.setting-card button{border:1px solid #383b3d;background:#1d1f21;color:#d9dddd;border-radius:10px;padding:9px 12px;font-size:12px}.library-empty{height:55%;display:grid;align-content:center;justify-items:center;text-align:center;color:#d9dddd;font-size:15px;gap:8px}.library-empty span{color:#85898b;font-size:12px}.scan-record{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:10px;margin:0 0 10px;border:1px solid #2e3032;border-radius:13px;background:#1a1c1e;color:#e8eaea}.scan-record img{width:54px;height:68px;object-fit:cover;border-radius:6px;background:#252729}.scan-record span{display:flex;flex-direction:column;gap:6px;flex:1}.scan-record small,.setting-card span{color:#929798;font-size:10px}.scan-record i{font-style:normal;color:#85898b;font-size:24px}.setting-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;background:#1b1d1f}.setting-card span{font-size:12px}.setting-card button{text-align:left}.tabbar button.selected{color:#12c9a5}.cameraSwitchButton{min-width:74px}
.share-button{width:100%;border:1px solid #2c8574;background:#10231f;color:#4de0c1;border-radius:13px;padding:12px;margin-top:8px;font-size:13px}