*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f5}body{margin:0;min-width:320px}img{max-width:100%}.appShell{min-height:100vh;padding:0 0 24px;background:#f7faf8;color:#102018}.topBar,.stepper,.statusBanner,.analysisGrid,.feedbackPanel,.warningBand{width:min(1500px,calc(100% - 28px));margin-inline:auto}.topBar{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 8px;border-bottom:1px solid #dce7e1}.brand{display:flex;align-items:center;gap:14px}.brandMark{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#007b4e;color:#fff;font-size:34px;font-weight:800;line-height:1}.brand h1{margin:0;font-size:1.45rem;line-height:1}.titleRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand span{display:inline-block;margin-top:8px;padding:5px 10px;border-radius:999px;background:#dff3e9;color:#006b43;font-size:.78rem;font-weight:800}.datasetPill{position:relative;display:inline-flex;align-items:center;max-width:360px;min-height:24px;padding:4px 9px;border:1px solid #b9d7c9;border-radius:999px;background:#f0fbf5;color:#00643f;font-size:.72rem;font-weight:800;line-height:1.2;cursor:help}.datasetTooltip{position:absolute;z-index:20;top:calc(100% + 8px);left:0;display:none;width:min(360px,calc(100vw - 32px));padding:10px 12px;border:1px solid #b9d7c9;border-radius:8px;background:#fff;box-shadow:0 12px 28px #10201824;color:#263a31;font-size:.78rem;font-weight:600;line-height:1.4}.datasetTooltip a{display:block;margin-top:6px;color:#00643f;font-weight:800;overflow-wrap:anywhere}.datasetPill:hover .datasetTooltip,.datasetPill:focus .datasetTooltip,.datasetPill:focus-within .datasetTooltip{display:block}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.outlineButton,.ghostButton,.linkButton,.aiPill,.meaningHeader button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #b9d7c9;border-radius:8px;background:#fff;color:#00643f;font-weight:800;text-decoration:none}.outlineButton{padding:0 18px}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:18px 0 20px}.step{display:flex;align-items:center;gap:12px;min-width:0;color:#687872}.step:after{content:"";flex:1;height:2px;background:#cfdeda}.step:last-child:after{display:none}.step span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid #bdd6cb;border-radius:50%;background:#fff;color:#78918a;font-weight:800}.step.complete span,.step.active span{background:#007b4e;color:#fff}.step.complete:after{background:#37a06f}.step p{margin:0;white-space:nowrap}.statusBanner{display:flex;align-items:center;gap:18px;min-height:94px;padding:18px 22px;border:1px solid #b9d7c9;border-radius:14px;background:linear-gradient(90deg,#f0fbf5,#fbfffd)}.statusBanner.warning{border-color:#e8c788;background:#fff8e8}.statusIcon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#22a34f;color:#fff;box-shadow:0 8px 20px #007b4e38}.statusBanner.warning .statusIcon{background:#c97a12}.statusBanner strong{display:block;margin-bottom:4px;color:#007242;font-size:1.35rem}.statusBanner.warning strong{color:#884b06}.statusBanner p,.warningBand p{margin:0}.analysisGrid{display:grid;grid-template-columns:1.05fr .92fr 1.45fr .88fr;gap:18px;margin-top:18px;align-items:stretch}.panel,.feedbackPanel,.warningBand{border:1px solid #dce7e1;border-radius:12px;background:#fff;box-shadow:0 12px 28px #1020180f}.panel{padding:16px}.panelTitle{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panelTitle span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e9f7f0;color:#007b4e}.panelTitle h2,.assistantPanel h2,.feedbackPanel h2{margin:0;font-size:1rem}.uploadPreview,.processedPreview{display:grid;place-items:center;border-radius:8px;overflow:hidden;background:#f1f4f2;color:#697b74;font-weight:800}.uploadPreview{position:relative;height:330px;border:1px dashed #b9d7c9;cursor:pointer}.uploadPreview.isDragging{border-color:#007b4e;background:#e9f7f0}.uploadPreview input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.uploadPreview img,.processedPreview img{width:100%;height:100%;object-fit:contain}.processedPreview{height:420px;background:#fbfcfb}.fileMeta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin:12px 0;color:#667770;font-size:.86rem}.fileMeta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullButton,.submitButton,.warningBand button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:8px;background:linear-gradient(90deg,#007b4e,#00613f);color:#fff;font-weight:800}.fullButton,.ghostButton{width:100%}.ghostButton{margin-top:8px;background:#fff;color:#667770}.linkButton{width:100%}.enhancedBadge{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;margin-top:14px;border:1px solid #cce6d7;border-radius:8px;background:#f0fbf5;color:#007242;font-size:.9rem;font-weight:800}.resultCard{min-width:0}.resultHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.resultTitleGroup{display:grid;gap:4px}.resultTitleGroup .panelTitle{margin-bottom:0}.resultTitleGroup .datasetPill{max-width:310px}.aiPill{padding:0 14px;box-shadow:0 0 0 4px #7b49d61f,0 0 18px #7b49d647}.metricLabel{margin:22px 0 4px;color:#566961;text-align:center;font-size:.92rem}.largeResult{color:#007242;font-size:clamp(4rem,7vw,6.7rem);font-weight:900;line-height:1;text-align:center}.confidencePill,.bucketPill{width:fit-content;margin:12px auto 0;border-radius:999px;font-weight:900}.confidencePill{padding:7px 20px;border:1px solid #b9d7c9;background:#eaf8f1;color:#007242;font-size:1.25rem}.bucketPill{padding:11px 24px;border-radius:8px;background:#007242;color:#fff;font-size:1.15rem;text-transform:capitalize}.meaningBox,.assistantNote,.aiResponse{margin-top:18px;padding:14px;border:1px solid #cde3d7;border-radius:10px;background:#fbfffd}.meaningHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.meaningHeader button{padding:0 12px}.meaningBox p,.aiResponse p{margin:0 0 10px;color:#263a31;line-height:1.55}.meaningBox p:last-child,.aiResponse p:last-child{margin-bottom:0}.emptyResult{display:grid;align-content:center;min-height:360px;text-align:center;color:#566961}.emptyResult strong{display:block;margin-bottom:8px;color:#102018;font-size:1.3rem}.assistantPanel h2{display:flex;gap:8px;align-items:center;color:#007242}.aiOptions{display:grid;gap:8px;margin-top:12px}.aiOptions button{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-height:50px;padding:8px 10px;border:1px solid #d7e7df;border-radius:8px;background:#fff;color:#183127;text-align:left}.aiOptions button.selected,.aiOptions button:hover:not(:disabled){border-color:#007b4e;background:#f0fbf5}.assistantNote{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:#3d4f48;font-size:.88rem}.assistantNote p{margin:0;line-height:1.45}.aiResponse strong{display:block;margin-bottom:8px;color:#007242}.aiResponse small{display:block;color:#8a4d12}.feedbackPanel{display:grid;grid-template-columns:.9fr 1.15fr 1.15fr 1fr;gap:18px;margin-top:12px;padding:16px;align-items:start}.ratingBox p{margin:4px 0 14px;color:#5e716a;font-size:.88rem}.stars{display:flex;gap:7px}.stars button{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:#007242}.stars button svg{fill:transparent}.stars button.active svg{fill:#dff3e9}.textareaField{display:grid;gap:8px}.textareaField span,.feedbackControls label{color:#24362e;font-weight:800;font-size:.9rem}.textareaField textarea{width:100%;min-height:78px;resize:vertical;border:1px solid #d7e2dd;border-radius:8px;padding:12px;color:#102018}.textareaField small{justify-self:end;color:#6d7b76}.feedbackControls{display:grid;gap:9px}.feedbackControls label{display:grid;gap:5px}.feedbackControls select{height:38px;border:1px solid #d7e2dd;border-radius:8px;padding:0 10px;background:#fff}.submitButton{width:100%;margin-top:4px}.feedbackStatus{grid-column:1 / -1;margin:0;color:#007242;font-weight:800}.warningBand{display:grid;grid-template-columns:auto 1fr 330px;gap:18px;align-items:center;margin-top:12px;padding:18px;border-color:#f0c879;background:#fffaf0}.warningIcon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#e57a00;color:#fff;font-size:2rem;font-weight:900}.warningBand strong{display:block;margin-bottom:6px;color:#7d260a;font-size:1.12rem}.warningBand p{color:#41554d;line-height:1.5}.processingBox{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px;border-radius:8px;background:#edf7f2;color:#244235;font-size:.92rem}.loader{width:22px;height:22px;border:3px solid #b8d8ca;border-top-color:#0b5c45;border-radius:50%;animation:spin .9s linear infinite;flex:0 0 auto}.errorText{margin:12px 0 0;color:#a13221;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.analysisGrid,.feedbackPanel,.warningBand{grid-template-columns:1fr 1fr}.resultCard,.assistantPanel,.warningBand>div:nth-child(2){grid-column:1 / -1}}@media(max-width:760px){.topBar{display:grid;gap:12px;justify-items:start}.stepper{grid-template-columns:1fr 1fr}.analysisGrid,.feedbackPanel,.warningBand{grid-template-columns:1fr}.warningBand button,.resultHeader{width:100%}.resultHeader{display:grid}.uploadPreview,.processedPreview{height:290px}}