*{box-sizing:border-box}body{color:#22272f;-webkit-font-smoothing:antialiased;background:#f5f6f8;margin:0}main.svelte-1uha8ag{max-width:560px;margin:0 auto;padding:48px 20px 64px;font-family:"M PLUS 1p",system-ui,sans-serif}h1.svelte-1uha8ag{letter-spacing:.02em;text-align:center;color:#1b2230;margin:0 0 24px;font-size:1.3rem;font-weight:800}.body.svelte-1uha8ag{align-items:flex-start;gap:28px;display:flex}.preview.svelte-1uha8ag{background-color:#0000;background-image:linear-gradient(45deg,#e8ebf0 25%,#0000 25%),linear-gradient(-45deg,#e8ebf0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ebf0 75%),linear-gradient(-45deg,#0000 75%,#e8ebf0 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex:none;justify-content:center;align-items:center;width:164px;height:164px;display:flex}.preview.svelte-1uha8ag img:where(.svelte-1uha8ag){border-radius:4px;display:block}.controls.svelte-1uha8ag{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.row.svelte-1uha8ag{gap:10px;display:flex}.row.svelte-1uha8ag>:where(.svelte-1uha8ag){flex:1;min-width:0}.row.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:10px;flex:0 0 44px;height:40px;padding:3px}input[type=text].svelte-1uha8ag,select.svelte-1uha8ag{color:#22272f;background:#fff;border:1px solid #d9dde5;border-radius:10px;width:100%;padding:10px 12px;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input[type=text].svelte-1uha8ag:focus,select.svelte-1uha8ag:focus{border-color:#5989ee;outline:none;box-shadow:0 0 0 3px #5989ee24}.actions.svelte-1uha8ag{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}button.svelte-1uha8ag{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:background .15s,transform 50ms}button.svelte-1uha8ag:active{transform:translateY(1px)}button.primary.svelte-1uha8ag{color:#fff;background:#5989ee;border-color:#4777dd}button.primary.svelte-1uha8ag:hover{background:#4777dd}.url-row.svelte-1uha8ag{align-items:center;gap:10px;margin-top:30px;font-size:.8rem;display:flex}.url-row.svelte-1uha8ag>span:where(.svelte-1uha8ag){color:#8a93a5;flex:none;width:64px;font-size:.72rem;font-weight:700}.url-row.svelte-1uha8ag code:where(.svelte-1uha8ag){color:#39424f;word-break:break-all;overflow-wrap:anywhere;flex:1;min-width:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.95rem}button.copy.svelte-1uha8ag{color:#8a93a5;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;margin:0;padding:6px;font-size:1.15rem;line-height:1;display:inline-flex}button.copy.svelte-1uha8ag:hover{color:#39424f;background:#f0f2f5}button.copy.copied.svelte-1uha8ag{color:#2e9e5b}@media (width<=520px){.body.svelte-1uha8ag{flex-direction:column;align-items:center}.preview.svelte-1uha8ag{width:150px;height:150px}.controls.svelte-1uha8ag{width:100%}}