.logo-workspace{display:grid;grid-template-columns:310px 1fr;gap:25px;padding-top:0!important}.logo-controls{padding:20px;border:1px solid #345d43;border-radius:12px}.logo-controls details{padding:13px 0}.logo-controls details:first-child{border:0}.logo-controls summary{font-size:15px;margin-bottom:15px}.logo-controls label{margin-bottom:15px}.logo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.logo-colors input{padding:3px;height:42px;cursor:pointer}.logo-controls .commitmentcheck input{width:auto;min-height:0}.logo-canvas{padding:24px;border:1px solid #345d43;border-radius:12px;background:#11281b}.logo-canvas details{margin-top:20px}.logo-canvas summary{font-size:14px}#logopreview{background-color:#ebefed;background-image:linear-gradient(45deg,#cdd5d0 25%,transparent 25%),linear-gradient(-45deg,#cdd5d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cdd5d0 75%),linear-gradient(-45deg,transparent 75%,#cdd5d0 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:9px;max-width:540px;margin:auto;aspect-ratio:1}#logopreview svg{width:100%;height:auto;display:block}button:disabled{opacity:.4;cursor:default}.logo-canvas input[type=file]{max-width:260px}.app-tools{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.logo-workspace{grid-template-columns:1fr}.logo-canvas{order:-1;padding:17px}.logo-controls{padding:17px}.logo-canvas .actions{gap:10px}.logo-canvas .actions button{font-size:11px;padding:12px 14px}}@media(max-width:700px){.app-tools{grid-template-columns:1fr}}
