:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes pulse{0%{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.05);opacity:.8}to{transform:translate(-50%) scale(1);opacity:1}}.document-scanner-open{width:100%;max-width:1000px;margin:0 auto;background:hsl(var(--scanner-card));border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.scanner-container-open{position:relative;min-height:700px}.processing-indicator-cv{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;font-weight:500}.scanner-header{background:linear-gradient(135deg,hsl(var(--scanner-primary)),hsl(var(--scanner-primary-dark)));color:#fff;padding:1rem 1.5rem;text-align:center;font-size:1.1rem;font-weight:600;letter-spacing:.025em}.start-screen-cv{padding:2rem;background:#fff;text-align:center;min-height:500px;display:flex;flex-direction:column;justify-content:center;gap:2rem}.start-header-cv{margin-top:.5rem}.app-title-cv{margin:0;font-size:2.5rem;font-weight:800;letter-spacing:.02em;line-height:1.1;background:linear-gradient(90deg,#0ea5b7,#0b7285 60%,#094e59);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 14px rgba(14,165,183,.15)}.app-subtitle{margin:8px 0 0;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:#43646a;opacity:.9}.btn-start-scan-cv{background:linear-gradient(135deg,#5bc9dc,#2b5a62);color:#fff;width:fit-content;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.025em;box-shadow:0 4px 12px hsl(var(--scanner-primary) / .3);margin-inline:auto}.btn-start-scan-cv:hover{background:linear-gradient(135deg,#5bc9dc,#2b5a62);transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--scanner-primary) / .4)}.btn-upload-cv{background:transparent;color:#0a3d44;border:2px solid #e0e7ea;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth)}.btn-upload-cv:hover{background:#f5fbfd}.camera-screen-cv{background:#fff;min-height:500px}.detection-header{padding:1.5rem;text-align:center;background:#fff}.detection-title{font-size:1.25rem;color:hsl(var(--scanner-primary));font-weight:600;margin:0}.camera-container-cv{padding:0 20px;display:flex;justify-content:center;align-items:center;min-height:590px}.metrics-panel{width:260px;min-width:260px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:16px;box-shadow:0 4px 14px #0000000f}.metric-item{margin-bottom:14px}.metric-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#333}.metric-label{font-weight:600}.metric-value{font-variant-numeric:tabular-nums;color:#555}.metric-bar{width:100%;height:10px;background:linear-gradient(90deg,#f5f5f5,#f8f8f8);border-radius:999px;overflow:hidden}.metric-bar-fill{height:100%;width:0%;border-radius:999px;transition:width .3s linear,background-color .3s linear}.video-hidden-cv{display:none}.canvas-wrapper-cv{position:relative}.camera-canvas-cv{border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:var(--transition-smooth)}.camera-canvas-cv.sheet-detected-cv{box-shadow:0 0 20px hsl(var(--scanner-primary) / .6)}.camera-canvas-cv.sheet-ready-cv{box-shadow:0 0 30px hsl(var(--scanner-success) / .8)}.camera-status{padding:1rem 1.5rem;text-align:center;background:#fff}.status-message{font-size:.95rem;font-weight:600;color:hsl(var(--scanner-primary));text-transform:uppercase;letter-spacing:.025em}.status-message.ready-cv{color:hsl(var(--scanner-success))}.camera-controls-cv button{height:100%;padding:10px 12px;font-size:16px;border:1px solid #e6e6e6!important;border-radius:6px}.camera-controls-cv{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-auto-capture{background:hsl(var(--scanner-primary));color:#fff;border:none;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.025em;min-width:200px}.btn-auto-capture.ready-cv{background:hsl(var(--scanner-success))}.btn-capture-cv:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--scanner-primary) / .4)}.btn-capture-cv:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:hsl(var(--scanner-primary-dark));color:#fff;border:none;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.025em}.btn-cancel:hover{background:hsl(var(--scanner-primary));transform:translateY(-2px)}.results-screen-cv{background:#fff;min-height:500px;padding:2rem}.results-title{text-align:center;font-size:1.5rem;color:hsl(var(--foreground));font-weight:600;margin-bottom:2rem}.captured-result-cv{text-align:center}.image-preview-cv{margin-bottom:2rem;display:flex;justify-content:center}.result-image-cv{width:400px;height:600px;border-radius:12px;box-shadow:0 8px 24px #00000026;border:3px solid hsl(var(--scanner-success))}.action-buttons-cv{display:flex;gap:1rem;justify-content:center}.btn-download-cv{background:hsl(var(--scanner-primary));color:#fff;border:none;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.025em}.btn-download-cv:hover{background:hsl(var(--scanner-primary-dark));transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--scanner-primary) / .4)}.btn-restart-cv{background:none!important;color:#fff;border:none;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.025em}.processing-overlay-cv{position:fixed;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.processing-spinner-cv{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid hsl(var(--scanner-primary));border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.processing-text-cv{font-size:1.1rem;font-weight:500}@media(max-width:480px){.document-scanner-open{max-width:100%;border-radius:0;min-height:100vh}.scanner-container-open{min-height:120vh}.start-screen-cv{padding:2rem 1.5rem;min-height:calc(100vh - 60px)}.camera-screen-cv{min-height:calc(100vh - 60px)}.results-screen-cv{min-height:calc(100vh - 60px);padding:1.5rem}.camera-controls-cv{padding:1rem;flex-direction:column}.action-buttons-cv{flex-direction:column}}@media(orientation:portrait){.camera-canvas-cv{width:500px;height:750px}}button:focus{outline:none;box-shadow:0 0 0 3px hsl(var(--scanner-primary) / .3)}.action-buttons-cv{display:flex;gap:1rem}.btn-download-cv,.btn-restart-cv{padding:.875rem 1.5rem;border:none;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-download-cv svg,.btn-restart-cv svg{width:1.25rem;height:1.25rem}.btn-download-cv{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 20px hsl(var(--primary) / .4)}.btn-download-cv:hover{transform:translateY(-2px);box-shadow:0 8px 30px hsl(var(--primary) / .5)}.btn-restart-cv{background:none!important;color:hsl(var(--accent-foreground))}.btn-restart-cv:hover{background:none!important;transform:translateY(-2px)}.processing-overlay-cv{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:hsl(var(--primary-foreground));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.processing-spinner-cv{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.processing-text{font-size:1.1rem;font-weight:500;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.document-scanner-open{max-width:100%;border-radius:0;min-height:100vh}.scanner-container-open{min-height:120vh}.start-screen-cv{padding:2rem 1.5rem;min-height:100vh}.app-title-cv{font-size:1.75rem}.camera-screen-cv{min-height:100vh}.results-screen-cv{min-height:100vh;padding:1.5rem}.captured-result-cv{padding:1rem}.camera-controls-cv{padding:1rem;gap:.75rem}.btn-capture-cv,.btn-stop-cv{padding:.75rem 1.5rem;font-size:.875rem;min-width:100px}}@media(max-width:360px){.camera-controls-cv{flex-direction:column}.btn-capture-cv,.btn-stop-cv{width:100%;min-width:auto}.action-buttons-cv{gap:.75rem}}button:focus{outline:none;box-shadow:0 0 0 3px hsl(var(--primary) / .3)}button:active{transform:translateY(0)!important}@media(orientation:portrait){.camera-canvas-cv{width:300px;height:400px}}@media(orientation:landscape)and (max-width:768px){.camera-screen-cv{flex-direction:row}.camera-container-cv{flex:2}.camera-controls-cv{flex-direction:column;width:150px;justify-content:center}.status-bar-cv{position:absolute;top:10;left:0;right:0;z-index:10}}@media(prefers-contrast:high){.document-scanner-open{border:2px solid hsl(var(--foreground))}.status-indicator-cv{border:1px solid hsl(var(--foreground))}}@media(prefers-reduced-motion:reduce){.camera-canvas-cv,.btn-start,.btn-capture-cv,.btn-stop-cv,.btn-download-cv,.btn-restart-cv{transition:none}.status-indicator-cv,.processing-spinner-cv,.scan-line-cv{animation:none}}