:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#f4f6f1;--bg-2:#e7f0e6;--ink:#10231a;--muted:#4b5a52;--accent:#1d7b5c;--accent-strong:#0f5c44;--accent-warm:#f29d38;--panel:#fff;--border:#d9e2d7;--shadow:0 20px 50px #10231a1f;--radius:22px}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(1100px 500px at 15% -10%, #fbf4e6 0%, transparent 60%), radial-gradient(1000px 600px at 110% 10%, #def3ed 0%, transparent 60%), linear-gradient(180deg, var(--bg) 0%, #f6f2ea 100%);min-height:100vh;margin:0;font-family:Manrope,Segoe UI,sans-serif}body:before,body:after{content:"";filter:blur();opacity:.25;z-index:0;pointer-events:none;border-radius:50%;width:300px;height:300px;position:fixed;inset:auto}body:before{background:radial-gradient(circle,#f29d38 0%,#0000 70%);top:12%;right:-60px}body:after{background:radial-gradient(circle,#1d7b5c 0%,#0000 70%);bottom:-80px;left:10%}#root{z-index:1;position:relative}.app{flex-direction:column;gap:28px;width:100%;max-width:none;height:100vh;min-height:100vh;margin:0;padding:clamp(20px,2.4vw,36px) clamp(16px,4vw,56px) clamp(28px,4vw,52px);display:flex;overflow:hidden}.hero{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffffeb,#f4f9f5b8);border:1px solid #fff9;border-radius:30px;padding:22px 28px;animation:.8s ease-out fadeUp}.hero-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand{align-items:center;gap:10px;min-height:36px;display:flex}.brand-logo{object-fit:contain;width:clamp(140px,18vw,220px);height:auto;display:block}.brand-version{color:var(--muted);background:#fff9;border:1px solid #1f7a5c33;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600}.status-pill{color:var(--accent-strong);background:#1f7a5c1f;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.hero h1{margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.hero p{color:var(--muted);max-width:720px;margin:0 0 14px}.hero-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.9rem;display:flex}.hero-meta span{background:#fff9;border:1px dashed #1f7a5c4d;border-radius:999px;padding:6px 12px}.layout{flex:1;grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(220px,300px);grid-template-areas:"control viewer data";align-items:stretch;gap:24px;min-height:0;display:grid}.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);height:100%;padding:clamp(16px,2vh,24px)}.panel-header h2{margin:0 0 6px;font-family:Space Grotesk,sans-serif}.panel-sub{color:var(--muted);font-size:.95rem}.control-panel{flex-direction:column;grid-area:control;gap:clamp(12px,1.6vh,18px);min-height:0;display:flex}.control-group{flex-direction:column;gap:clamp(6px,.9vh,8px);display:flex}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label,.label-inline{color:var(--ink);font-size:.9rem;font-weight:600}select,button,input[type=range]{font-family:inherit}select{border:1px solid var(--border);color:var(--ink);background:#fbfcfa;border-radius:12px;width:100%;max-width:100%;padding:clamp(8px,1vh,10px) clamp(10px,1.6vh,12px);font-size:.95rem}select:disabled{color:#8b948e;background:#f0f0f0}.segmented{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.segmented button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#f9faf7;border-radius:14px;padding:clamp(8px,1vh,10px) clamp(10px,1.4vh,14px);font-weight:600;transition:all .2s}.segmented button.active{color:var(--accent-strong);background:linear-gradient(135deg,#1f7a5c33,#1f7a5c0d);border-color:#1f7a5c80}.segmented button:disabled{cursor:not-allowed;opacity:.6}.range-row{align-items:center;gap:12px;display:flex}input[type=range]{width:100%;accent-color:var(--accent)}.play-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:clamp(10px,1.4vh,12px) clamp(12px,1.8vh,16px);font-weight:600;transition:transform .2s}.play-button:disabled{opacity:.6;cursor:not-allowed}.play-button:not(:disabled):hover{transform:translateY(-1px)scale(1.01)}.hint{color:var(--muted);font-size:.9rem}.hint.error{color:#b5432d}.viewer-panel{grid-area:viewer;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.6vh,18px);min-height:0;display:grid}.viewer-panel--timelapse{grid-template-rows:auto auto minmax(0,1fr) auto}.viewer-panel--analise{grid-template-rows:auto minmax(0,1fr)}.data-panel{flex-direction:column;grid-area:data;gap:clamp(12px,1.6vh,18px);min-height:0;display:flex}.data-accordions{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.accordion{border:1px solid var(--border);background:#f8faf6;border-radius:18px;overflow:hidden}.accordion[open]{flex-direction:column;flex:1;min-height:0;display:flex}.accordion>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-family:Space Grotesk,sans-serif;font-weight:700;list-style:none;display:flex}.accordion>summary::-webkit-details-marker{display:none}.accordion-content{border-top:1px solid #10231a14;flex:1;min-height:0;padding:0 14px 12px;overflow:auto}.data-code{border:1px solid var(--border);background:#f4f7f1;border-radius:16px;flex-direction:column;gap:4px;padding:clamp(10px,1.4vh,12px);display:flex}.data-code span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.data-code strong{color:var(--ink);word-break:break-word;font-size:.78rem}.data-sections{gap:clamp(12px,1.6vh,18px);display:grid}.data-section{border:1px solid var(--border);background:#f8faf6;border-radius:18px;flex-direction:column;gap:clamp(10px,1.2vh,12px);padding:clamp(12px,1.6vh,16px);display:flex}.data-section-header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.data-section-header h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem}.data-section-header span{color:var(--muted);font-size:.8rem}.data-cadastro{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,12px);display:grid}.data-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:clamp(8px,1.2vh,10px);display:flex}.data-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.data-card strong{color:var(--ink);word-break:break-word;font-size:.8rem;line-height:1.2}.data-table{flex-direction:column;gap:6px;display:flex}.data-table-row{border-bottom:1px dashed #10231a26;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.data-table-row span{color:var(--muted);text-transform:none;letter-spacing:.02em;font-size:.7rem}.data-table-row strong{color:var(--ink);text-align:right;min-width:60px;font-size:.74rem}.viewer-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.viewer-tabs{gap:10px;margin-top:8px;display:flex}.viewer-tabs button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#f9faf7;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.viewer-tabs button.active{color:var(--accent-strong);background:linear-gradient(135deg,#1f7a5c33,#1f7a5c0d);border-color:#1f7a5c80}.viewer-tabs button:disabled{cursor:not-allowed;opacity:.6}.viewer-header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.15rem;line-height:1.1}.viewer-header p{color:var(--muted);margin:2px 0 0;font-size:.82rem}.viewer-metrics{color:var(--muted);flex-direction:column;align-items:flex-end;gap:6px;font-size:.82rem;display:flex}.viewer-submeta{color:var(--muted);justify-content:flex-end;gap:14px;font-size:.82rem;display:flex}.zoom-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zoom-btn{color:var(--accent-strong);cursor:pointer;background:#ffffffd9;border:1px solid #1f7a5c59;border-radius:999px;padding:6px 10px;font-weight:700}.zoom-btn:disabled{opacity:.6;cursor:not-allowed}.zoom-range{width:110px;accent-color:var(--accent)}.zoom-label{color:var(--muted);text-align:right;min-width:46px;font-size:.78rem}.legend-toggle{color:var(--accent-strong);cursor:pointer;background:#ffffffd9;border:1px solid #1f7a5c59;border-radius:999px;padding:6px 10px;font-weight:700}.legend-toggle:disabled{opacity:.6;cursor:not-allowed}.viewer-body{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(12px,1.6vh,18px);height:100%;min-height:clamp(280px,45vh,520px);display:grid}.image-stack{border:1px solid var(--border);background:#eef3ee;border-radius:18px;width:100%;height:100%;min-height:clamp(280px,45vh,520px);position:relative;overflow:hidden}.analysis-scroll{z-index:1;height:100%;position:absolute;inset:0;overflow:auto}.analysis-canvas{min-width:100%;height:100%;min-height:100%}.image-zoom{transform-origin:50%;will-change:transform;position:absolute;inset:0}.image-layer{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.image-layer.index{mix-blend-mode:normal}.analysis-image{object-fit:contain;width:100%;height:100%;display:block}.image-empty{color:var(--muted);text-align:center;z-index:2;place-items:center;padding:20px;font-weight:600;display:grid;position:absolute;inset:0}.image-warning{color:#b05a2a;background:#ffffffe6;border:1px solid #b05a2a4d;border-radius:12px;padding:10px 14px;font-size:.85rem;position:absolute;bottom:14px;left:14px;right:14px}.legend{border:1px solid var(--border);background:#f6f8f4;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.legend.legend-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#f6f8f4f2;width:min(260px,100% - 28px);position:absolute;top:14px;right:14px;box-shadow:0 18px 38px #10231a33}.legend-title{color:var(--ink);font-weight:700}.legend-body{align-items:stretch;gap:12px;display:flex}.legend-gradient{background:linear-gradient(#006400 0%,#90ee90 45%,#ff0 65%,orange 80%,red 100%);border:1px solid #85908a;border-radius:10px;width:16px}.legend-ticks{color:var(--muted);flex-direction:column;justify-content:space-between;font-size:.8rem;display:flex}.timeline{flex-direction:column;gap:8px;display:flex}.timeline input[type=range]{width:100%}.timeline-labels{height:18px;position:relative}.timeline-labels span{color:var(--muted);font-size:.75rem;position:absolute;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1025px) and (width<=1200px){.layout{grid-template-columns:minmax(240px,340px) minmax(0,1fr);grid-template-areas:"control viewer""data data"}.zoom-range{width:min(220px,46vw)}}@media (width<=1024px){.app{height:auto;overflow:visible}.layout{grid-template-columns:1fr;grid-template-areas:"control""viewer""data"}.viewer-body{grid-template-columns:1fr}}@media (width<=900px){.layout{grid-template-columns:1fr;grid-template-areas:"control""viewer""data"}.image-stack{min-height:320px}.legend.legend-overlay{width:min(240px,100% - 24px);top:12px;right:12px}}@media (height<=860px){.app{height:auto;overflow:visible}.panel{height:auto}.image-stack{min-height:320px}}@media (width<=720px){.hero{padding:24px}.hero-top{flex-wrap:wrap;gap:10px}.brand-logo{width:clamp(120px,48vw,200px)}.control-grid{grid-template-columns:1fr}.viewer-header{flex-direction:column;align-items:flex-start}.viewer-metrics{align-items:flex-start}.zoom-range{width:min(220px,70vw)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}