.dk-designer{background:#fff;border:1px solid #E8E8F0;border-radius:14px;padding:16px;margin:0 0 18px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}
.dk-head{display:flex;flex-direction:column;gap:2px}
.dk-head strong{font-size:16px;color:#1B1B2F}
.dk-head span{font-size:13px;color:#5C6275}
.dk-stage{background:repeating-conic-gradient(#f3f1fb 0 25%,#fff 0 50%) 0 0/20px 20px;border-radius:12px;overflow:hidden}
.dk-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:move}
.dk-tabs{display:flex;gap:8px}
.dk-tabs button{flex:1;border:1px solid #D9D3F2;background:#fff;color:#1B1B2F;border-radius:999px;padding:8px 12px;font-weight:600;cursor:pointer}
.dk-tabs button.is-on{background:#6A1BF0;border-color:#6A1BF0;color:#fff}
.dk-pane[hidden]{display:none}
.dk-file{display:block;border:2px dashed #C9BDF5;border-radius:10px;padding:12px;font-size:14px;color:#1B1B2F;cursor:pointer;background:#FAF8FF}
.dk-file input{display:block;margin-top:8px;max-width:100%}
.dk-status{display:block;margin-top:6px;color:#5C6275}
.dk-text{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #D9D3F2;border-radius:8px;font-size:15px}
.dk-color-l{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px}
.dk-row{display:flex;gap:12px;flex-wrap:wrap}
.dk-row label{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#5C6275}
.dk-row input[type=range]{accent-color:#6A1BF0;width:100%}
.dk-row select{padding:8px;border:1px solid #D9D3F2;border-radius:8px;background:#fff}
.dk-reset{align-self:flex-start;border:0;background:none;color:#6A1BF0;font-weight:600;cursor:pointer;padding:0}