.design-section{border-top:1px solid var(--line);padding:9px 0;margin-top:10px}
.design-section>summary{cursor:pointer;font-size:12px;color:var(--aqua);padding:5px 0;margin-bottom:8px}
.gradient-stop{display:grid;grid-template-columns:70px minmax(0,1fr) 26px;gap:5px;align-items:end;margin-bottom:7px}
.gradient-stop .field{margin:0;min-width:0}.gradient-stop .palette-swatches{display:none}.gradient-stop>.mini{margin-bottom:4px}
.shape-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.shape-option{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 5px;font-size:11px;border:1px solid var(--line);text-transform:capitalize}
.shape-option svg{width:60px;height:50px}.shape-option:hover{border-color:var(--aqua);background:#16f4d015}
.modal:has(.shape-picker){width:min(650px,94vw)}
.modal:has(.path-editor){width:min(950px,96vw)}
.path-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px}.path-editor>div{min-width:0}
#path-preview{width:100%;aspect-ratio:1;display:block;background-color:#182421;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:10% 10%;touch-action:none;border:1px solid var(--line)}
#path-preview circle{cursor:move}.path-nodes{max-height:300px;overflow:auto}.path-command{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--line)}
.path-command>b{width:28px}.path-command label{display:flex;flex-direction:column;gap:3px;font-size:10px;width:65px}.path-command input{width:100%;padding:5px}
#path-error{color:var(--coral);font-size:11px}
@media(max-width:760px){.shape-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.path-editor{grid-template-columns:1fr}#path-preview{max-height:280px}.path-nodes{max-height:220px}}
.modal:has(.gallery-grid)>footer{flex:none;min-width:0}
.modal:has(.gallery-grid)>footer #dialog-error:empty{display:none}
.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;flex-wrap:wrap}
.gallery-pagination,.gallery-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gallery-pagination span{font-size:11px;color:#b6c4bd}
@media(max-width:760px){.gallery-footer{gap:8px}.gallery-pagination{justify-content:space-between;width:100%}.gallery-actions{justify-content:flex-end;width:100%}.modal:has(.gallery-grid)>footer{padding:10px}}

.path-command label{flex-direction:row;align-items:center;width:95px;gap:5px}.path-command input{min-width:0;width:62px}