:root{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:#202430;background:radial-gradient(circle at 5% 5%,rgba(57,107,203,.12),transparent 30%),radial-gradient(circle at 95% 95%,rgba(226,109,90,.1),transparent 30%),#f4f7fb;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{max-width:1280px;margin:0 auto;padding:1.5rem;display:grid;gap:1rem;grid-template-columns:1.1fr .9fr}.version-chip{position:fixed;right:.9rem;bottom:.9rem;z-index:10;border:1px solid #c7d6ee;background:#fffffff2;color:#2b3550;border-radius:999px;padding:.36rem .72rem;font-size:.76rem;letter-spacing:.01em;box-shadow:0 8px 22px #172a4f1a}.panel{background:#ffffffeb;border:1px solid #dce4f0;border-radius:20px;padding:1.2rem;box-shadow:0 12px 28px #172a4f14}h1,h2,h3,p{margin-top:0}h1{font-size:1.35rem;margin-bottom:.25rem}.eyebrow{margin:0;color:#4a6aa8;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.subtle{color:#586177;font-size:.92rem}.section-note{margin:.2rem 0 .55rem}label,.status-field,fieldset{display:grid;gap:.42rem;margin-bottom:.9rem}label span,legend{font-size:.84rem;color:#3a4458}.label-line{display:inline-flex;align-items:center;gap:.35rem}.label-line>span:first-child{line-height:1.2}textarea,input,select,button{font:inherit}textarea,input[type=number],select{border:1px solid #c8d3e4;border-radius:10px;padding:.55rem .65rem;background:#fff}input[type=range]{width:100%}input[type=color]{width:100%;height:2.6rem;border-radius:10px;border:1px solid #c8d3e4;padding:.2rem}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.toggle{display:flex;align-items:center;gap:.6rem}.toggle input[type=checkbox]{width:1rem;height:1rem}.preset-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.preset{border:1px solid #c8d3e4;border-radius:10px;background:#f9fbff;padding:.55rem .65rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;color:#2b3550;white-space:normal;cursor:pointer}.preset:hover{border-color:#86a3d6}.chips{display:flex;gap:.3rem}.chips i{width:1rem;height:1rem;border-radius:50%;border:1px solid rgba(32,36,48,.12)}.chips i.transparent-chip{background:linear-gradient(45deg,#e6edf8 25%,transparent 25%),linear-gradient(-45deg,#e6edf8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6edf8 75%),linear-gradient(-45deg,transparent 75%,#e6edf8 75%),#fff;background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.logo-space{border:1px dashed #c9d5e8;border-radius:12px;padding:.7rem .8rem}hr{border:0;border-top:1px solid #e5ebf5;margin:1rem 0}.status-box{border:1px solid #d5deed;border-radius:10px;min-height:2.45rem;padding:.6rem;color:#3a4458;background:#fafcff}.actions{display:flex;gap:.6rem}button{border-radius:10px;border:1px solid #2f5cb2;padding:.58rem .85rem;color:#fff;background:#3f71d7;cursor:pointer}button.help-icon{width:1.1rem;height:1.1rem;min-width:1.1rem;border-radius:999px;border:1px solid #9fb4d8;padding:0;background:#edf3fd;color:#28457d;font-size:.72rem;font-weight:700;line-height:1;cursor:help}button.help-icon:hover{background:#dbe8fb}button.help-icon:focus-visible{outline:2px solid #7995ca;outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.55}.error{margin:.6rem 0 0;color:#b42318;font-size:.88rem}.canvas-wrap{width:fit-content;max-width:100%;overflow:auto;border:1px solid #d8e1ef;border-radius:12px;padding:.65rem;background:#fff}.checker{background:linear-gradient(45deg,#edf1f9 25%,transparent 25%),linear-gradient(-45deg,#edf1f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1f9 75%),linear-gradient(-45deg,transparent 75%,#edf1f9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.canvas-wrap canvas{display:block;max-width:100%;height:auto}.validation,.help{margin-top:1rem;border-top:1px solid #e5ebf5;padding-top:.8rem}.badge{display:inline-block;border-radius:999px;padding:.32rem .7rem;font-size:.8rem;margin-bottom:.45rem}.badge.ok{background:#eaf8ef;color:#1b6f3c;border:1px solid #b9ebca}.badge.bad{background:#fff0ed;color:#a13a2b;border:1px solid #f0c3bb}ul{margin:.35rem 0 0;padding-left:1rem}@media(max-width:980px){main{grid-template-columns:1fr}}@media(max-width:640px){main{padding:.8rem;gap:.75rem}.panel{padding:.9rem;border-radius:14px}.grid.two{grid-template-columns:1fr;gap:.55rem}.preset-list{grid-template-columns:1fr}.actions{flex-direction:column}.version-chip{position:static;justify-self:end}.canvas-wrap{width:100%;padding:.5rem}.canvas-wrap canvas{margin:0 auto}}