*{box-sizing:border-box}body{margin:0;background:#e8ece7;color:#294b3c;font:14px system-ui,sans-serif;height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:22px;background:#fff;padding:20px 26px;border-bottom:1px solid #dce2d9;min-height:94px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:#244b39}.brand span{font-weight:300;color:#88947f}.divider{height:30px;border-left:1px solid #dce2d9}header small{font-size:9px;letter-spacing:1.6px;color:#7b8b73}h1{margin:5px 0 0;font:23px Georgia,serif}header>a:last-child{margin-left:auto;color:#355d47;font-size:12px;white-space:nowrap}nav{display:flex;gap:24px;align-items:center;padding:12px 26px;background:#f8faf6;border-bottom:1px solid #d8dfd3;flex-wrap:wrap}button,select{font:inherit;color:inherit;background:white;border:1px solid #d7dfd1;border-radius:5px;padding:7px 12px;cursor:pointer}button:hover{background:#eaf0e4}button:disabled{opacity:.35;cursor:default}.page-controls,.zoom-controls{display:flex;align-items:center;gap:10px}select{padding:6px}output{min-width:42px;text-align:center;font-size:12px}#quality{font-size:11px;color:#7a8970;margin-left:auto}main{flex:1;min-height:0;overflow:auto;position:relative;padding:24px;cursor:grab;overscroll-behavior:contain}main.dragging{cursor:grabbing;user-select:none}#sheet{display:block;max-width:none;background:#fff;margin:0 auto;box-shadow:0 6px 30px #243b2624}#sheet[hidden]{display:none}footer{display:flex;justify-content:space-between;gap:20px;background:#f8faf6;border-top:1px solid #d8dfd3;padding:11px 26px;color:#7a8970;font-size:10px}#error{text-align:center;padding:40px}button:focus-visible,a:focus-visible,select:focus-visible,main:focus-visible{outline:2px solid #46785b;outline-offset:3px}@media(max-width:650px){header{padding:14px;gap:12px}.divider{display:none}h1{font-size:17px}.brand{font-size:20px}header small{font-size:8px}nav{padding:10px;gap:12px}#quality{width:100%;margin:0}main{padding:12px}footer{padding:10px;font-size:9px}}

.brand{display:flex;align-items:center;gap:6px;flex-shrink:0}.lumi-logo{width:126px;height:45px;object-fit:contain}.explore-label{font-size:22px;font-weight:300;color:#819079}#context-note{font-size:10px;color:#7a8970;margin:5px 0 0}#crop-control{display:flex;gap:8px;align-items:center}#crop-control[hidden]{display:none}#crop-view{max-width:260px}@media(max-width:650px){.lumi-logo{width:90px;height:32px}.explore-label{font-size:17px}header{flex-wrap:wrap}header>div{order:3;width:100%}#crop-view{max-width:220px}}

.back-model{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#315d43;color:#fff;padding:10px 14px;border-radius:5px;font-size:12px;font-weight:500;white-space:nowrap}.back-model:hover{background:#244a34}.back-model:focus-visible{outline:2px solid #315d43;outline-offset:4px}@media(max-width:650px){.back-model{padding:8px 10px;font-size:11px}header{gap:10px}header>a:last-child{font-size:10px}}