.app-select-color[data-v-3c61ac36]{cursor:pointer;display:inline-flex;position:relative}.app-select-color__input[data-v-3c61ac36]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.app-select-color__trigger[data-v-3c61ac36]{align-items:center;background:#e5e7eb;border:1px solid transparent;border-radius:10px;color:#6b7280;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;pointer-events:none;transition:.15s ease;white-space:nowrap}.app-select-color:hover .app-select-color__trigger[data-v-3c61ac36]{background:#d1d5db;color:#374151}.app-select-color__swatch[data-v-3c61ac36]{border:1px solid rgba(0,0,0,.08);border-radius:5px;display:block;flex-shrink:0;height:18px;width:18px}.shape-panel{background:#fff;border:1px solid #eceff4;border-radius:8px;box-shadow:0 12px 32px #1118270d;display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px}.shape-panel__control-block,.shape-panel__controls,.shape-panel__head{display:flex;flex-direction:column;gap:12px;min-width:0}.shape-panel__lead,.shape-panel__title{margin:0}.shape-panel__title{font-weight:800}.shape-panel__lead{color:#4b5563;line-height:1.6}.shape-panel__workspace{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.shape-panel__preview-column{min-width:0}.shape-panel__file-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;min-width:0}.shape-panel__file-name{color:#374151;font-size:14px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shape-panel__file-actions,.shape-panel__modes{display:flex;flex-wrap:wrap;gap:8px}.shape-panel__preview-wrap{align-items:center;background:#f8fafc;border:1px solid #eceff4;border-radius:8px;display:flex;justify-content:center;min-height:420px;overflow:hidden}.shape-panel__preview-wrap--empty{min-height:420px}.shape-panel__canvas{box-shadow:0 16px 34px #0f172a24;display:block;max-height:min(70vh,680px);max-width:100%;touch-action:none}.shape-panel__control-label{color:#111827;font-size:16px;font-weight:800;line-height:1.2}.shape-panel__mode{flex:1 1 135px}.shape-panel__color{align-self:flex-start}.shape-panel__notes{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.shape-panel__note{background:#fbfcfe;border:1px solid #eceff4;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:14px}.shape-panel__note-icon{color:var(--danger-color);height:24px;width:24px}.shape-panel__note-text,.shape-panel__note-title{display:block}.shape-panel__note-title{color:#111827;font-size:14px;font-weight:800}.shape-panel__note-text{color:#6b7280;font-size:13px;line-height:1.45;margin-top:3px}.shape-panel__actions{margin-top:auto}@media(max-width:992px){.shape-panel__workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.shape-panel{padding:16px}.shape-panel__preview-wrap,.shape-panel__preview-wrap--empty{min-height:320px}.shape-panel__file-toolbar{align-items:stretch;flex-direction:column}.shape-panel__file-actions{width:100%}.shape-panel__file-actions .UiButton{flex:1 1 0}}