body{font:16px system-ui;background:#152029;color:#edf1f4;margin:0}main{max-width:1200px;margin:auto;padding:28px}p{color:#bfccd5;line-height:1.5}section{background:#21313d;padding:20px;border-radius:14px;margin:20px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}img,canvas{width:100%;height:auto}label{display:inline-block;margin:8px}input[type=number]{width:65px;padding:8px}button,a{display:inline-block;background:#cbe1d1;color:#142c22;border:0;padding:10px;border-radius:5px;cursor:pointer;margin:5px}small{color:#c0ced8} @media(max-width:700px){.grid{grid-template-columns:1fr}}.recipe-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.recipe-name{display:flex;align-items:center;gap:10px;margin:0}.recipe-name input{padding:10px;border:1px solid #627581;border-radius:6px;min-width:220px}.action{display:flex;align-items:center;gap:3px}.action button{margin:0}.info{position:relative}.info summary{list-style:none;cursor:pointer;border:1px solid #b2c5cc;border-radius:50%;width:18px;height:18px;text-align:center;font:13px Georgia}.info span{display:none;position:absolute;z-index:3;top:25px;right:0;width:230px;padding:12px;background:#0e1920;border:1px solid #627581;border-radius:8px;box-shadow:0 5px 18px #0005;font-size:13px}.info[open] span,.info:hover span,.info:focus-within span{display:block}#recipe{display:flex;flex-wrap:wrap;gap:10px}#recipe label{display:flex;align-items:center;gap:6px;margin:0;background:#192834;padding:10px;border-radius:8px}#recipe input[type=number]{width:48px}#recipe input[type=color]{width:36px;height:32px;padding:0;border:0}
.library-details{margin:20px 0;padding:18px;background:#21313d;border-radius:12px}.library-details>summary{cursor:pointer;font-size:20px;font-weight:600}.history{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.history-card{padding:15px;background:#192834;border-radius:8px}.history-card img{width:100px;height:100px}input,select{padding:8px;border-radius:5px}#save-status{color:#cbe1d1} .blend-color-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}.blend-controls{min-width:0}.blend-controls>.recipe-toolbar:first-child{margin-top:0}.blend-controls #recipe{margin-bottom:18px}.blend-color-layout{margin:22px 0}.palette-panel{box-sizing:border-box;padding:16px;background:#15242e;border:1px solid #526775;border-radius:10px}.palette-panel h3{margin:0 0 12px}.palette-panel label{display:flex;flex-direction:column;gap:6px;margin:10px 0}.palette-panel button{margin:6px 0;width:100%}.palette-panel small{display:block}#recipe{align-content:start}#recipe label{flex:1;min-width:90px}#recipe select{max-width:140px}@media(max-width:850px){.blend-color-layout{grid-template-columns:1fr}.palette-panel{max-width:none}} #token-error{display:block;color:#ff8585;font-size:14px;margin-top:8px}#token-error[hidden]{display:none}#admin-token[aria-invalid=true]{outline:2px solid #ff8585} .palette-confirm{display:flex;align-items:center;gap:10px;margin:8px 0 14px}#palette-preview{display:block;width:64px;height:40px;border:1px solid #91a4af;border-radius:6px;background:#b69b78}#palette-hex{font-family:monospace;font-size:14px}.palette-panel input[type=color]{width:100%;height:40px;padding:3px;cursor:pointer}