*{box-sizing:border-box}header a{padding:10px 14px;border:1px solid #ffffff45;border-radius:9px;background:#ffffff12;text-decoration:none}.designer{display:grid;grid-template-columns:minmax(260px,1fr) minmax(250px,1fr);gap:24px;align-items:start}form,.preview-panel{padding:22px;background:white;border:1px solid #e0ded7;border-radius:14px;min-width:0}input[type=file]{padding:8px;font-size:14px}input[type=color]{height:48px;padding:4px;cursor:pointer}.colors{display:grid;grid-template-columns:1fr 1fr;gap:16px}#presets{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}#presets button{width:38px;min-height:38px;border:2px solid #14274633;border-radius:10px;margin:0}.phone-preview{background:#f8f5ee;border:1px solid #ddd;border-radius:20px;padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.food-button{padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left;align-items:stretch;min-width:0;min-height:190px;width:100%;color:#142746;background:#edf3f5;font-size:16px;box-shadow:0 3px 9px #14274615;margin:0;border:1px solid #14274620}.food-button img,.placeholder{width:100%;aspect-ratio:1;object-fit:cover;display:block}.placeholder{display:flex;align-items:center;justify-content:center;font-size:62px;background:#14274609}.caption{display:flex;flex-direction:column;gap:8px;padding:12px;overflow-wrap:anywhere}.caption small{font-size:14px}#contrast{font-size:14px}.error{color:#a32424}#picker{display:flex;gap:8px;overflow:auto;margin-top:20px}#picker button{flex:none;max-width:160px;overflow-wrap:anywhere}.preview-panel{position:sticky;top:70px}button:focus-visible{outline:3px solid #bb9150;outline-offset:2px}#photo-canvas[hidden],img[hidden]{display:none!important}@media(max-width:700px){main{padding:16px}.designer{grid-template-columns:1fr}.preview-panel{position:static;order:-1}.phone-preview{max-width:390px}.preview-panel,form{padding:16px}header{padding:14px;gap:10px}header a{font-size:13px}input,select{max-width:100%}h1{font-size:26px}}

[hidden]{display:none!important}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}
