#logoMakerPage .wb-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}
.logo-preset-grid,.logo-symbol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0 18px}
.logo-preset-grid button,.logo-symbol-grid button{min-height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#0a0e0a;color:#bdc7b8;cursor:pointer;text-align:left;font-size:13px}
.logo-preset-grid button[aria-pressed="true"],.logo-symbol-grid button[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,#0a0e0a);color:var(--accent)}
.logo-control-group{padding:15px 0;border-top:1px solid var(--line)}.logo-control-group h3{margin:0 0 12px;color:#f3f6f1;font-size:14px}.logo-control-group label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:11px 0;color:#b7c0b3;font-size:13px}.logo-control-group input:not([type="checkbox"]),.logo-control-group select{width:155px}.logo-control-group input[type="text"]{font-size:15px}.logo-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.logo-checks label{justify-content:flex-start;margin:2px 0;padding:9px;border:1px solid var(--line);border-radius:8px}.logo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.logo-drafts{display:grid;gap:7px;margin-top:9px}.logo-draft{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#0a0e0a;color:#dbe2d8;cursor:pointer}.logo-draft small{color:#7e8b78}.logo-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.logo-quality div{padding:10px;background:#0b100b}.logo-quality span{display:block;color:#758172;font-size:9px;letter-spacing:1px}.logo-quality b{font-size:12px;color:#d9e3d4}#logoMakerPage canvas{touch-action:none;cursor:grab}#logoMakerPage canvas:active{cursor:grabbing}
@media(max-width:900px){#logoMakerPage .wb-layout{grid-template-columns:1fr}.logo-preset-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.logo-preset-grid{grid-template-columns:repeat(2,1fr)}.logo-control-group input:not([type="checkbox"]),.logo-control-group select{width:145px}.logo-quality{grid-template-columns:1fr}}