.reference-ui .toolbar .shape-options.shape-studio{left:12px;right:12px;width:auto;max-width:780px;padding:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #d7e1e7;border-radius:18px;background:#fafcfd;box-shadow:0 10px 28px #183d6026;max-height:75dvh;overflow:auto;overscroll-behavior:contain}
.shape-choice-row{display:flex;gap:5px;flex:1;overflow-x:auto;min-width:0;padding:3px;scrollbar-width:thin}.shape-studio .shape-option{flex:none;width:46px;min-height:46px;height:46px;padding:7px;border-color:transparent;border-radius:12px;background:transparent}.shape-studio .shape-option svg{width:30px;height:30px}.shape-studio .shape-option span{display:none}.shape-studio .shape-option.active{background:#dceff1;border-color:#0e9da7;color:#087681}.shape-style-tools{display:flex;align-items:center;gap:7px}.shape-style-tools>button{width:46px;height:46px;border-radius:12px;background:white;border:1px solid #dbe4e9}.shape-style-tools svg{width:30px;height:30px}.shape-color-control{display:flex;width:44px;height:44px;align-items:center;justify-content:center}.shape-color-control input{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.shape-line-settings{flex:0 0 100%;width:100%;max-width:420px;margin-left:auto;border:1px solid #dce5ea;border-radius:18px;padding:18px;background:#fff;box-shadow:0 4px 12px #2244590a}.shape-line-settings header{display:flex;align-items:center;justify-content:space-between}.shape-line-settings h2{font-size:17px;margin:0}.shape-line-settings header button{width:44px;height:44px;font-size:24px}.shape-dash-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.shape-dash-choices button{min-height:76px;display:grid;place-items:center;gap:6px;border:1px solid #dce4e9;border-radius:12px;font-size:12px;padding:10px;background:#f9fbfc}.shape-dash-choices span{font-size:23px}.shape-line-settings [aria-pressed=true]{background:#e1f3f4;border-color:#0e9da7;color:#087681}.shape-width-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:18px 0 4px}.shape-line-settings input[type=range]{width:100%;height:44px;accent-color:#078d99}.shape-rounded-label{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin:12px 0;background:#f5f8fa;border-radius:12px;padding:10px;font-size:14px}.shape-rounded-label input{width:24px;height:24px;accent-color:#079da6}.shape-arrow-choices{border:0;padding:0;margin:18px 0 0}.shape-arrow-choices legend{font-size:13px;padding:0;margin-bottom:12px}.shape-arrow-choices>div:first-of-type{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:12px;color:#617b8e}#shape-arrow-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}#shape-arrow-grid button{min-height:48px;border:1px solid #dce5ea;border-radius:12px;background:#f9fbfc}#shape-arrow-grid [aria-pressed=true]{background:#e1f3f4;border-color:#0e9da7}#shape-arrow-grid svg{width:32px;height:32px}.shape-arrow-choices small{display:block;font-size:11px;line-height:1.6;margin-top:10px;color:#647c8d}#shape-style-preview{display:block;width:100%;height:60px;margin:8px 0;background:#f6fafb;border-radius:10px}#shape-style-reset{min-height:44px;width:100%;border:1px solid #d8e4e9;border-radius:10px}#shape-settings-status{font-size:12px;margin:6px 0;color:#9d4a18}.shape-studio button:focus-visible{outline:3px solid #0e9da7;outline-offset:2px}
@media(max-width:720px){.reference-ui .toolbar .shape-options.shape-studio{left:8px;right:8px;max-width:none;gap:5px;padding:8px;max-height:70dvh}.shape-choice-row{flex-basis:100%}.shape-style-tools{margin-left:auto}.shape-line-settings{max-width:none;padding:12px}}