*{box-sizing:border-box}body{margin:0;background:#fff;color:#24332d;font:14px/1.45 system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #dce2df;background:#fff;border-radius:8px;padding:8px 11px;color:#24332d}button:hover:enabled{background:#edf3ef;border-color:#9cb5a5}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #79ac91;outline-offset:2px}.compare-header{height:82px;display:flex;align-items:center;gap:28px;padding:14px 24px;border-bottom:1px solid #e3e9e5;background:#fff}.back{color:#235d43;text-decoration:none;font-weight:750;font-size:17px}.compare-header h1{font-size:20px;margin:0}.compare-header p{margin:3px 0 0;color:#78847d;font-size:12px}#library-toggle{margin-left:auto}.compare-layout{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 82px)}.library{padding:20px 16px;overflow-y:auto;border-right:1px solid #dfe6e1;background:#f7f9f7}.library>label{font-weight:700;display:block;margin-bottom:8px}.library input{width:100%;border:1px solid #cbd7ce;border-radius:10px;padding:12px;background:white}.view-filters{display:flex;gap:5px;margin-top:12px}.view-filters button{font-size:11px;flex:1;padding:7px 4px}.view-filters .active{background:#245d43;color:white;border-color:#245d43}.library-hint,#search-status{font-size:12px;color:#778179}.species-result{margin:20px 0}.species-result h2{font-size:14px;margin:0}.species-result em{display:block;color:#78837d;font-size:11px;margin:2px 0 10px}.image-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-option{position:relative;background:white;border:1px solid #e0e6e2;border-radius:10px;padding:6px;cursor:grab;overflow:hidden}.image-option img{width:100%;height:100px;object-fit:contain;display:block}.image-option span{display:block;font-size:10px;color:#68756c;padding:4px 24px 2px 0}.image-option button{position:absolute;bottom:4px;right:4px;border:0;padding:0;width:24px;height:24px;background:#edf4ef;color:#245d43;font-size:20px}.workbench{min-width:0;display:flex;flex-direction:column;overflow:hidden}.toolbar{background:#fff;border-bottom:1px solid #e2e8e3;padding:12px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.selected-name{font-size:12px;font-weight:650;width:100%;color:#728078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-tools,.history-tools{display:flex;gap:5px;align-items:center}.history-tools{margin-left:auto}.toolbar button{font-size:12px}.size-control{display:flex;align-items:center;gap:7px;font-size:10px;color:#748278}.size-control input{width:95px;accent-color:#245d43}.size-control output{width:42px}.canvas-viewport{overflow:auto;flex:1;min-height:240px;background:#fff;overscroll-behavior:contain}#comparison-canvas{position:relative;width:2000px;height:1400px;background:white;outline:none}.empty-state{position:absolute;top:70px;left:30px;width:min(680px,calc(100vw - 380px));text-align:center;pointer-events:none;color:#78877b}.empty-state h2{font-size:24px;font-weight:550;color:#3e5746;margin:12px 0}.empty-state .small{font-size:12px;line-height:1.8}.empty-wings{font-size:58px;letter-spacing:10px;color:#b7cabc}.compare-item{position:absolute;touch-action:none;user-select:none;cursor:grab;border:1px solid transparent;border-radius:6px}.compare-item.selected{border:1px dashed #458b62;background:transparent}.compare-item img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.item-label{position:absolute;left:0;top:100%;font-size:10px;line-height:1.3;white-space:nowrap;background:#ffffffdb;border-radius:3px;padding:3px 5px;color:#496553;pointer-events:none;max-width:360px;overflow:hidden;text-overflow:ellipsis;display:none}.selected .item-label{display:block}.resize-handle{display:none;position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;padding:0;border:2px solid white;background:#2f7650;border-radius:4px;cursor:nwse-resize;touch-action:none}.selected .resize-handle{display:block}.canvas-footer{border-top:1px solid #e5ebe7;padding:8px 16px;display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:#839087}#item-count{color:#365541;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}body.library-hidden .compare-layout{grid-template-columns:1fr}body.library-hidden .library{display:none}@media(max-width:900px){.compare-layout{grid-template-columns:230px minmax(0,1fr)}.library{padding:12px}.image-option img{height:80px}.toolbar button span,.size-control>span{display:none}.history-tools{margin-left:0}.empty-state{width:calc(100vw - 280px)}.compare-header{padding:10px 14px;gap:15px}.compare-header h1{font-size:17px}.back{font-size:14px}}@media(max-width:600px){.compare-header{height:70px}.compare-header p{display:none}.compare-layout{height:calc(100dvh - 70px);grid-template-columns:1fr;grid-template-rows:230px minmax(0,1fr)}.library{border-right:0;border-bottom:1px solid #dfe6e1}.library>label,.library-hint{display:none}.library input{padding:8px}.view-filters{position:absolute;right:15px;top:83px;width:190px;margin:0}.library input{width:calc(100% - 204px);min-width:100px}#species-results{display:flex;gap:16px;overflow-x:auto}.species-result{min-width:230px;margin:4px 0 12px}.image-options{display:flex}.image-option{min-width:100px}.image-option img{width:100px;height:70px}.empty-state{top:35px;width:calc(100vw - 60px)}.empty-state h2{font-size:19px}.empty-state p{font-size:12px}.empty-wings{font-size:35px}.toolbar{padding:8px;gap:6px}.size-control input{width:65px}.canvas-footer span:last-child{display:none}body.library-hidden .compare-layout{grid-template-rows:1fr}}