:root{font-family:Arial,sans-serif;color:#252735;background:#f5f3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100vw - 1260px)/2));border-bottom:1px solid #ded9e7;background:#fff}header nav{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}a{color:#614693;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1260px;margin:0 auto;padding:30px 24px}.eyebrow{color:#7351a2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.heading h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;margin:13px 0}.heading>p:last-child{max-width:850px;color:#6b6673;line-height:1.75}.workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr);gap:22px;margin-top:30px;align-items:start}.card{padding:23px;background:white;border:1px solid #ded9e7;border-radius:12px;margin-bottom:18px;min-width:0}h2{font-size:20px;margin:0 0 18px;letter-spacing:-.4px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.5;color:#5d5766;margin-bottom:14px;min-width:0}input,select{font:14px Arial;width:100%;padding:9px;border:1px solid #d7cedf;border-radius:6px;background:#fbfafd;color:#302a39;min-height:39px}input[type=color]{padding:4px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.check{flex-direction:row;align-items:flex-start}.check input{width:16px;min-height:16px;flex:none;margin-top:2px}button{font:700 12px Arial;color:white;background:#674995;border:1px solid #674995;border-radius:7px;padding:12px 16px;min-height:40px;cursor:pointer}button.secondary{background:white;color:#655078;border-color:#d7cedf}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b8a0d4;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:9px}.fine{font-size:11px;line-height:1.7;color:#746c7f}.preview-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.badge{font-size:10px;background:#efe9f7;color:#684c8a;padding:7px 10px;border-radius:20px}.canvas-wrap{min-height:320px;display:grid;place-items:center;border:1px solid #ded9e7;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#e9e6ed 0% 25%,#faf8fc 0% 50%) 50%/20px 20px;margin:17px 0}.canvas-wrap p{padding:25px;font-size:13px;color:#73677e;background:#ffffffc9;border-radius:7px}canvas{display:block;max-width:100%;width:100%;height:auto;max-height:610px;object-fit:contain}#image-status{font-size:12px;line-height:1.6;min-height:38px}#image-status.error{color:#a13248}.scope{border-top:1px solid #ded9e7;margin-top:20px;padding-top:25px}.scope h2{font-size:17px}.scope p{font-size:12px;line-height:1.8;max-width:950px;color:#736b7b}footer{font-size:11px;color:#746c7f;border-top:1px solid #ded9e7;border-bottom:0;margin-top:15px}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.preview{grid-row:2}.canvas-wrap{min-height:240px}header{align-items:flex-start}header nav{max-width:290px}}@media(max-width:480px){main{padding:24px 14px}.card{padding:17px}.grid{gap:0 10px}header,footer{padding:18px 14px;flex-direction:column;align-items:flex-start}.actions button{flex:1 1 150px}header nav{max-width:none;gap:14px}}

#image-workspace{margin:28px 0}#image-workspace>button{margin:0 0 18px}#image-workspace label{display:block;margin:16px 0}.image-workspace-preview{padding:0 16px;border-left:3px solid var(--accent,#755192)}.image-workspace-preview button{margin:0 12px 12px 0}