.container{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,Arial;margin:24px auto;max-width:900px;padding:12px}.controls{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.controls label{display:flex;flex-direction:column;font-size:14px;gap:6px}.controls input[type=color],.controls input[type=text],.controls select{font-size:14px;padding:6px 8px}.buttons{align-items:center;display:flex;gap:8px}button{cursor:pointer;padding:8px 12px}.preview{margin-top:12px}.canvas{background:transparent;border:1px solid #ddd;display:block;margin-top:8px}.min-h-screen{align-items:center;display:flex;justify-content:center}.container-wrapper{margin:0 auto;max-width:1200px;padding:2rem;width:100%}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}input[type=color]::-moz-color-swatch{border:none;border-radius:6px}@media (max-width:768px){.container-wrapper{padding:1rem}.min-h-screen{align-items:flex-start;padding-top:2rem}}