.ig-page{--border:#d9d7de;--panel:#f5f4f7;--accent:#162e64;--accent-contrast:#fff;--muted:#6f6b78;--error:#c22f2f;--canvas:#fff;--checker:#ecebef;max-width:80rem;accent-color:var(--yoshinyan-orange);margin:0 auto;padding:2rem 1rem 4rem}@media (prefers-color-scheme:dark){.ig-page{--border:#3a3841;--panel:#201f24;--accent:#fb713c;--accent-contrast:#041b55;--muted:#a09caa;--error:#ef8080;--canvas:#2a2930;--checker:#35343c}}.ig-section{min-width:0;margin-top:2rem}.ig-section h2{margin:0 0 .75rem;font-size:1.1rem}.ig-style{border:1px solid var(--border);background:var(--panel);border-radius:.9rem;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);align-items:start;gap:1.25rem;padding:1rem;display:grid}@media (width<=40rem){.ig-style{grid-template-columns:minmax(0,1fr)}}.ig-preview{flex-direction:column;align-items:center;gap:.5rem;display:flex}.ig-preview-label{color:var(--muted);font-size:.85rem}.ig-preview-icon{border:1px solid var(--border);background-color:var(--canvas);background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:.6rem;justify-content:center;align-items:center;width:100%;min-height:12rem;display:flex}.ig-preview-icon svg{max-width:100%;height:auto}.ig-controls{gap:1rem;min-width:0;display:grid}.ig-field{gap:.4rem;min-width:0;display:grid}.ig-field-label{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.ig-field-label output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.ig-hint{color:var(--muted);margin:0;font-size:.85rem;line-height:1.6}.ig-field input[type=number],.ig-field input[type=search],.ig-color-text{border:1px solid var(--border);font:inherit;background:var(--canvas);color:inherit;border-radius:.5rem;min-width:0;padding:.5rem .6rem}.ig-field input[type=range]{width:100%}.ig-field input[type=number]{width:7rem}.ig-color-row{align-items:center;gap:.5rem;display:flex}.ig-color-picker{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.5rem;width:2.75rem;height:2.25rem;padding:0}.ig-color-text{width:7.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ig-swatches{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.ig-swatch{border:1px solid var(--border);cursor:pointer;border-radius:.35rem;width:1.5rem;height:1.5rem;padding:0}.ig-swatch-on{outline:2px solid var(--accent);outline-offset:2px}.ig-choices{flex-wrap:wrap;gap:.35rem .9rem;display:flex}.ig-choice{align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.ig-filters{gap:.75rem;display:grid}.ig-search input{width:min(100%,22rem)}.ig-categories{gap:.4rem}.ig-tab{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .8rem;font-size:.9rem}.ig-tab-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.ig-list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin:1rem 0 .75rem;display:flex}.ig-count{color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;font-size:.9rem;display:flex}.ig-head-actions{gap:.5rem;display:flex}.ig-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.ig-card{border:1px solid var(--border);background:var(--panel);border-radius:.75rem;flex-direction:column;gap:.5rem;min-width:0;padding:.75rem .5rem .5rem;display:flex}.ig-card-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ig-card-main{cursor:pointer;justify-items:center;gap:.4rem;display:grid;position:relative}.ig-card-main input[type=checkbox]{position:absolute;top:0;left:0}.ig-icon{background:var(--canvas);border-radius:.5rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.ig-card-name{text-align:center;overflow-wrap:anywhere;font-size:.85rem}.ig-card-actions{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.ig-chip{border:1px solid var(--border);background:var(--canvas);color:inherit;font:inherit;cursor:pointer;border-radius:.4rem;padding:.2rem .45rem;font-size:.75rem}.ig-chip:hover{border-color:var(--accent)}.ig-empty{color:var(--muted);margin:1.5rem 0}.ig-credit{color:var(--muted);margin:1rem 0 0;font-size:.85rem}.ig-export{border:1px solid var(--border);background:var(--panel);border-radius:.9rem;gap:1rem;padding:1rem;display:grid}.ig-export-action{justify-items:start;gap:.5rem;margin-top:1rem;display:grid}.ig-btn{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:.6rem;padding:.6rem 1rem;font-weight:600}.ig-btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.ig-btn-secondary{color:inherit;background:0 0;padding:.4rem .75rem;font-size:.9rem}.ig-btn:disabled{opacity:.5;cursor:not-allowed}.ig-linkbtn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.ig-error{color:var(--error);margin:.5rem 0 0;font-size:.9rem}