:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.svgFramesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem}.svgThumb{border:1px solid #314263;border-radius:10px;padding:.45rem;background:#0d1524;cursor:grab}.svgThumb.dragging{opacity:.6;border-color:#6f93ff}.svgThumb.overlay{opacity:.95;box-shadow:0 10px 30px #00000059}.svgThumb.off{opacity:.5}.svgThumbPreview{height:90px;border:1px solid #2a3857;border-radius:8px;display:grid;place-items:center;overflow:hidden;margin-bottom:.45rem}.svgThumbPreview svg{width:100%;height:100%}.svgThumbRow{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.35rem}.svgThumbAdd{cursor:pointer;min-height:160px;display:grid;place-items:center;text-align:center;border-style:dashed}.svgPlus{font-size:2rem;line-height:1;color:#9db8f5}.svgBigPreview{min-height:66vh;max-height:66vh;border:1px solid #314263;border-radius:10px;background:#0d1524;display:grid;place-items:center;overflow:hidden}.svgBigPreview svg{width:100%;height:100%}.globalDropHint{position:fixed;inset:0;background:#101828b8;border:2px dashed #8eb0ff;color:#dbe7ff;display:none;place-items:center;z-index:50;font-size:1.2rem}.globalDropHint.active{display:grid}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0f1115;color:#eaf0ff}.app{width:100%;max-width:none;margin:0;padding:2rem 1.5rem 3rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}.topbar h1{margin:0;font-size:1.8rem}.topbar p{margin:.4rem 0 0;color:#9da8c4}.pill{border:1px solid #293042;border-radius:999px;padding:.35rem .75rem;color:#9da8c4;font-size:.85rem}.controls{display:grid;gap:.9rem;margin-bottom:1.4rem}.search{width:100%;border:1px solid #2f3b56;border-radius:12px;background:#111827;color:#eaf0ff;padding:.8rem .9rem;font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border:1px solid #2b3347;border-radius:999px;background:#121722;color:#b7c2dd;padding:.35rem .75rem;cursor:pointer}.tag.active{border-color:#4f7cff;color:#dfe8ff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.card{border:1px solid #25314a;background:#111827;border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.9rem}.cardHead{display:grid;grid-template-columns:auto 1fr;gap:.75rem}.icon{font-size:1.35rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:10px;background:#172036}.card h2{margin:0;font-size:1rem}.desc{margin:.35rem 0 0;color:#a5b2d2;font-size:.88rem}.chipWrap{display:flex;flex-wrap:wrap;gap:.45rem;align-content:flex-start;min-height:2.2rem}.chip{border:1px solid #2d3953;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;color:#a8b7dc}.openBtn{text-decoration:none;color:#dfe8ff;border:1px solid #3253b8;border-radius:10px;text-align:center;padding:.45rem .6rem;background:#1d3372;cursor:pointer}.openBtn:hover{filter:brightness(1.08)}.card .openBtn{margin-top:auto}.toolPanel{border-top:1px solid #24314f;padding-top:.8rem;display:grid;gap:.7rem}.row{display:flex;gap:.5rem;align-items:center}input,select,textarea{background:#0d1524;color:#eaf0ff;border:1px solid #314263;border-radius:8px;padding:.45rem .55rem}input[type=range]{width:100%}.checks{display:grid;gap:.35rem}.result{margin:0;color:#9fc2ff}.mono{min-height:78px;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.split{grid-template-columns:1fr}.split textarea{min-height:140px;width:100%}.preview{border:1px solid #314263;border-radius:8px;padding:.65rem;background:#0d1524;min-height:140px;overflow-wrap:anywhere}.preview h1,.preview h2,.preview h3{margin:.2rem 0 .5rem}.preview p,.preview ul{margin:.35rem 0}.preview code{background:#1d2942;border-radius:6px;padding:.1rem .3rem}.toolPage{border:1px solid #25314a;background:#111827;border-radius:16px;padding:1rem;display:grid;gap:.8rem}.footer{margin-top:1.2rem;padding-top:.8rem;border-top:1px solid #22304c;color:#9db1de;font-size:.9rem}.footer a{color:#b8ccff}