.sb-ip-app{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sb-ip-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:#646970;font-size:13px}.sb-ip-spinner{width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:#2271b1;border-radius:50%;animation:sb-ip-spin .6s linear infinite}@keyframes sb-ip-spin{to{transform:rotate(360deg)}}.sb-ip-error{padding:16px;background:#fcf0f1;border:1px solid #d63638;border-radius:6px;color:#d63638;text-align:center;font-size:13px}.sb-ip-error p{margin:0 0 10px}.sb-ip-btn{padding:5px 14px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.sb-ip-btn--secondary{background:#f0f0f1;color:#1d2327}.sb-ip-btn--secondary:hover{background:#e0e0e0}.sb-ip-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sb-ip-search{flex:1;position:relative}.sb-ip-search__icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#a7aaad;pointer-events:none}.sb-ip-search__input{width:100%;padding:6px 28px 6px 30px;border:1px solid #d0d5dd;border-radius:6px;font-size:13px;line-height:1.5;outline:none;box-sizing:border-box;background:#fff;color:#1d2327}.sb-ip-search__input:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.sb-ip-search__clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a7aaad;font-size:16px;cursor:pointer;padding:2px 6px;line-height:1}.sb-ip-search__clear:hover{color:#1d2327}.sb-ip-style-toggle{display:flex;border:1px solid #d0d5dd;border-radius:6px;overflow:hidden;flex-shrink:0}.sb-ip-style-btn{padding:6px 12px;border:none;background:#fff;color:#50575e;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.sb-ip-style-btn:first-child{border-right:1px solid #d0d5dd}.sb-ip-style-btn.is-active{background:#2271b1;color:#fff}.sb-ip-style-btn:not(.is-active):hover{background:#f6f7f7}.sb-ip-results-bar{margin-bottom:6px}.sb-ip-count{font-size:12px;color:#a7aaad}.sb-ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:3px;max-height:320px;overflow-y:auto;padding:1px}.sb-ip-empty{padding:32px 0;text-align:center;color:#646970;font-size:13px}.sb-ip-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid #e0e0e0;border-radius:5px;background:#fff;cursor:pointer;padding:0;transition:all .15s}.sb-ip-tile:hover{border-color:#2271b1;background:#f0f6fc;box-shadow:0 1px 3px #00000014}.sb-ip-tile__svg{display:flex;align-items:center;justify-content:center;color:#1d2327}.sb-ip-tile__svg svg{width:20px;height:20px}.sb-ip-tile:hover .sb-ip-tile__svg{color:#2271b1}@media (max-width: 520px){.sb-ip-toolbar{flex-wrap:wrap}.sb-ip-search{min-width:100%}.sb-ip-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));max-height:280px}}html.dark .sb-ip-app{color:#e0e0e0}html.dark .sb-ip-search__input{background:#2b2e33;border-color:#4a4d52;color:#e0e0e0}html.dark .sb-ip-search__input:focus{border-color:#5b9dd9;box-shadow:0 0 0 1px #5b9dd9}html.dark .sb-ip-search__icon,html.dark .sb-ip-search__clear{color:#8c8f94}html.dark .sb-ip-search__clear:hover{color:#e0e0e0}html.dark .sb-ip-style-toggle{border-color:#4a4d52}html.dark .sb-ip-style-btn{background:#2b2e33;color:#c0c4c8}html.dark .sb-ip-style-btn:first-child{border-right-color:#4a4d52}html.dark .sb-ip-style-btn.is-active{background:#2271b1;color:#fff}html.dark .sb-ip-style-btn:not(.is-active):hover{background:#3a3d42}html.dark .sb-ip-count{color:#8c8f94}html.dark .sb-ip-tile{background:#2b2e33;border-color:#4a4d52}html.dark .sb-ip-tile:hover{border-color:#5b9dd9;background:#1e3a5f}html.dark .sb-ip-tile__svg{color:#e0e0e0}html.dark .sb-ip-tile:hover .sb-ip-tile__svg{color:#5b9dd9}html.dark .sb-ip-empty,html.dark .sb-ip-loading{color:#8c8f94}html.dark .sb-ip-spinner{border-color:#4a4d52;border-top-color:#5b9dd9}html.dark .sb-ip-error{background:#3a1c1e;border-color:#d63638}.sb-ip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200000000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px}.sb-ip-dialog{background:#fff;border-radius:10px;box-shadow:0 16px 48px #00000040;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.sb-ip-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.sb-ip-dialog__title{margin:0;font-size:15px;font-weight:600;color:#1d2327}.sb-ip-dialog__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:#646970;cursor:pointer;border-radius:6px;transition:all .15s}.sb-ip-dialog__close:hover{background:#f0f0f1;color:#1d2327}.sb-ip-dialog__body{padding:12px 16px;overflow-y:auto;flex:1;min-height:0}.sb-ip-dialog__footer{padding:8px 16px;border-top:1px solid #e0e0e0;flex-shrink:0}.sb-ip-dialog__attribution{font-size:11px;color:#a7aaad}.sb-ip-dialog__attribution a{color:inherit;text-decoration:underline}.sb-ip-dialog__attribution a:hover{color:#646970}@media (max-width: 520px){.sb-ip-overlay{padding:8px;align-items:flex-end}.sb-ip-dialog{max-width:100%;max-height:85vh;border-radius:12px 12px 0 0}}html.dark .sb-ip-overlay{background:#000000b3}html.dark .sb-ip-dialog{background:#1e2025;box-shadow:0 16px 48px #00000080}html.dark .sb-ip-dialog__header{border-bottom-color:#4a4d52}html.dark .sb-ip-dialog__title{color:#e0e0e0}html.dark .sb-ip-dialog__close{color:#8c8f94}html.dark .sb-ip-dialog__close:hover{background:#3a3d42;color:#e0e0e0}html.dark .sb-ip-dialog__footer{border-top-color:#4a4d52}html.dark .sb-ip-dialog__attribution{color:#6c6f74}html.dark .sb-ip-dialog__attribution a:hover{color:#8c8f94}.sb-ip-browse-btn{display:inline-flex;align-items:center;gap:5px;float:right;margin-top:6px;padding:4px 10px;border:1px solid #d0d5dd;border-radius:4px;background:#fff;color:#344054;font-size:12px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .15s;line-height:1.4}.sb-ip-browse-btn:hover{background:#f9fafb;border-color:#2271b1;color:#2271b1}.sb-ip-browse-btn:active{background:#f0f6fc}.sb-ip-browse-btn svg{flex-shrink:0}html.dark .sb-ip-browse-btn{background:#2b2e33;border-color:#4a4d52;color:#c0c4c8}html.dark .sb-ip-browse-btn:hover{background:#3a3d42;border-color:#5b9dd9;color:#5b9dd9}html.dark .sb-ip-browse-btn:active{background:#1e3a5f}