:root{--bg:#ffffff;}body{margin:0;font-family:'Segoe UI',sans-serif;background-color:var(--bg);transition:background-color 0.3s ease;}.container{max-width:480px;margin:40px auto;padding:2rem;background:rgba(255,255,255,0.9);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(5px);}h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;}.picker-wrapper{text-align:center;margin-bottom:1.5rem;position:relative;}#togglePicker{background:none;border:none;font-size:2rem;cursor:pointer;color:#333;}#colorInput{position:fixed;opacity:0;pointer-events:none;width:0;height:0;z-index:9999;}.fields{display:flex;flex-direction:column;gap:1rem;}label{font-weight:bold;display:flex;flex-direction:column;font-size:0.9rem;}input[type="text"]{padding:0.5rem;font-family:monospace;font-size:1rem;border:1px solid #ccc;border-radius:8px;margin-top:0.3rem;}@media (max-width: 480px){h1{font-size:1.2rem;}input[type="text"]{font-size:0.9rem;}#togglePicker{font-size:1.5rem;}}