: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;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}:root{--kemira-blue: #0066CC;--ink: #1B1F23;--bg: #FFFFFF;--panel: #F3F6FA;--stroke: #D0D7DE;--muted: #66727F;--accent: #0066CC;--tab-bg: #E9EEF5;--teams-accent-purple: #8B8CF5}@media(prefers-color-scheme:dark){:root{--ink: #E7ECF3;--bg: #0D1117;--panel: #171A21;--stroke: #2D333B;--muted: #8B949E;--accent: #3B82F6;--tab-bg: #11151C}}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.wrap{max-width:1400px;margin:28px auto;padding:0 20px}h1{font-size:22px;margin:0 0 16px}.grid{display:grid;grid-template-columns:minmax(320px,480px) 1fr;gap:24px;align-items:start}@media(max-width:1024px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:16px}.divider{height:1px;background:var(--stroke);margin:12px 0;border-radius:1px}.tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--tab-bg);border:1px solid var(--stroke);border-radius:10px;padding:8px;margin-bottom:12px}.tabBtn{appearance:none;border:1px solid var(--stroke);background:var(--bg);color:var(--ink);padding:8px 10px;font-weight:600;border-radius:8px;cursor:pointer;font-size:13px}.tabBtn.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.tabPanel{display:none}.tabPanel.active{display:block}.row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.row label{min-width:160px;color:var(--muted)}@media(max-width:520px){.row label{min-width:100%}}input[type=number],input[type=text],select{padding:6px 10px;border-radius:6px;background:var(--bg);color:var(--ink);border:1px solid var(--stroke)}input[type=text]{min-width:180px}input[type=color]{width:40px;height:28px;border:1px solid var(--stroke);background:transparent}input[type=range]{width:180px;max-width:100%}button{padding:10px 14px;font-weight:600;border-radius:8px;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--panel);border:1px solid var(--stroke);color:var(--ink)}.btn-danger{background:#dc3545;color:#fff}.previewBox{border:1px dashed var(--stroke);border-radius:10px;padding:22px;min-height:280px;background:repeating-conic-gradient(#e5e5e5 0% 25%,#f5f5f5 0% 50%) 50% / 18px 18px}@media(prefers-color-scheme:dark){.previewBox{background:repeating-conic-gradient(#1d1f23 0% 25%,#14161a 0% 50%) 50% / 18px 18px}}.previewBox svg{display:block;margin:auto}.gridPanel{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:12px;display:block;overflow:visible}.sectionTitle{font-weight:700;margin:8px 0 6px}.small{font-size:12px}.muted{color:var(--muted);font-size:12px}.iconGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}@media(max-width:1200px){.iconGrid{grid-template-columns:repeat(6,minmax(80px,1fr))}}@media(max-width:980px){.iconGrid{grid-template-columns:repeat(4,minmax(80px,1fr))}}@media(max-width:520px){.iconGrid{grid-template-columns:repeat(3,minmax(80px,1fr))}}.tile{border:1px solid var(--stroke);border-radius:10px;padding:8px;background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.tile .thumb{display:flex;align-items:center;justify-content:center;width:100%;height:auto}.tile .size{font-size:12px;color:var(--muted)}.tile.clickable{cursor:pointer}.tile.clickable:hover{outline:2px solid var(--accent)}.tile.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.tile.disabled{opacity:.55;filter:saturate(.8);pointer-events:none}.tile svg{max-width:100%;height:auto}.teamsAppBar{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .12s ease-in-out,color .12s ease-in-out;background:transparent}.teamsAppBarDark{color:#fff;background:#0a0a0a}.teamsAppBarDark:hover{background:#2f2f2f;color:var(--teams-accent-purple)}.teamsAppBarLight{color:#616161;background:#ebebeb}.teamsAppBarLight:hover{background:#dadada;color:var(--teams-accent-purple)}.teamsAppBar svg,.teamsAppBar svg *{fill:currentColor!important;stroke:currentColor!important}.teamsAppBar svg{width:32px;height:32px;display:block}