.designer-tool-modal.modal-overlay{display:none;position:fixed;inset:0;z-index:2100;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--otodark-text-main) 55%,transparent);backdrop-filter:blur(4px);font-family:inherit;color:var(--otodark-text-main)}
.designer-tool-modal.modal-overlay.is-open{display:flex}
.designer-tool-modal .modal-box{display:flex;flex-direction:column;width:min(580px,100%);max-width:100%;max-height:calc(100dvh - 2rem);overflow:hidden;border:1px solid var(--otodark-border);border-radius:14px;background:var(--otodark-bg-card);box-shadow:0 16px 60px color-mix(in srgb,var(--otodark-text-main) 20%,transparent);padding:0}
.designer-tool-modal .figure-picker-box{width:min(1000px,100%)}
.designer-tool-modal .modal-head,.designer-tool-modal .modal-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;flex:none;border-bottom:1px solid var(--otodark-border)}
.designer-tool-modal .modal-head h2{margin:0;font-size:1.1rem;color:var(--otodark-text-main)}
.designer-tool-modal .modal-close{border:0;background:var(--otodark-bg-subtle);color:var(--otodark-text-muted);border-radius:6px;font-size:1.4rem;line-height:1;padding:.4rem .65rem}
.designer-tool-modal .modal-body-inner{padding:1.2rem;overflow:auto;min-height:0}.designer-tool-modal h3{font-size:.9rem;margin:0 0 .8rem;color:var(--otodark-text-main)}
.designer-tool-modal .shape-picker-section{margin-bottom:1.3rem}.designer-tool-modal .shape-picker-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.designer-tool-modal .shape-picker-option{display:grid;place-items:center;gap:.7rem;padding:1rem .4rem;border:1px solid var(--otodark-border);border-radius:8px;background:var(--otodark-bg-subtle);color:var(--otodark-text-main)}
.designer-tool-modal .shape-picker-option i{font-size:1.4rem}.designer-tool-modal .shape-picker-option:hover{border-color:var(--otodark-primary)}
.designer-tool-modal .shape-color-picker-row{display:grid;gap:1rem}.designer-tool-modal .shape-color-palette{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}
.designer-tool-modal .shape-color-swatch{width:32px;height:32px;border:2px solid var(--otodark-border);border-radius:50%;padding:0}.designer-tool-modal .shape-color-swatch[aria-pressed=true]{outline:2px solid var(--otodark-border-focus);outline-offset:2px}
.designer-tool-modal [data-shape-color=text-main],.designer-tool-modal [data-tool-color=text-main]{background:var(--otodark-text-main)}
.designer-tool-modal [data-shape-color=bg-card],.designer-tool-modal [data-tool-color=bg-card]{background:var(--otodark-bg-card)}
.designer-tool-modal [data-shape-color=primary],.designer-tool-modal [data-tool-color=primary]{background:var(--otodark-primary)}
.designer-tool-modal [data-shape-color=success],.designer-tool-modal [data-tool-color=success]{background:var(--otodark-success)}
.designer-tool-modal [data-shape-color=warning],.designer-tool-modal [data-tool-color=warning]{background:var(--otodark-warning)}
.designer-tool-modal [data-shape-color=danger],.designer-tool-modal [data-tool-color=danger]{background:var(--otodark-danger)}
.designer-tool-modal [data-shape-color=info],.designer-tool-modal [data-tool-color=info]{background:var(--otodark-info)}
.designer-tool-modal .shape-custom-color{display:flex;align-items:center;gap:1rem}.designer-tool-modal input[type=color]{width:90px;height:38px;padding:3px;background:var(--otodark-bg-card);border:1px solid var(--otodark-border);border-radius:6px}
.designer-tool-modal .toggle-row{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.designer-tool-modal .form-row{display:flex;flex-wrap:wrap;gap:1rem}.designer-tool-modal .form-group{flex:1;min-width:100px;display:grid;gap:.4rem}.designer-tool-modal input[type=number]{padding:.5rem;border:1px solid var(--otodark-border);border-radius:6px;background:var(--otodark-bg-card);color:var(--otodark-text-main);width:100%}.designer-tool-modal [hidden]{display:none!important}
.designer-tool-modal .modal-footer-inner{border-top:1px solid var(--otodark-border);border-bottom:0;justify-content:flex-end}.designer-tool-modal .btn{border:1px solid var(--otodark-border);border-radius:6px;background:var(--otodark-bg-subtle);color:var(--otodark-text-main);padding:.6rem .9rem}.designer-tool-modal .btn-primary{background:var(--otodark-primary);color:var(--otodark-bg-card)}
.designer-tool-modal .figure-picker-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;overflow:hidden}.designer-tool-modal .figure-picker-groups{display:flex;flex-direction:column;overflow:auto;gap:.4rem;padding:1rem;max-height:65dvh;border-right:1px solid var(--otodark-border)}
.designer-tool-modal .figure-picker-group{border:1px solid var(--otodark-border);border-radius:6px;padding:.6rem;text-align:left;background:var(--otodark-bg-subtle);color:var(--otodark-text-main)}
.designer-tool-modal .figure-picker-items{overflow:auto;max-height:65dvh;display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.6rem;padding:1rem;align-content:start}.designer-tool-modal .figure-picker-item{height:85px;min-width:0;display:grid;place-items:center;border:1px solid var(--otodark-border);border-radius:6px;background:var(--otodark-bg-subtle);padding:.4rem}.designer-tool-modal .figure-picker-item img{width:100%;height:70px;object-fit:contain}
@media(max-width:600px){.designer-tool-modal.modal-overlay{padding:.5rem}.designer-tool-modal .modal-box{max-height:calc(100dvh - 1rem)}.designer-tool-modal .figure-picker-body{grid-template-columns:1fr}.designer-tool-modal .figure-picker-groups{flex-direction:row;max-height:90px;border-right:0;border-bottom:1px solid var(--otodark-border)}.designer-tool-modal .figure-picker-group{flex:none}.designer-tool-modal .figure-picker-items{max-height:55dvh}.designer-tool-modal .shape-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}}