:root{--chrome:#161616;--chrome-raised:#1e1e1e;--line:#2c2c2c;--txt:#c9c6c0;--dim:#7a7772;--reg:#e0342b;--cell-ratio:400 / 280}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--chrome);color:var(--txt);flex-direction:column;font:12px/1.45 SF Mono,ui-monospace,Menlo,Consolas,monospace;display:flex;overflow:hidden}header{border-bottom:1px solid var(--line);flex:none;align-items:baseline;gap:16px;padding:10px 16px;display:flex}header h1{color:#efece6;letter-spacing:.14em;margin:0;font-size:13px;font-weight:600}header .hint{color:var(--dim);flex:1;font-size:11px}header .hint b{color:var(--txt);font-weight:600}header .view-link{color:var(--dim);letter-spacing:.1em;flex:none;font-size:11px;text-decoration:none}header .view-link:hover{color:var(--reg)}#wrap{flex:1;min-height:0;display:flex}#grid-scroll{flex:1;padding:14px;overflow:auto}#panel-host{border-left:1px solid var(--line);flex:none;width:290px;padding:8px;overflow-y:auto}#grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.cell{aspect-ratio:var(--cell-ratio);border:1px solid var(--line);background:var(--chrome-raised);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;position:relative;overflow:hidden}.cell svg,.chip svg{width:100%;height:100%;display:block}.cell .wait{color:var(--dim);letter-spacing:.2em;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.cell.cursor{outline:2px solid var(--reg);outline-offset:-2px}.cell.selected{outline:2px dashed var(--reg);outline-offset:-2px}.cell .star{color:#0000;-webkit-text-stroke:1px var(--dim);pointer-events:none;font-size:15px;line-height:1;position:absolute;top:6px;right:8px}.cell.starred .star{color:var(--reg);-webkit-text-stroke:0}.cell .tag{color:var(--dim);letter-spacing:.06em;pointer-events:none;font-size:10px;position:absolute;bottom:6px;left:8px}#library-bar{border-top:1px solid var(--line);background:var(--chrome-raised);flex:none;align-items:center;gap:10px;min-height:96px;padding:8px 14px;display:flex}#library-bar .label{color:var(--dim);letter-spacing:.25em;writing-mode:vertical-rl;flex:none;font-size:10px;transform:rotate(180deg)}#library-items{flex:1;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.chip{width:112px;aspect-ratio:var(--cell-ratio);border:1px solid var(--line);cursor:pointer;border-radius:2px;flex:none;position:relative;overflow:hidden}.chip .remove{width:16px;height:16px;color:var(--txt);background:#141414bf;border-radius:2px;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:2px;right:2px}.chip .remove:hover{color:var(--reg)}.empty{color:var(--dim);font-size:11px}.cell:focus-visible,.chip:focus-visible{outline:2px solid var(--reg);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){.cell{transition:outline-color .1s}}@media (width<=820px){#panel-host{z-index:5;background:var(--chrome);position:fixed;top:42px;bottom:96px;right:0}}