html,body{background:#c9d9e8;height:100%;margin:0;font:13px/1.4 system-ui,sans-serif;overflow:hidden}#view{position:fixed;inset:0}#view canvas{cursor:grab;outline:none;width:100%;height:100%;display:block}#view canvas:active{cursor:grabbing}#flat{position:fixed;inset:0}body.flat #view,body.flat #progress,body.flat #stats{display:none}#progress{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#2f7fd8 35% 65%,#0000) 0 0/50% 100% no-repeat;height:3px;transition:opacity .4s .3s;animation:1.2s linear infinite sweep;position:fixed;top:0;left:0;right:0}body.loading #progress{opacity:1;transition-delay:0s}@keyframes sweep{0%{background-position:-100% 0}to{background-position:200% 0}}#hud{color:#1c2228;background:#ffffffeb;border-radius:10px;width:min(340px,100vw - 24px);padding:10px 12px;position:fixed;top:12px;left:12px;box-shadow:0 2px 10px #0000001f}#row{gap:6px;display:flex}#search{flex:1;position:relative}#mode{border:1px solid #d0d6dc;border-radius:7px;display:flex;overflow:hidden}#mode button{font:inherit;color:#4b5560;cursor:pointer;background:#fff;border:0;padding:0 10px}#mode button[aria-pressed=true]{color:#fff;background:#2f7fd8}#hud input[type=search]{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d0d6dc;border-radius:7px;padding:7px 9px}#search.busy:after{content:"";border:2px solid #d0d6dc;border-top-color:#2f7fd8;border-radius:50%;width:12px;height:12px;margin-top:-7px;animation:.8s linear infinite spin;position:absolute;top:50%;right:10px}@keyframes spin{to{transform:rotate(360deg)}}#stats{color:#4b5560;font-variant-numeric:tabular-nums;margin-top:6px}#hud details{color:#4b5560;margin-top:6px}#hud ul{margin:6px 0;padding-left:16px;font-size:12px}#hud a{color:inherit}[hidden]{display:none!important}#print-start{font:inherit;color:#4b5560;cursor:pointer;background:#fff;border:1px solid #d0d6dc;border-radius:7px;padding:0 10px}body.selecting #print-start{color:#fff;background:#ff7314;border-color:#ff7314}body.selecting #view canvas{cursor:crosshair}body.flat #print-start{display:none}#select-hint{box-sizing:border-box;color:#fff;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;background:#1c2228e0;border-radius:9px;max-width:calc(100vw - 32px);padding:8px 14px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#select-hint b{color:#ffb37a;font-weight:600}#print{box-sizing:border-box;color:#1c2228;background:#fffffff5;border-radius:10px;flex-direction:column;gap:8px;width:min(360px,100vw - 24px);padding:10px 12px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:auto;box-shadow:0 2px 14px #0000002e}#print header{justify-content:space-between;align-items:center;display:flex}#print h2{margin:0;font-size:15px}#print .close{font:inherit;color:#4b5560;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:20px;line-height:1}#print p{margin:0}#print .area,#print .model,#print .hint{color:#4b5560;font-variant-numeric:tabular-nums}#print .hint{font-size:12px}#print .preview{background:linear-gradient(#eef2f6,#d9e0e7);border-radius:8px;flex:220px;min-height:200px;position:relative;overflow:hidden}#print .preview canvas{cursor:grab;width:100%;height:100%;display:block}#print .status{text-align:center;color:#4b5560;pointer-events:none;position:absolute;inset:auto 0 8px}#print form{gap:6px;display:grid}#print label{justify-content:space-between;align-items:center;gap:8px;display:flex}#print input,#print select{font:inherit;border:1px solid #d0d6dc;border-radius:6px;padding:4px 6px}#print input{text-align:right;width:70px}#print .download{font:inherit;color:#fff;cursor:pointer;background:#2f7fd8;border:0;border-radius:7px;padding:9px;font-weight:600}#print .download:disabled{cursor:progress;background:#a9c3e0}body.printing #view{right:min(384px,100vw)}@media (width<=760px){#print{height:62vh;top:auto}body.printing #view{bottom:62vh;right:0}}