*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5}.logo-playground.svelte-qhwo84{background:#f0efee;grid-template-rows:100vh;grid-template-columns:1fr 320px;min-height:100vh;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:300;line-height:1.5;display:grid}.style-toggle.svelte-qhwo84{background:#0000000f;border-radius:3px;gap:2px;padding:3px;display:flex;position:absolute;top:28px;left:50%;transform:translate(-50%)}.style-toggle.svelte-qhwo84 button:where(.svelte-qhwo84){letter-spacing:.08em;text-transform:uppercase;color:#0006;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500}.style-toggle.svelte-qhwo84 button.active:where(.svelte-qhwo84){color:#0d0d0d;background:#fff;box-shadow:0 1px 3px #0000001a}.preview.svelte-qhwo84{justify-content:center;align-items:center;padding:60px;display:flex;position:relative}#logoSvg.svelte-qhwo84{width:min(420px,100%);height:min(420px,100%)}#lockupSvg.svelte-qhwo84{width:min(600px,100%);display:none}.preview--transparent{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.panel.svelte-qhwo84{background:#fff;border-left:1px solid #00000014;flex-direction:column;gap:36px;padding:32px 28px 60px;display:flex;overflow-y:auto}.panel-title.svelte-qhwo84{letter-spacing:.15em;text-transform:uppercase;color:#00000059;font-size:.7rem}.theme-grid.svelte-qhwo84{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px;display:grid}.theme-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:3px;transition:transform .1s;position:relative}.theme-swatch:hover{transform:scale(1.12)}.theme-swatch.active{border-color:#00000080}.theme-swatch span{color:#fff;white-space:nowrap;pointer-events:none;background:#0d0d0d;border-radius:2px;padding:3px 6px;font-size:.65rem;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.theme-swatch:hover span{display:block}.color-rows.svelte-qhwo84{flex-direction:column;gap:16px;margin-top:14px;display:flex}.color-row.svelte-qhwo84{align-items:center;gap:10px;display:flex}.color-row.svelte-qhwo84 label:where(.svelte-qhwo84){color:#0009;flex:1;font-size:.8rem}.color-row.svelte-qhwo84 input[type=color]:where(.svelte-qhwo84){cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:32px;height:32px;padding:2px}.color-row.svelte-qhwo84 input[type=text]:where(.svelte-qhwo84){color:#0d0d0d;background:#fafafa;border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:90px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:.8rem}.download-btn.svelte-qhwo84{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0d0d0d;border:none;border-radius:2px;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500}.download-btn.svelte-qhwo84:hover{background:#333}.color-row.svelte-qhwo84 input[type=text]:where(.svelte-qhwo84):focus{border-color:#00000059;outline:none}