.bg-shell{--bg-ink:#253f3b;--bg-muted:#627b77;--bg-line:#dbe6e2;color:var(--bg-ink)}.bg-intro{padding:24px 0 35px;position:relative}.bg-kicker{font:600 11px/1.5 monospace;letter-spacing:.15em;color:#648279}.bg-intro h2{font-size:clamp(32px,5vw,60px);letter-spacing:-.055em;line-height:1.08;margin:17px 0}.bg-intro em{color:#388574;font-style:normal}.bg-intro p{max-width:590px;color:var(--bg-muted);font-size:16px;line-height:1.7}.bg-pill{display:inline-block;background:#e3f3eb;border:1px solid #c4dfd1;padding:9px 17px;border-radius:30px;font-size:12px;color:#32735e}.bg-grid{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--bg-line);border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 25px 70px #23403812}.bg-panel{padding:24px;background:#f6faf7;border-inline-end:1px solid var(--bg-line);display:flex;flex-direction:column;gap:12px}.bg-drop{border:1px dashed #9ebfb2;border-radius:18px;padding:25px 12px;display:flex;align-items:center;flex-direction:column;gap:10px;background:#edf5ef;cursor:pointer;text-align:center}.bg-drop.drag{outline:3px solid #478e75}.bg-drop input{display:none}.bg-drop span{font-size:35px;color:#609a82}.bg-drop small{font-size:10px;color:var(--bg-muted)}.bg-panel details{border-top:1px solid var(--bg-line);padding-top:15px}.bg-panel summary{font-size:14px;font-weight:650;cursor:pointer;margin-bottom:14px}.bg-panel label:not(.bg-drop){display:block;font-size:12px;font-weight:600;margin:12px 0}.bg-panel input[type=range]{width:100%;accent-color:#39836c;display:block;margin-top:10px}.bg-panel select{width:100%;border:1px solid var(--bg-line);padding:10px;background:#fff;border-radius:9px;color:#253f3b}.bg-link{background:none;border:0;color:#327b64;font:inherit;font-size:12px;cursor:pointer;padding:3px}.bg-muted{color:var(--bg-muted);font-size:12px;line-height:1.75;overflow-wrap:anywhere}.bg-work{padding:25px;min-width:0}.bg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.bg-actions{display:flex;flex-wrap:wrap;gap:8px}.bg-actions .btn{padding:9px 15px;font-size:12px}.bg-shell button{cursor:pointer}.bg-shell button:disabled{opacity:.45;cursor:not-allowed}.bg-stage{height:540px;overflow:auto;margin:20px 0;border:1px solid #e3e8e5;border-radius:18px;display:flex;align-items:center;justify-content:center;background-color:#fafafa;background-image:linear-gradient(45deg,#e9eeeb 25%,transparent 25%),linear-gradient(-45deg,#e9eeeb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9eeeb 75%),linear-gradient(-45deg,transparent 75%,#e9eeeb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.bg-stage canvas{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:crosshair}.bg-stage #bgEmpty{max-width:300px;text-align:center;padding:20px}.bg-stage h3{font-size:24px;margin-top:20px}.bg-empty-icon{font-size:52px;color:#629b86}.bg-error{border:2px solid #d52b43;background:#fff0f2;color:#98122a;padding:15px;border-radius:12px;font-size:13px;font-weight:600}.bg-downloads{margin:18px 0}.bg-notes{border-top:1px solid var(--bg-line);padding-top:22px;margin-top:25px}.bg-notes p{font-size:13px;line-height:1.8;color:var(--bg-muted)}.bg-shell [hidden]{display:none!important}.bg-shell :focus-visible{outline:3px solid #3d9276;outline-offset:3px}.bg-shell [aria-pressed=true]{background:#d8ece2;color:#215c48}.bg-shell progress{width:100%;accent-color:#39836c}@media(max-width:850px){.bg-grid{grid-template-columns:1fr}.bg-panel{border-inline-end:0;border-bottom:1px solid var(--bg-line)}.bg-stage{height:420px}.bg-work{padding:15px}.bg-toolbar{flex-wrap:wrap}}
.bg-stage{position:relative}.bg-busy{position:absolute;inset:0;z-index:2;background:#f4faf4e8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:25px;text-align:center}.bg-busy p{font-size:13px;color:#56776a}.bg-spinner{width:42px;height:42px;border:3px solid #cbdfd3;border-top-color:#3e866b;border-radius:50%;animation:bgspin 1s linear infinite}@keyframes bgspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bg-spinner{animation:none}}
.bg-stage.inspect{display:block}.bg-stage.inspect canvas{display:block;max-width:none;max-height:none;margin:0}