@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Manrope:wght@400;500;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:Manrope,Segoe UI,sans-serif;margin:0}code{font-family:Courier New,monospace}:root{--bg:#f8f9fa;--bg-soft:#f0f2f5;--panel:#fff;--panel-border:#e5e8eb;--text:#2c3e50;--text-soft:#7a8a99;--accent:#9ecae1;--accent-strong:#6baed6;--warn:#ffc966;--danger:#f99;--ok:#9d9}*{box-sizing:border-box}.app-shell{background:linear-gradient(135deg,#f5f7fb,#eef2f7 50%,#e8ecf2);color:#2c3e50;color:var(--text);min-height:100vh;overflow:hidden;position:relative}.bg-orb{border-radius:999px;filter:blur(50px);opacity:.08;pointer-events:none;position:absolute}.bg-orb-left{background:#b3d9e0;height:320px;left:-80px;top:-100px;width:320px}.bg-orb-right{background:#d4e6db;bottom:-140px;height:320px;right:-100px;width:320px}.hero{padding:0}.hero,.hero-content{align-items:center;display:flex;justify-content:center}.hero-content{gap:28px;max-width:960px;width:100%}.hero-text{max-width:620px}.hero-brand{grid-gap:10px;display:grid;gap:10px;justify-items:center}.toucan-logo{flex-shrink:0;height:104px;object-fit:contain;width:104px}.app-layout{margin:0 auto;padding:48px 0 64px;position:relative;width:min(1120px,92vw);z-index:2}.hero h1{font-family:Chakra Petch,sans-serif;font-size:clamp(2.2rem,5vw,2rem);letter-spacing:.01em;line-height:.98;margin:0}.panel-single{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center;margin-top:18px}.panel{animation:panelRise .48s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--panel);border:1px solid #e5e8eb;border:1px solid var(--panel-border);border-radius:28px;box-shadow:0 20px 50px #2337501a;height:100%;padding:24px;width:min(100%,520px)}.panel h2{font-family:Chakra Petch,sans-serif;font-size:2rem;letter-spacing:.04em;margin:0}.camera-frame{aspect-ratio:3/4;background:linear-gradient(180deg,#eaf1f8,#dde8f1);border:1px solid #d7e4ef;border-radius:20px;max-width:100%;overflow:hidden;position:relative;width:100%}.camera-idle-state{background:radial-gradient(circle at top,#ffffffe6,#0000 45%),linear-gradient(180deg,#ffffffc7,#e2ebf4f2);display:grid;inset:0;padding:28px;place-items:center;position:absolute;text-align:center}.camera-idle-icon{background:#ffffffd9;border:1px solid #6baed62e;border-radius:24px;box-shadow:0 18px 32px #4160801f;display:grid;height:88px;place-items:center;width:88px}.camera-idle-icon svg{fill:#52758e;height:40px;width:40px}.camera-idle-copy{grid-gap:10px;display:grid;gap:10px;margin-top:18px;max-width:320px}.camera-idle-title{color:#2f4963;font-family:Chakra Petch,sans-serif;font-size:1.35rem;margin:0}.camera-idle-text{color:#6e8297;line-height:1.6;margin:0}.camera-idle-tips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.camera-idle-tips span{background:#ffffffbd;border:1px solid #9abad299;border-radius:999px;color:#52758e;font-size:.82rem;font-weight:700;padding:8px 12px}.camera-overlay{flex-direction:column;pointer-events:none;z-index:2}.camera-face-guide,.camera-overlay{display:flex;inset:0;position:absolute}.camera-face-guide{align-items:center;justify-content:center;padding-bottom:46px}.camera-face-ring{aspect-ratio:1;border:3px solid #ffffffeb;border-radius:50%;box-shadow:0 0 0 9999px #18121224;width:min(74%,490px)}.camera-mirror-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121a2057;border:1px solid #ffffffb3;border-radius:999px;box-shadow:0 8px 20px #00000029;display:grid;height:42px;padding:0;place-items:center;pointer-events:auto;position:absolute;right:14px;top:14px;width:42px;z-index:3}.camera-mirror-toggle:hover{filter:brightness(1.06);transform:none}.camera-mirror-icon{fill:#fff;height:22px;width:22px}.camera-bottom-guide{grid-gap:12px;align-items:center;background:linear-gradient(180deg,#2214142e,#140a0ae0);color:#fff;display:grid;gap:12px;grid-template-columns:1fr auto 1fr auto 1fr;margin-top:auto;padding:18px 18px 20px}.camera-guide-item{grid-gap:2px;display:grid;gap:2px;text-align:center}.guide-label{font-size:.92rem;font-weight:700;letter-spacing:.01em}.guide-value{font-size:.96rem;font-weight:800;letter-spacing:.02em}.guide-value.good{color:#6df08b}.guide-value.warn{color:#ff7d7d}.camera-guide-divider{background:#ffffffd1;height:34px;width:1px}.camera-video,.preview-image{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.camera-zoomed{transform-origin:center}.camera-video.mirrored,.preview-image.mirrored{transform:scaleX(-1)}.contain-preview{background:linear-gradient(45deg,#1f2d340f 25%,#0000 0),linear-gradient(-45deg,#1f2d340f 25%,#0000 0),linear-gradient(45deg,#0000 75%,#1f2d340f 0),linear-gradient(-45deg,#0000 75%,#1f2d340f 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;object-fit:contain}.hidden-canvas{display:none}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}button{background:linear-gradient(135deg,#9ecae1,#6baed6);background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-weight:800;padding:12px 16px;transition:transform .13s ease,filter .13s ease}button:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65}.ghost{background:#0000;border:1px solid #d4e6f1;color:#2c3e50;color:var(--text)}.error-text{color:#d97777;font-size:.87rem;margin-top:10px}.analyze-btn{margin-top:14px;padding:14px;width:100%}.progress-wrap{margin-top:12px}.progress-meta{color:#7a8a99;color:var(--text-soft);display:flex;font-size:.85rem;justify-content:space-between}.progress-track{background:#e8ecf1;border:1px solid #d4dfe9;border-radius:999px;height:10px;margin-top:6px;overflow:hidden;width:100%}.progress-track span{background:linear-gradient(90deg,#9ecae1,#a8d5ba);display:block;height:100%;transition:width .22s ease}.analysis-status{font-size:.9rem;font-weight:700;margin-top:12px}.analysis-status.success{color:#2d7a4a}.analysis-status.fail{color:#9b3a3a}.results-section{animation:panelRise .58s ease both;background:#fff;border:1px solid #e5e8eb;border-radius:20px;margin-left:auto;margin-right:auto;margin-top:24px;max-width:440px;padding:16px}.results-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.results-header h2{font-family:Chakra Petch,sans-serif;font-size:1.35rem;margin:0}.status-pill{border-radius:999px;font-size:.78rem;font-weight:700;padding:6px 10px}.status-pill.ok{background:#d4f1dc;color:#2d7a4a}.status-pill.fail{background:#f4d4d4;color:#9b3a3a}.score-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:14px}.score-card{background:#f5f8fb;border:1px solid #e5eff7;border-radius:14px;padding:10px}.metric-name{color:#7a8a99;color:var(--text-soft);font-size:.8rem;margin:0}.metric-score{font-size:1.3rem;font-weight:800;margin:8px 0 4px}.metric-score.low{color:#6ba876}.metric-score.medium{color:#c9a549}.metric-score.high{color:#d99a6a}.metric-score.critical{color:#d17777}.metric-level{color:#7a8a99;color:var(--text-soft);font-size:.78rem;margin:0}.image-panel{margin-top:14px}.image-tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{background:#f0f4f8;border:1px solid #dce6f0;color:#7a8a99;color:var(--text-soft);font-weight:700;padding:8px 12px}.tab.active{background:linear-gradient(135deg,#9ecae1,#a8d5ba);color:#fff}.tab.inactive{background:#d4e9f5;border:1px solid #9ecae1;color:#2c3e50;color:var(--text);cursor:pointer;font-weight:600}.merged-image-container{background:#f9fbfd;border:1px solid #dce8f2;border-radius:14px;margin-top:10px;overflow:hidden}.image-stack{aspect-ratio:3/4;position:relative;width:100%}.stacked-image{display:block;height:100%;object-fit:contain;transition:opacity .2s ease;width:100%}.loading-shell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121a2057;display:grid;inset:0;place-items:center;position:fixed;z-index:20}.loading-card{grid-gap:12px;background:#fffffff5;border:1px solid #d7e4ef;border-radius:22px;box-shadow:0 18px 40px #23375029;display:grid;gap:12px;justify-items:center;padding:22px 24px}.loading-card p{color:#52758e;font-weight:700;margin:0}.loading-spinner{animation:spin .9s linear infinite;border:3px solid #6baed62e;border-radius:50%;border-top-color:#6baed6;height:46px;width:46px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes panelRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:920px){.app-layout{padding-top:30px}.hero-content{flex-direction:column;text-align:center}.hero-text{max-width:100%}}@media (max-width:640px){.app-layout{padding-bottom:40px;width:min(100%,92vw)}.panel{border-radius:22px;padding:18px}.panel h2{font-size:1.6rem}.camera-bottom-guide{gap:8px;grid-template-columns:1fr;padding:14px}.camera-guide-divider{display:none}}
/*# sourceMappingURL=main.bafe1839.css.map*/