.app-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.app-heading .pill{margin-top:15px;white-space:nowrap}.pill.offline .dot{background:#b95723}.workflow{display:flex;align-items:center;width:410px;max-width:100%;margin:7px 0 25px;gap:18px;font-size:12px;color:#788371}.workflow span{display:flex;align-items:center;gap:8px;white-space:nowrap}.workflow b{font-weight:500;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #c9d2c0;border-radius:50%;font-size:11px}.workflow .active{color:var(--green);font-weight:650}.workflow .active b{background:var(--green);color:white;border-color:var(--green)}.workflow i{height:1px;background:#d6decc;flex:1;min-width:15px}.workspace{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px;align-items:start}.panel{border:1px solid var(--line);border-radius:22px;background:var(--white);padding:28px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.panel h2{font-size:19px;font-weight:550;letter-spacing:-.5px;line-height:1.25;margin:0}.panel-code{color:#89937d;font-family:monospace;font-size:10px;letter-spacing:1px}.dropzone{background:#f2f5e9;border:1.5px dashed #aab99b;border-radius:16px;color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;width:100%;min-height:270px;padding:26px;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragover{background:#e6edda;border-color:var(--green)}.upload-symbol{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;border:1px solid #c5d1b9;background:var(--white);font-size:32px;line-height:1;margin-bottom:16px}.dropzone strong{font-size:17px;font-weight:550}.dropzone span:not(.upload-symbol){font-size:13px;color:var(--muted)}.dropzone small{font-size:11px;color:#78876d;margin-top:10px}.file-help{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 21px}.analyze-button{width:100%;justify-content:space-between;margin-top:0}.change-button{display:block;margin:11px auto 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--muted);font-size:12px;padding:8px}.privacy-note{display:flex;align-items:flex-start;gap:9px;padding-top:19px;border-top:1px solid var(--line);margin-top:24px;color:var(--muted)}.privacy-note p{font-size:11px;line-height:1.7;margin:0}.privacy-note>span{font-size:16px;color:#6d8a50;line-height:1.3}.result-panel{min-height:542px}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:398px}.leaf-outline{opacity:.28;margin-bottom:13px}.leaf-outline img{border-radius:15px}.result-empty h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:10px 0}.result-empty p{font-size:13px;color:#7a8474;line-height:1.8;margin:0}.result-tag{font-size:10px;padding:5px 12px;border:1px solid var(--line);border-radius:99px;color:#71816a;margin-top:28px}.preview-area{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#edf0e3}.preview-area>img{display:block;width:100%;height:270px;object-fit:contain}.file-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;background:#f8f9f3;border-top:1px solid var(--line)}.file-meta>div{min-width:0}.file-meta strong{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:310px}.file-meta span{display:block;font-size:10px;color:var(--muted)}.icon-button{background:var(--white);border:1px solid var(--line);width:33px;height:33px;border-radius:8px;font-size:22px;line-height:1;color:var(--muted);flex-shrink:0}.spinner{width:43px;height:43px;border-radius:50%;border:3px solid #e1e7d7;border-top-color:var(--green);animation:spin .8s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}#upload-error{margin-bottom:16px}.result-status{display:flex;gap:7px;align-items:center;color:#496632;font-size:11px;font-weight:650;margin-bottom:24px}.result-status .dot{width:6px;height:6px;border-radius:50%;background:#62804a}.result-status.uncertain{color:#9a622a}.result-status.uncertain .dot{background:#b87937}.result-crop{font-size:12px;color:var(--muted);margin:0 0 5px}.prediction-title{font-size:30px;line-height:1.2;font-weight:550;letter-spacing:-.9px;margin:0 0 24px;overflow-wrap:anywhere}.confidence-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 8px;font-size:12px;color:var(--muted)}.confidence-heading strong{font-size:24px;font-weight:550;line-height:1;color:var(--green)}.confidence-track{height:7px;border-radius:99px;background:var(--pale);overflow:hidden}.confidence-track>div{height:100%;width:0;background:#6a8a44;transition:width .5s}.score-help{font-size:10px;color:#7a8371;margin:7px 0 23px}.alternatives{margin-top:23px}.alternatives h4{font-size:11px;color:var(--muted);font-weight:500;margin:0 0 12px}.alternatives ol{margin:0;padding:0;list-style:none}.alternatives li{display:grid;grid-template-columns:20px 1fr auto;gap:9px;padding:9px 0;border-bottom:1px solid #e8ebdf;font-size:12px;align-items:center}.alternatives li span:first-child{color:#899678;font-size:10px}.alternatives li strong{font-size:11px;font-weight:550;color:var(--green)}.result-warning{padding:15px 16px;background:#f0f3e6;border-radius:12px;margin:22px 0}.result-warning strong{font-size:12px;font-weight:600}.result-warning p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.7}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-actions .button{font-size:12px;padding:9px 13px}.text-button{border:0;background:none;color:var(--green);font-size:12px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.result-details{font-family:monospace;font-size:9px;color:#819075;line-height:1.8;margin-top:17px;overflow-wrap:anywhere}.model-warnings{font-size:11px;color:#76643b;margin-bottom:16px}.model-warnings p{margin:7px 0}.help-row{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:37px 0}.help-row h3{font-size:13px;font-weight:550;margin:7px 0;line-height:1.45}.help-row p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.help-index{font-family:monospace;font-size:10px;color:#81956e}.app-disclaimer{border-top:1px solid var(--line);padding:23px 0 34px;font-size:11px;color:var(--muted);line-height:1.8;max-width:950px}.app-disclaimer a{white-space:nowrap}.footer{margin-top:18px}
@media(max-width:900px){.panel{padding:23px}.panel-code{font-size:8px}.panel h2{font-size:17px}.app-heading{display:block}.app-heading .pill{margin:0 0 5px}.dropzone{padding:17px}.dropzone strong{font-size:15px}.file-meta strong{max-width:210px}.prediction-title{font-size:26px}}
@media(max-width:700px){.workspace{grid-template-columns:1fr;gap:18px}.panel{padding:22px}.panel-head{margin-bottom:20px}.panel h2{font-size:19px}.panel-code{font-size:10px}.dropzone{min-height:235px}.dropzone strong{font-size:17px}.workflow{gap:12px;margin-top:6px}.app-heading{padding-bottom:18px}.result-panel{min-height:auto}.result-empty{min-height:265px}.help-row{grid-template-columns:1fr;gap:22px;padding-top:29px}.help-row h3{margin:4px 0}.help-row>div{padding-left:34px;position:relative}.help-index{position:absolute;left:0;top:3px}.preview-area>img{height:270px}.file-meta strong{max-width:230px}.result-tag{margin-top:20px}.result-actions{gap:8px}}
@media(max-width:380px){.workflow{font-size:11px;gap:7px}.workflow span{gap:5px}.workflow b{width:22px;height:22px}.workflow i{min-width:8px}.panel-code{font-size:8px;white-space:nowrap}.panel-head{gap:8px}.panel h2{font-size:17px}.file-meta strong{max-width:165px}}

.attention-result{margin:20px 0;border:1px solid #dce2d0;border-radius:12px;padding:14px}.attention-result summary{cursor:pointer;font-size:14px;font-weight:600}.attention-result img{display:block;max-width:100%;max-height:400px;margin:15px auto;border-radius:9px}.attention-result p{font-size:12px;color:#64705d;line-height:1.6}