.inspector-tool{--pin-top:64px;--tool-pad-x:clamp(12px, 3vw, 56px);--tool-pad-top:clamp(20px, 3vw, 40px)}@media (width>=1251px){.inspector-tool{--pin-top:72px}}.inspector-tool{padding:var(--tool-pad-top) var(--tool-pad-x) 80px;flex-direction:column;width:100%;max-width:1840px;margin:0 auto;display:flex}body.sticker-strip-on .inspector-tool{--pin-top:calc(max(100vw, 1080px) / 12 + 16px)}.inspector-tool .si-workspace{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) 520px;align-items:start;gap:18px 22px;display:grid}.inspector-tool .si-hero{border:1px solid #383c46;border-radius:12px;grid-area:1/1;padding:clamp(18px,2.2vw,32px)}.inspector-tool .si-hero h1{font-size:clamp(26px,3vw,40px)}.inspector-tool .si-picker{flex-direction:column;grid-area:3/1;gap:18px;display:flex}.inspector-tool .si-search{top:var(--pin-top);z-index:20;background:#202228;border-bottom:1px solid #383c46;flex-wrap:wrap;grid-area:2/1;align-items:center;gap:8px 12px;padding:4px 0 12px;display:flex;position:sticky}.inspector-tool .si-search .ig-search{flex:220px;min-width:0}.inspector-tool .si-search-count{color:#f5f6f7b8;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(12px,1.4vw,14px)}.inspector-tool .si-select{max-width:220px;height:40px;padding:0 12px;font-size:clamp(14px,1.6vw,16px)}.inspector-tool .si-loading{justify-content:center;padding:48px 0;display:flex}.inspector-tool .si-coll-load{align-self:flex-start}.inspector-tool .si-coll{flex-direction:column;gap:10px;display:flex}.inspector-tool .si-coll-name{align-items:baseline;gap:8px;margin:0;display:flex}.inspector-tool .si-coll-count{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;opacity:.6}.inspector-tool .si-featured-hint{opacity:.65;margin:0;font-size:.8rem;line-height:1.4}.inspector-tool .si-kind-seg{flex:100%}.inspector-tool .si-kind-seg .option{flex:1;min-width:0}.inspector-tool .si-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.inspector-tool .ig-attach-card{border-top:4px solid var(--card-color,#40444e);padding-top:5px}.inspector-tool .ig-attach-card[aria-pressed=true]{border-color:#3fa367;border-top-color:var(--card-color,#3fa367);box-shadow:inset 0 0 0 1px #3fa367}.inspector-tool .ig-attach-badge{color:#f5f6f7b8;text-transform:capitalize;font-size:.68rem}.inspector-tool .ig-attach-price{font-variant-numeric:tabular-nums}.inspector-tool .si-side{flex-direction:column;grid-area:1/2/-1;gap:14px;display:flex}.inspector-tool .si-side .ig-preview-info{text-align:left;flex-flow:wrap;justify-content:space-between;align-items:center;gap:6px 14px}.inspector-tool .si-np-meta{color:#f5f6f7b8;font-size:clamp(12px,1.4vw,14px)}.inspector-tool .si-item-link{display:inline-block}@media (width>=1101px){.inspector-tool .si-side{top:var(--pin-top);max-height:calc(100vh - var(--pin-top) - 16px);overscroll-behavior:contain;position:sticky;overflow-y:auto}.inspector-tool .si-side::-webkit-scrollbar{width:10px}.inspector-tool .si-side::-webkit-scrollbar-thumb{background:#383c46;border-radius:5px}.inspector-tool .si-side::-webkit-scrollbar-track{background:0 0}.inspector-tool .si-side .charm-preview .sp-canvas-shell{max-width:clamp(200px, 100vh - var(--pin-top) - 444px, 460px)}}@media (width<=1100px){.inspector-tool .si-workspace{flex-direction:column;align-items:stretch;gap:16px;display:flex}.inspector-tool .si-hero{margin:calc(-1 * var(--tool-pad-top)) calc(-1 * var(--tool-pad-x)) 0;border:none;border-bottom:1px solid #383c46;border-radius:0;order:0}.inspector-tool .si-search{order:1;position:static}.inspector-tool .si-picker{order:3}.inspector-tool .si-side{top:var(--pin-top);z-index:18;max-height:calc(100vh - var(--pin-top));background:#202228;order:2;padding-bottom:8px;position:sticky;overflow:hidden}.inspector-tool .si-side .sticker-preview,.inspector-tool .si-side .charm-preview{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;gap:10px;display:grid}.inspector-tool .si-side .ig-panel{gap:10px;padding:12px}.inspector-tool .si-side .sp-canvas-shell{max-width:min(200px,44vw)}.inspector-tool .si-side .ig-panel.sp-controls{grid-template-columns:minmax(0,1fr);gap:10px}.inspector-tool .si-side .cp-stops{flex-wrap:nowrap;overflow-x:auto}}@media (width<=1100px) and (height<=560px){.inspector-tool .si-hero{padding:10px var(--tool-pad-x)}.inspector-tool .si-hero h1{font-size:20px}.inspector-tool .si-hero p{display:none}.inspector-tool .si-side{overscroll-behavior:contain;max-height:58vh;overflow-y:auto}.inspector-tool .si-side .sp-canvas-shell{max-width:min(120px,28vh)}.inspector-tool .si-side .ig-panel{gap:8px;padding:8px}.inspector-tool .si-side .ig-panel.sp-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.inspector-tool .si-side .cp-stops{display:none}.inspector-tool .si-side .ig-preview-info{gap:4px;padding-top:6px}.inspector-tool .si-side .ig-preview-name{font-size:clamp(14px,1.6vw,16px)}.inspector-tool .si-side .si-item-link{background:0 0;border:none;padding:0;font-size:clamp(12px,1.4vw,14px);text-decoration:underline}}.si-select .select-dot,.si-select-color .select-dot{border:1px solid #ffffff38;border-radius:3px;width:14px;height:14px}
