*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;overflow:hidden;background:#1a1a2e;color:#eee;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.view{position:fixed;top:0;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px))}#camera-preview{width:100%;height:100%;object-fit:cover;background:#000}#fallback-area{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#16213e;cursor:pointer}.fallback-icon{font-size:64px}#fallback-area p{font-size:18px;opacity:.7}#capture-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.capture-ring{display:block;width:58px;height:58px;border-radius:50%;border:3px solid #fff;background:transparent;transition:background .1s}#capture-btn:active .capture-ring{background:#ffffff80}#crop-view{background:#000}#crop-canvas{width:100%;height:100%;object-fit:contain}#corner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}#edge-polygon{fill:#4a90e226;stroke:#4a90e2;stroke-width:2}.corner-handle{fill:#4a90e2;stroke:#fff;stroke-width:2;cursor:grab;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.corner-handle:active,.corner-handle.dragging{fill:#e94560;r:22}#review-view{display:flex;flex-direction:column;background:#16213e}#page-preview{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}#preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 24px #0006}#thumbnail-strip{height:88px;display:flex;gap:8px;padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#0003;flex-shrink:0}.thumbnail{width:60px;height:72px;border-radius:6px;object-fit:cover;border:2px solid transparent;cursor:pointer;flex-shrink:0;transition:border-color .2s}.thumbnail.active{border-color:#4a90e2}.thumbnail-wrapper{position:relative;flex-shrink:0}.thumbnail-delete{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#e94560;color:#fff;font-size:12px;line-height:22px;text-align:center;cursor:pointer;z-index:2}#upload-overlay,#done-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#1a1a2eeb;z-index:20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#4a90e2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#upload-status{font-size:16px;opacity:.8}.checkmark{width:72px;height:72px;border-radius:50%;background:#27ae60;color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center;animation:pop .3s ease-out}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}#bottom-bar{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#0f1a2e;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;z-index:15}.bar-content{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:0 16px}.app-name{font-size:17px;font-weight:600;letter-spacing:-.3px}.bar-btn{flex:1;max-width:180px;padding:12px 16px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.bar-btn:active{opacity:.7}.bar-btn.primary{background:#4a90e2;color:#fff}.bar-btn.secondary{background:#ffffff1a;color:#eee}#company-buttons{display:flex;gap:8px;flex:1}.company-btn{flex:1;padding:10px 6px;border:none;border-radius:10px;background:#0f3460;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.company-btn:active{background:#e94560}#add-page-btn{flex:0 0 auto;max-width:80px}[hidden]{display:none!important}
