/* A live HTML copy of the TurboShelf panel (QuickShelfPanel), for the landing page directions.
   Light by default; add .tsp-dark for the dark appearance. Size it with font-size on .tsp (1em = 1 pt at 1x). */
.tsp{--tsp-bg:#fbfbfc;--tsp-line:rgba(0,0,0,.09);--tsp-ink:#1d1d1f;--tsp-ink2:#6e6e73;--tsp-ink3:#8e8e93;--tsp-tile:#ececf0;--tsp-sel:#0a64e0;--tsp-chip:rgba(0,0,0,.05);--tsp-key:#fff;
  font-size:16px;width:43em;max-width:100%;background:var(--tsp-bg);color:var(--tsp-ink);border-radius:.85em;border:1px solid var(--tsp-line);
  box-shadow:0 .1em .25em rgba(0,0,0,.06),0 1.6em 3.6em -1em rgba(15,23,42,.28);overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em;user-select:none;-webkit-user-select:none;text-align:left}
.tsp.tsp-dark{--tsp-bg:#1f2024;--tsp-line:rgba(255,255,255,.1);--tsp-ink:#f2f2f5;--tsp-ink2:#a1a1aa;--tsp-ink3:#8b8b94;--tsp-tile:#2d2e33;--tsp-chip:rgba(255,255,255,.08);--tsp-key:rgba(255,255,255,.1)}
.tsp:focus-visible{outline:2px solid var(--tsp-sel);outline-offset:3px}
.tsp-head{display:flex;align-items:center;gap:.7em;height:3.4em;padding:0 .8em 0 1em;border-bottom:1px solid var(--tsp-line)}
.tsp-head svg{width:1.15em;height:1.15em;flex:none;stroke:var(--tsp-ink2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tsp-q{flex:1;min-width:0;font-size:1.3em;color:var(--tsp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsp-q:empty::before{content:"Search your shelf";color:var(--tsp-ink3)}
.tsp-q .tsp-caret{display:inline-block;width:1px;height:1.05em;background:var(--tsp-sel);vertical-align:-.15em;animation:tsp-blink 1s steps(1) infinite}
@keyframes tsp-blink{50%{opacity:0}}
.tsp-plus{font-size:1.25em;color:var(--tsp-ink2);padding:0 .2em}
.tsp-app{display:flex;align-items:center;gap:.4em;padding:.3em .55em;border-radius:.45em;background:var(--tsp-chip);font-size:.88em;font-weight:500;white-space:nowrap}
.tsp-app i{width:1.15em;height:1.15em;border-radius:.28em;display:grid;place-items:center;font-style:normal}
.tsp-app i svg{width:.8em;height:.8em;stroke:#fff;stroke-width:2;fill:none}
.tsp-label{font-size:.82em;color:var(--tsp-ink2);padding:.95em 1.25em .45em}
.tsp-rows{position:relative;padding:0 .55em .5em}
.tsp-row{display:grid;grid-template-columns:2.4em 1fr auto;align-items:center;gap:.8em;height:3.4em;padding:0 .75em;border-radius:.55em;cursor:default}
.tsp-row.sel{background:var(--tsp-sel);color:#fff}
.tsp-ico{width:2.4em;height:2.4em;border-radius:.5em;background:var(--tsp-tile);display:grid;place-items:center;overflow:hidden;position:relative}
.tsp-row.sel .tsp-ico{background:rgba(255,255,255,.2)}
.tsp-ico svg{width:1.2em;height:1.2em;stroke:var(--tsp-ink2);fill:none;stroke-width:1.5;stroke-linecap:round}
.tsp-row.sel .tsp-ico svg{stroke:#fff}
.tsp-t{min-width:0}
.tsp-t b{display:block;font-size:.95em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsp-t span{display:block;font-size:.8em;color:var(--tsp-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1em}
.tsp-row.sel .tsp-t span{color:rgba(255,255,255,.85)}
.tsp-r{font-size:.8em;color:var(--tsp-ink2);white-space:nowrap;font-variant-numeric:tabular-nums}
.tsp-row.sel .tsp-r{color:#fff}
.tsp-r .tsp-up{display:inline-block;margin-left:.45em;font-weight:600;color:#1f9d55;opacity:0;transition:opacity .3s}
.tsp-r .tsp-up.on{opacity:1}
.tsp-row.sel .tsp-r .tsp-up{color:#c9f7d8}
.tsp-foot{display:flex;align-items:center;gap:1.1em;height:2.7em;padding:0 1em;border-top:1px solid var(--tsp-line);font-size:.82em;color:var(--tsp-ink2);white-space:nowrap;overflow:hidden}
.tsp-foot kbd{font:inherit;font-size:.9em;padding:.05em .4em;border-radius:.3em;background:var(--tsp-key);box-shadow:inset 0 0 0 1px var(--tsp-line);color:var(--tsp-ink2);margin-right:.4em}
.tsp-foot .tsp-act{margin-left:auto}
.tsp-empty{padding:1.2em 1.25em 1.6em;color:var(--tsp-ink2);font-size:.9em}
/* thumbnails drawn in CSS for the sample images */
.tsp-thumb-slide{background:linear-gradient(#2f6f4e 0 60%,#f2c14e 60%)!important}
.tsp-thumb-slide::before{content:"";position:absolute;left:.35em;top:.6em;width:1.3em;height:.18em;border-radius:.1em;background:#fff;box-shadow:0 .35em 0 -.02em rgba(255,255,255,.6)}
.tsp-thumb-logo{background:#2f6f4e!important}
.tsp-thumb-logo::before{content:"";width:1.05em;height:1.05em;border-radius:50%;border:.17em solid #fff;box-sizing:border-box}
.tsp-thumb-logo::after{content:"";position:absolute;width:.32em;height:.32em;border-radius:50%;background:#fff}