.design-workbench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:24px;align-items:start}.design-controls .card{margin-bottom:18px}.design-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.design-channel-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.design-channel-controls .card{padding:22px}.design-controls textarea,.design-controls select{width:100%;background:#161b23;color:#f3f5fa;border:1px solid #334258;border-radius:9px;padding:12px;font:inherit;resize:vertical}.design-controls label small{display:block;color:#93a0b5;font-weight:400;line-height:1.5;margin-top:8px}.design-file input{padding:12px;font-size:12px}.design-remove{display:flex!important;align-items:center;gap:9px;font-size:12px!important}.design-remove input{width:auto!important}.design-preview-column{position:sticky;top:22px}.design-preview-shell{background:linear-gradient(145deg,#202636,#171b25);border-color:#384257}.design-discord{background:#313338;border:1px solid #40424a;border-radius:14px;padding:22px}.design-bot{display:flex;gap:12px;align-items:center;margin-bottom:18px}.design-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#a066ff,#5865f2);font-weight:800;color:white}.design-bot small{display:block;font-size:11px;color:#aeb2c0;margin-top:4px}.design-app-tag{background:#5865f2;color:white;font-size:10px;padding:2px 5px;border-radius:3px;margin-left:4px}.design-embed{border-left:4px solid #9b59ff;border-radius:6px;background:#25262d;padding:19px 20px}.design-embed.theme-blue{border-color:#5865f2}.design-embed.theme-green{border-color:#2ecc95}.design-embed.theme-gold{border-color:#f2b84b}.design-kicker{color:#b8adf1;font-size:10px;letter-spacing:1.7px;font-weight:700}.design-embed h3{font-size:21px;line-height:1.25;margin:10px 0;color:white}.design-embed p{font-size:13px;line-height:1.7;white-space:pre-wrap;color:#d4d7df}.design-footnote{font-size:10px;color:#9095a7;display:block;margin-top:16px}.design-mini-cards{display:grid;gap:9px;margin:12px 0 16px}.design-channel-preview{display:flex;align-items:center;gap:13px;padding:13px;border-radius:8px;background:#282a31;border-left:3px solid #464956;min-height:78px}.design-channel-preview img,.design-image-placeholder{width:58px;height:58px;object-fit:cover;border-radius:10px;flex-shrink:0}.design-image-placeholder{display:grid;place-items:center;background:#373644;color:#b19aee}.design-channel-preview.has-image .design-image-placeholder{display:none}.design-channel-preview img[hidden]{display:none}.design-channel-preview b{font-size:14px;color:white}.design-channel-preview p{font-size:11px;color:#b4b8c4;margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}.design-open{background:#5865f2;border-color:#5865f2;color:white;border-radius:5px;font-size:13px;padding:11px 18px}.design-hint{font-size:12px!important;line-height:1.7;color:#98a4bc!important}.design-actions{display:flex;gap:10px}.design-dialog{width:min(520px,92vw);border:1px solid #4e5267;border-radius:20px;background:linear-gradient(145deg,#262b3a,#171b25);color:#e9edf7;padding:26px;box-shadow:0 25px 100px #0008}.design-dialog::backdrop{background:#080b16ad;backdrop-filter:blur(7px)}.design-dialog-heading{display:flex;justify-content:space-between;align-items:center}.design-dialog h2{font-size:24px;margin:8px 0}.design-dialog p{color:#a7b1c6;font-size:13px;margin:8px 0 22px}.design-choice{display:flex;align-items:center;gap:13px;background:#1c2330;border:1px solid #394356;border-radius:12px;padding:16px;margin:10px 0;cursor:pointer}.design-choice input{width:18px;height:18px;accent-color:#9171ff;margin:0}.design-choice>span:first-of-type{flex:1}.design-choice b{font-size:14px}.design-choice small{display:block;color:#a6afc2;margin-top:5px;font-size:12px}.design-choice-mark{color:#a68aff;opacity:0}.design-choice:has(input:checked){border-color:#9875ff;background:#342948}.design-choice:has(input:checked) .design-choice-mark{opacity:1}.design-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.design-dialog-bottom>span{font-size:12px;color:#b9c0d1}.design-toast{position:fixed;bottom:28px;right:28px;max-width:420px;background:#252b3b;border:1px solid #6d63ad;border-radius:12px;padding:18px;color:#f0eefb;box-shadow:0 15px 60px #0006;z-index:50}.design-toast[hidden]{display:none}@media(max-width:1100px){.design-workbench{grid-template-columns:1fr}.design-preview-column{position:static}.design-preview-shell{max-width:650px}.design-channel-controls{grid-template-columns:1fr 1fr}}@media(max-width:650px){.design-channel-controls,.design-two{grid-template-columns:1fr}.design-discord{padding:16px}.design-actions{flex-wrap:wrap}.design-dialog{padding:20px}.design-toast{left:16px;right:16px;bottom:16px}}

.design-preview-shell{color:#edf0f8}.design-preview-shell .eyebrow{color:#9baef4}.design-preview-shell h2{color:#edf0f8}.design-open:hover{background:#4752c4;color:#fff}.design-controls textarea:focus-visible{outline:3px solid #65a9ff;outline-offset:3px}

.design-banner{width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;border-radius:10px;margin-bottom:14px}.design-banner[hidden]{display:none}.design-channel-preview{padding:18px 16px;min-height:96px}.design-channel-preview img,.design-image-placeholder{width:70px;height:70px}.design-open{width:100%;font-weight:700;margin-top:5px}.crop-dialog{width:min(800px,94vw);max-height:92vh;overflow:auto;background:#202633;color:#edf0f8;border:1px solid #596079;border-radius:18px;padding:24px}.crop-dialog::backdrop{background:#080b16c9}.crop-dialog p{color:#b5bfd0;font-size:13px}.crop-stage{background:#121620;border:1px solid #414d64;border-radius:10px;overflow:hidden;margin:18px 0}.crop-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.crop-stage canvas:active{cursor:grabbing}.crop-dialog label{display:block;font-size:13px}.crop-dialog input[type=range]{width:100%;margin-top:12px;accent-color:#9b59ff}.crop-dialog .design-dialog-bottom{margin-bottom:0}.design-channel-preview p{font-size:12px}.design-dialog{border-radius:10px;background:#313338}.design-choice{border-radius:6px;background:#292b30}.design-choice:has(input:checked){background:#34384c;border-color:#5865f2}.design-choice input{accent-color:#5865f2}.design-choice-mark{display:none}.design-dialog::backdrop{backdrop-filter:none}