:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#fafbfc;--app-text:#1f2937;--app-muted:#9ca3af}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}html{background:#f3f4f6}body{color:var(--app-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;margin:0;font-family:IBM Plex Sans,SF Pro Display,Segoe UI,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}html,body{height:100%;margin:0;padding:0;overflow:hidden}#app{height:100vh;overflow:hidden}a{color:inherit}*{box-sizing:border-box}.export-panel[data-v-9a2019e1]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.export-panel__scale[data-v-9a2019e1]{align-items:center;gap:8px;display:flex}.export-panel__scale-label[data-v-9a2019e1]{color:#64748b;white-space:nowrap;font-size:12px}.export-panel__scale-btns[data-v-9a2019e1]{gap:4px;display:flex}.scale-btn[data-v-9a2019e1]{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .12s}.scale-btn--active[data-v-9a2019e1]{color:#fff;background:#3b82f6;border-color:#3b82f6}.export-panel__actions[data-v-9a2019e1]{flex-wrap:wrap;gap:8px;display:flex}.export-btn[data-v-9a2019e1]{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .12s}.export-btn[data-v-9a2019e1]:disabled{opacity:.5;cursor:not-allowed}.export-btn--html[data-v-9a2019e1]{color:#166534;background:#f0fdf4}.export-btn--html[data-v-9a2019e1]:hover:not(:disabled){background:#dcfce7}.export-btn--png[data-v-9a2019e1]{color:#1d4ed8;background:#eff6ff}.export-btn--png[data-v-9a2019e1]:hover:not(:disabled){background:#dbeafe}.studio-header[data-v-59b3acbe]{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.studio-header__brand[data-v-59b3acbe]{align-items:center;gap:8px;display:flex}.studio-header__logo[data-v-59b3acbe]{font-size:20px}.studio-header__title[data-v-59b3acbe]{color:#172033;font-size:15px;font-weight:800}.studio-header__sub[data-v-59b3acbe]{color:#94a3b8;font-size:11px}.studio-header__tools[data-v-59b3acbe]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-btn[data-v-59b3acbe]{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .12s}.header-btn[data-v-59b3acbe]:hover{background:#f1f5f9}.form-section[data-v-7f89fe23]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-7f89fe23]{flex-direction:column;gap:4px;display:flex}.form-group--checkbox[data-v-7f89fe23]{flex-direction:row;align-items:center}.form-row[data-v-7f89fe23]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label[data-v-7f89fe23]{color:#475569;font-size:12px;font-weight:600}.form-label--required[data-v-7f89fe23]:after{content:" *";color:#ef4444}.form-label-check[data-v-7f89fe23]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-label-check input[type=checkbox][data-v-7f89fe23]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.form-input[data-v-7f89fe23]{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input[data-v-7f89fe23]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-7f89fe23]::placeholder{color:#94a3b8}.form-hint[data-v-7f89fe23]{color:#94a3b8;text-align:right;font-size:11px}.form-textarea[data-v-7f89fe23]{resize:vertical;min-height:72px}.tag-input-wrapper[data-v-7f89fe23]{cursor:text;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;display:flex}.tag-input-wrapper[data-v-7f89fe23]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.tag-pill[data-v-7f89fe23]{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill__remove[data-v-7f89fe23]{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill__remove[data-v-7f89fe23]:hover{color:#ef4444}.tag-input-field[data-v-7f89fe23]{color:#172033;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.tag-input-field[data-v-7f89fe23]::placeholder{color:#94a3b8}.form-section[data-v-8cc985b8]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-8cc985b8]{flex-direction:column;gap:4px;display:flex}.form-group--checkbox[data-v-8cc985b8]{flex-direction:row;align-items:center}.form-row[data-v-8cc985b8]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label[data-v-8cc985b8]{color:#475569;font-size:12px;font-weight:600}.form-label--required[data-v-8cc985b8]:after{content:" *";color:#ef4444}.form-label-check[data-v-8cc985b8]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-label-check input[type=checkbox][data-v-8cc985b8]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.form-input[data-v-8cc985b8]{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input[data-v-8cc985b8]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-8cc985b8]::placeholder{color:#94a3b8}.form-hint[data-v-8cc985b8]{color:#94a3b8;text-align:right;font-size:11px}.form-textarea[data-v-8cc985b8]{resize:vertical;min-height:72px}.tag-input-wrapper[data-v-8cc985b8]{cursor:text;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;display:flex}.tag-input-wrapper[data-v-8cc985b8]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.tag-pill[data-v-8cc985b8]{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill__remove[data-v-8cc985b8]{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill__remove[data-v-8cc985b8]:hover{color:#ef4444}.tag-input-field[data-v-8cc985b8]{color:#172033;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.tag-input-field[data-v-8cc985b8]::placeholder{color:#94a3b8}.avatar-preview[data-v-8cc985b8]{justify-content:center;padding:8px 0;display:flex}.avatar-preview__img[data-v-8cc985b8]{object-fit:cover;width:72px;height:72px}.avatar-preview__img--circle[data-v-8cc985b8]{border-radius:50%}.avatar-preview__img--rounded[data-v-8cc985b8]{border-radius:12px}.avatar-preview__img--square[data-v-8cc985b8]{border-radius:4px}.form-radio-group[data-v-8cc985b8]{flex-wrap:wrap;gap:16px;display:flex}.form-radio[data-v-8cc985b8]{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.form-radio input[data-v-8cc985b8]{accent-color:#3b82f6}.form-hint--left[data-v-8cc985b8]{text-align:left}.form-section[data-v-f828d43b]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-f828d43b]{flex-direction:column;gap:4px;display:flex}.form-group--checkbox[data-v-f828d43b]{flex-direction:row;align-items:center}.form-row[data-v-f828d43b]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label[data-v-f828d43b]{color:#475569;font-size:12px;font-weight:600}.form-label--required[data-v-f828d43b]:after{content:" *";color:#ef4444}.form-label-check[data-v-f828d43b]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-label-check input[type=checkbox][data-v-f828d43b]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.form-input[data-v-f828d43b]{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input[data-v-f828d43b]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-f828d43b]::placeholder{color:#94a3b8}.form-hint[data-v-f828d43b]{color:#94a3b8;text-align:right;font-size:11px}.form-textarea[data-v-f828d43b]{resize:vertical;min-height:72px}.tag-input-wrapper[data-v-f828d43b]{cursor:text;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;display:flex}.tag-input-wrapper[data-v-f828d43b]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.tag-pill[data-v-f828d43b]{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill__remove[data-v-f828d43b]{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill__remove[data-v-f828d43b]:hover{color:#ef4444}.tag-input-field[data-v-f828d43b]{color:#172033;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.tag-input-field[data-v-f828d43b]::placeholder{color:#94a3b8}.bg-settings[data-v-f828d43b]{border-top:1px dashed #d9e3f0;margin-top:12px;padding-top:12px}.form-radio-group[data-v-f828d43b]{flex-wrap:wrap;gap:16px;display:flex}.form-radio[data-v-f828d43b]{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.form-radio input[data-v-f828d43b]{accent-color:#3b82f6}.form-hint--left[data-v-f828d43b]{text-align:left}.form-section[data-v-96f23c9a]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-96f23c9a]{flex-direction:column;gap:4px;display:flex}.form-group--checkbox[data-v-96f23c9a]{flex-direction:row;align-items:center}.form-row[data-v-96f23c9a]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label[data-v-96f23c9a]{color:#475569;font-size:12px;font-weight:600}.form-label--required[data-v-96f23c9a]:after{content:" *";color:#ef4444}.form-label-check[data-v-96f23c9a]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-label-check input[type=checkbox][data-v-96f23c9a]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.form-input[data-v-96f23c9a]{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input[data-v-96f23c9a]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-96f23c9a]::placeholder{color:#94a3b8}.form-hint[data-v-96f23c9a]{color:#94a3b8;text-align:right;font-size:11px}.form-textarea[data-v-96f23c9a]{resize:vertical;min-height:72px}.tag-input-wrapper[data-v-96f23c9a]{cursor:text;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;display:flex}.tag-input-wrapper[data-v-96f23c9a]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.tag-pill[data-v-96f23c9a]{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill__remove[data-v-96f23c9a]{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill__remove[data-v-96f23c9a]:hover{color:#ef4444}.tag-input-field[data-v-96f23c9a]{color:#172033;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.tag-input-field[data-v-96f23c9a]::placeholder{color:#94a3b8}.form-section[data-v-584654d4]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-584654d4]{flex-direction:column;gap:4px;display:flex}.form-group--checkbox[data-v-584654d4]{flex-direction:row;align-items:center}.form-row[data-v-584654d4]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label[data-v-584654d4]{color:#475569;font-size:12px;font-weight:600}.form-label--required[data-v-584654d4]:after{content:" *";color:#ef4444}.form-label-check[data-v-584654d4]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-label-check input[type=checkbox][data-v-584654d4]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.form-input[data-v-584654d4]{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input[data-v-584654d4]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-584654d4]::placeholder{color:#94a3b8}.form-hint[data-v-584654d4]{color:#94a3b8;text-align:right;font-size:11px}.form-textarea[data-v-584654d4]{resize:vertical;min-height:72px}.tag-input-wrapper[data-v-584654d4]{cursor:text;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;display:flex}.tag-input-wrapper[data-v-584654d4]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.tag-pill[data-v-584654d4]{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill__remove[data-v-584654d4]{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill__remove[data-v-584654d4]:hover{color:#ef4444}.tag-input-field[data-v-584654d4]{color:#172033;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.tag-input-field[data-v-584654d4]::placeholder{color:#94a3b8}.form-desc[data-v-584654d4]{color:#94a3b8;margin:0 0 4px;font-size:12px}.form-section[data-v-daa61b9a]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-daa61b9a]{flex-direction:column;gap:4px;display:flex}.form-group--checkbox[data-v-daa61b9a]{flex-direction:row;align-items:center}.form-row[data-v-daa61b9a]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label[data-v-daa61b9a]{color:#475569;font-size:12px;font-weight:600}.form-label--required[data-v-daa61b9a]:after{content:" *";color:#ef4444}.form-label-check[data-v-daa61b9a]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-label-check input[type=checkbox][data-v-daa61b9a]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.form-input[data-v-daa61b9a]{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input[data-v-daa61b9a]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-daa61b9a]::placeholder{color:#94a3b8}.form-hint[data-v-daa61b9a]{color:#94a3b8;text-align:right;font-size:11px}.form-textarea[data-v-daa61b9a]{resize:vertical;min-height:72px}.tag-input-wrapper[data-v-daa61b9a]{cursor:text;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;display:flex}.tag-input-wrapper[data-v-daa61b9a]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.tag-pill[data-v-daa61b9a]{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill__remove[data-v-daa61b9a]{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill__remove[data-v-daa61b9a]:hover{color:#ef4444}.tag-input-field[data-v-daa61b9a]{color:#172033;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.tag-input-field[data-v-daa61b9a]::placeholder{color:#94a3b8}.tag-pill--focus[data-v-daa61b9a]{color:#166534;background:#f0fdf4}.tag-pill--tag[data-v-daa61b9a]{color:#64748b;background:#f1f5f9}.display-mode-switch[data-v-daa61b9a]{background:#f8fbff;border:1px solid #dbe5f2;border-radius:10px;width:fit-content;display:inline-flex;overflow:hidden}.display-mode-switch__btn[data-v-daa61b9a]{color:#51627d;cursor:pointer;background:0 0;border:none;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s}.display-mode-switch__btn--active[data-v-daa61b9a]{color:#fff;background:#3b82f6}.form-hint--left[data-v-daa61b9a]{text-align:left}.form-section[data-v-2e89cc76]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-2e89cc76]{flex-direction:column;gap:4px;display:flex}.form-group--checkbox[data-v-2e89cc76]{flex-direction:row;align-items:center}.form-row[data-v-2e89cc76]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label[data-v-2e89cc76]{color:#475569;font-size:12px;font-weight:600}.form-label--required[data-v-2e89cc76]:after{content:" *";color:#ef4444}.form-label-check[data-v-2e89cc76]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-label-check input[type=checkbox][data-v-2e89cc76]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.form-input[data-v-2e89cc76]{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input[data-v-2e89cc76]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-2e89cc76]::placeholder{color:#94a3b8}.form-hint[data-v-2e89cc76]{color:#94a3b8;text-align:right;font-size:11px}.form-textarea[data-v-2e89cc76]{resize:vertical;min-height:72px}.tag-input-wrapper[data-v-2e89cc76]{cursor:text;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;display:flex}.tag-input-wrapper[data-v-2e89cc76]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.tag-pill[data-v-2e89cc76]{color:#3b82f6;background:#eff6ff;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill__remove[data-v-2e89cc76]{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill__remove[data-v-2e89cc76]:hover{color:#ef4444}.tag-input-field[data-v-2e89cc76]{color:#172033;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.tag-input-field[data-v-2e89cc76]::placeholder{color:#94a3b8}.form-desc[data-v-2e89cc76]{color:#94a3b8;margin:0;font-size:12px}.link-card[data-v-2e89cc76]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.link-card__row[data-v-2e89cc76]{align-items:center;gap:8px;display:flex}.link-card__remove[data-v-2e89cc76]{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px}.link-card__remove[data-v-2e89cc76]:hover{color:#ef4444}.add-link[data-v-2e89cc76]{border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.add-link__title[data-v-2e89cc76]{color:#64748b;margin:0;font-size:12px;font-weight:600}.add-link__btn[data-v-2e89cc76]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-start;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s}.add-link__btn[data-v-2e89cc76]:hover:not(:disabled){background:#2563eb}.add-link__btn[data-v-2e89cc76]:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.studio-sidebar[data-v-8432b5c3]{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-tabs[data-v-8432b5c3]{scrollbar-width:none;border-bottom:1px solid #e2e8f0;flex-shrink:0;display:flex;overflow-x:auto}.sidebar-tabs[data-v-8432b5c3]::-webkit-scrollbar{display:none}.sidebar-tab[data-v-8432b5c3]{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:12px;font-weight:600;transition:all .12s}.sidebar-tab[data-v-8432b5c3]:hover{color:#334155}.sidebar-tab--active[data-v-8432b5c3]{color:#3b82f6;border-bottom-color:#3b82f6}.sidebar-body[data-v-8432b5c3]{flex:1;padding:20px 16px;overflow-y:auto}.df-card[data-v-251d7e15]{box-sizing:border-box;color:#1e1b4b;isolation:isolate;background:#fff;border-radius:18px;flex-direction:column;width:100%;font-family:-apple-system,Inter,PingFang SC,Noto Sans SC,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 30px #6366f11f}.df-card[data-v-251d7e15]>*{z-index:1;position:relative}.df-card--bg[data-v-251d7e15]:before{content:"";z-index:0;background-image:linear-gradient(180deg, #10172b7a, #10172b47), var(--df-bg-image);filter:saturate(1.05);background-position:50%;background-size:cover;position:absolute;inset:0}.df-card--bg .df-body[data-v-251d7e15]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#ffffffe0}.df-hero[data-v-251d7e15]{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a78bfa 100%);align-items:center;gap:14px;padding:22px 22px 18px;display:flex}.df-hero--no-avatar[data-v-251d7e15]{gap:0}.df-hero--bg[data-v-251d7e15]{background-image:linear-gradient(135deg, #1b264a9e 0%, #47296f85 100%), var(--df-bg-image);background-position:50%;background-size:cover}.df-hero__avatar[data-v-251d7e15]{flex-shrink:0}.df-avatar__img[data-v-251d7e15]{object-fit:cover;border:2px solid #fff9;width:68px;height:68px;display:block}.df-avatar__img--circle[data-v-251d7e15]{border-radius:50%}.df-avatar__img--rounded[data-v-251d7e15]{border-radius:14px}.df-avatar__img--square[data-v-251d7e15]{border-radius:4px}.df-hero__name[data-v-251d7e15]{color:#fff;margin:0;font-size:22px;font-weight:800;line-height:1.15}.df-hero__title[data-v-251d7e15]{color:#ffffffd9;margin:3px 0 0;font-size:13px}.df-hero__meta[data-v-251d7e15]{color:#fffc;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px;display:flex}.df-badge[data-v-251d7e15]{color:#fff;background:#ffffff40;border:1px solid #ffffff80;border-radius:100px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.df-body[data-v-251d7e15]{flex-direction:column;gap:10px;padding:16px 20px 18px;display:flex}.df-intro[data-v-251d7e15]{margin:0;line-height:1.5}.df-intro--short[data-v-251d7e15]{color:#312e81;font-size:14px;font-weight:500}.df-intro--long[data-v-251d7e15]{color:#4c1d95;opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.df-section__title[data-v-251d7e15]{letter-spacing:.06em;text-transform:uppercase;color:#7c3aed;margin:0 0 6px;font-size:10px;font-weight:700}.df-section[data-v-251d7e15]{flex-direction:column;display:flex}.df-pills[data-v-251d7e15]{flex-wrap:wrap;gap:6px;display:flex}.df-pill[data-v-251d7e15]{border-radius:100px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-block}.df-pill--tech[data-v-251d7e15]{color:#5b21b6;background:#ede9fe}.df-pill--focus[data-v-251d7e15]{color:#166534;background:#f0fdf4}.df-pill--tag[data-v-251d7e15]{color:#7c3aed;background:#f5f3ff;font-weight:600}.df-skill-icons[data-v-251d7e15]{align-items:center;padding:4px 0;display:flex}.df-skill-icons img[data-v-251d7e15]{width:100%;max-width:320px;height:auto}.df-links[data-v-251d7e15]{border-top:1px solid #ede9fe;flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.df-link[data-v-251d7e15]{color:#5b21b6;background:#f5f3ff;border-radius:7px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.df-link[data-v-251d7e15]:hover{background:#ede9fe}.df-link--custom[data-v-251d7e15]{background:#faf5ff}.df-motto[data-v-251d7e15]{color:#a78bfa;text-align:left;margin:0;font-size:11px;font-style:italic}.df-motto q[data-v-251d7e15]{quotes:none}.mc-card[data-v-6b391f99]{color:#172033;box-sizing:border-box;isolation:isolate;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;width:100%;padding:34px 30px;font-family:-apple-system,Inter,PingFang SC,Noto Sans SC,sans-serif;font-size:14px;line-height:1.6;display:flex;position:relative;box-shadow:0 4px 24px #3b82f60f}.mc-card[data-v-6b391f99]>*{z-index:1;position:relative}.mc-card--bg[data-v-6b391f99]:before{content:"";z-index:0;background-image:linear-gradient(180deg, #10172a6b, #10172a33), var(--mc-bg-image);background-position:50%;background-size:cover;position:absolute;inset:0}.mc-card--bg[data-v-6b391f99]{border-color:#d6e0ebcc}.mc-card--bg .mc-header[data-v-6b391f99],.mc-card--bg .mc-intro[data-v-6b391f99],.mc-card--bg .mc-socials[data-v-6b391f99],.mc-card--bg .mc-custom-links[data-v-6b391f99],.mc-card--bg .mc-tech[data-v-6b391f99],.mc-card--bg .mc-tags[data-v-6b391f99],.mc-card--bg .mc-motto[data-v-6b391f99]{background:#ffffffe6;border-radius:12px;padding:10px 12px}.mc-header[data-v-6b391f99]{align-items:center;gap:20px;display:flex}.mc-header--no-avatar[data-v-6b391f99]{gap:0}.mc-header--bg[data-v-6b391f99]{background-image:linear-gradient(135deg, #0e1c3a94, #0e1c3a5c), var(--mc-bg-image);color:#fff;background-position:50%;background-size:cover;border-radius:12px;padding:14px}.mc-header--bg .mc-identity__name[data-v-6b391f99],.mc-header--bg .mc-identity__title[data-v-6b391f99],.mc-header--bg .mc-identity__meta[data-v-6b391f99]{color:#fff}.mc-avatar[data-v-6b391f99]{flex-shrink:0}.mc-avatar__img[data-v-6b391f99]{object-fit:cover;width:78px;height:78px;display:block}.mc-avatar__img--circle[data-v-6b391f99]{border-radius:50%}.mc-avatar__img--rounded[data-v-6b391f99]{border-radius:12px}.mc-avatar__img--square[data-v-6b391f99]{border-radius:4px}.mc-identity__name[data-v-6b391f99]{color:#172033;margin:0;font-size:26px;font-weight:700;line-height:1.2}.mc-identity__title[data-v-6b391f99]{color:#64748b;margin:4px 0 0;font-size:14px}.mc-identity__meta[data-v-6b391f99]{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.mc-badge[data-v-6b391f99]{border-radius:100px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.mc-badge--open[data-v-6b391f99]{color:#065f46;background:#d1fae5}.mc-intro[data-v-6b391f99]{color:#334155;border-left:3px solid #3b82f6;margin:0;padding-left:14px;font-size:15px}.mc-socials[data-v-6b391f99],.mc-custom-links[data-v-6b391f99]{flex-wrap:wrap;gap:10px;display:flex}.mc-socials__link[data-v-6b391f99]{color:#334155;background:#f1f5f9;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.mc-socials__link[data-v-6b391f99]:hover{color:#3b82f6;background:#eff6ff}.mc-socials__icon[data-v-6b391f99]{font-size:13px;line-height:1}.mc-tech[data-v-6b391f99],.mc-tags[data-v-6b391f99]{flex-wrap:wrap;gap:8px;display:flex}.mc-pill[data-v-6b391f99]{border-radius:100px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.mc-pill--tech[data-v-6b391f99]{color:#3b82f6;background:#eff6ff}.mc-pill--tag[data-v-6b391f99]{color:#64748b;background:#f1f5f9}.mc-tech__icons[data-v-6b391f99]{align-items:center;width:100%;display:flex}.mc-tech__icons img[data-v-6b391f99]{width:100%;max-width:320px;height:auto}.mc-motto[data-v-6b391f99]{color:#94a3b8;border-top:1px solid #e2e8f0;padding-top:14px;font-size:13px;font-style:italic}.mc-motto q[data-v-6b391f99]{quotes:none}.theme-picker[data-v-fc03f344]{position:relative}.theme-picker__toggle[data-v-fc03f344]{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.theme-picker__toggle[data-v-fc03f344]:hover{background:#e2e8f0}.theme-picker__current[data-v-fc03f344]{color:#3b82f6}.theme-picker__panel[data-v-fc03f344]{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:280px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001a}.theme-picker__option[data-v-fc03f344]{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;padding:14px 16px;transition:background .12s;display:flex}.theme-picker__option[data-v-fc03f344]:last-child{border-bottom:none}.theme-picker__option[data-v-fc03f344]:hover{background:#f8fafc}.theme-picker__option--active[data-v-fc03f344]{background:#eff6ff}.theme-picker__name[data-v-fc03f344]{color:#172033;font-size:13px;font-weight:700}.theme-picker__desc[data-v-fc03f344]{color:#64748b;font-size:11px;line-height:1.4}.theme-picker__tags[data-v-fc03f344]{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.theme-picker__tag[data-v-fc03f344]{color:#64748b;background:#f1f5f9;border-radius:100px;padding:1px 6px;font-size:10px}.studio-preview[data-v-f5c8b6b0]{background:#f1f5f9;flex-direction:column;justify-content:stretch;height:100%;min-height:0;display:flex;overflow:hidden}.studio-preview__canvas-scroll[data-v-f5c8b6b0]{flex:1;min-height:0;padding:32px 24px 16px;overflow-y:auto}.studio-preview__canvas[data-v-f5c8b6b0]{justify-content:center;width:100%;display:flex}.studio-preview__frame[data-v-f5c8b6b0]{background:#fff;border-radius:20px;width:520px;max-width:100%;overflow:hidden;box-shadow:0 8px 48px #3b82f61a}.studio-preview__frame.studio-preview__size--square[data-v-f5c8b6b0],.studio-preview__frame.studio-preview__size--portrait[data-v-f5c8b6b0]{width:520px}.studio-preview__frame.studio-preview__size--landscape[data-v-f5c8b6b0]{width:560px}.studio-preview__theme-strip[data-v-f5c8b6b0]{z-index:8;background:#fff;border:1px solid #dce7f5;border-radius:16px;flex-shrink:0;width:calc(100% - 48px);margin:0 24px 20px;padding:14px;position:sticky;bottom:12px;box-shadow:0 12px 32px #0f172a12}.studio-preview__theme-strip-head[data-v-f5c8b6b0]{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.studio-preview__search-wrap[data-v-f5c8b6b0]{width:min(360px,100%);display:block}.studio-preview__search[data-v-f5c8b6b0]{color:#23314a;background:#f8fbff;border:1px solid #cdd9ea;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px}.studio-preview__search[data-v-f5c8b6b0]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f629}.studio-preview__theme-grid[data-v-f5c8b6b0]{grid-template-columns:repeat(auto-fill,188px);justify-content:center;gap:12px;display:grid}.studio-preview__theme-card[data-v-f5c8b6b0]{cursor:pointer;text-align:left;background:#fbfdff;border:1px solid #dbe8f7;border-radius:12px;flex-direction:column;gap:8px;width:188px;height:192px;padding:8px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.studio-preview__theme-card[data-v-f5c8b6b0]:hover{border-color:#aac5ee;transform:translateY(-2px);box-shadow:0 8px 22px #2563eb24}.studio-preview__theme-card--active[data-v-f5c8b6b0]{background:#eef6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.studio-preview__theme-thumb[data-v-f5c8b6b0]{background:#f6f9ff;border:1px solid #dbe8f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:104px;display:flex;position:relative;overflow:hidden}.studio-preview__theme-thumb.studio-preview__size--square[data-v-f5c8b6b0],.studio-preview__theme-thumb.studio-preview__size--portrait[data-v-f5c8b6b0],.studio-preview__theme-thumb.studio-preview__size--landscape[data-v-f5c8b6b0]{width:160px;height:104px}.studio-preview__theme-thumb-inner[data-v-f5c8b6b0]{transform-origin:0 0;will-change:transform;pointer-events:none;-webkit-user-select:none;user-select:none;width:520px;height:650px;position:absolute;top:0;left:0;transform:scale(.3077)}.studio-preview__theme-thumb-inner.studio-preview__size--square[data-v-f5c8b6b0]{width:520px;height:520px;transform:scale(.3077)}.studio-preview__theme-thumb-inner.studio-preview__size--portrait[data-v-f5c8b6b0]{width:520px;height:650px;transform:scale(.3077)}.studio-preview__theme-thumb-inner.studio-preview__size--landscape[data-v-f5c8b6b0]{width:560px;height:315px;transform:scale(.3302)}.studio-preview__theme-thumb-inner[data-v-f5c8b6b0] article{margin:0!important}.studio-preview__theme-meta[data-v-f5c8b6b0]{flex-direction:column;gap:2px;display:flex;overflow:hidden}.studio-preview__theme-name[data-v-f5c8b6b0]{color:#13233c;font-size:12px}.studio-preview__theme-desc[data-v-f5c8b6b0]{color:#5d6f8a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.studio-preview__empty[data-v-f5c8b6b0]{color:#70829e;margin:0;font-size:13px}@media (width<=760px){.studio-preview[data-v-f5c8b6b0]{gap:0}.studio-preview__canvas-scroll[data-v-f5c8b6b0]{padding:20px 12px 12px}.studio-preview__frame[data-v-f5c8b6b0]{width:min(100%,520px)!important}.studio-preview__theme-strip[data-v-f5c8b6b0]{width:calc(100% - 24px);margin:0 12px 12px;bottom:8px}.studio-preview__theme-strip-head[data-v-f5c8b6b0]{flex-direction:column;align-items:stretch}.studio-preview__search-wrap[data-v-f5c8b6b0]{width:100%}.studio-preview__theme-grid[data-v-f5c8b6b0]{grid-template-columns:repeat(2,188px);justify-content:flex-start;padding-bottom:4px;overflow-x:auto}}.studio-page[data-v-1470a8ea]{flex-direction:column;height:100vh;font-family:-apple-system,Inter,PingFang SC,Noto Sans SC,sans-serif;display:flex;overflow:hidden}.studio-workspace[data-v-1470a8ea]{flex:1;grid-template-columns:360px 1fr;display:grid;overflow:hidden}.studio-workspace__sidebar[data-v-1470a8ea]{overflow:hidden}.studio-workspace__preview[data-v-1470a8ea]{overflow-y:auto}.studio-toast[data-v-1470a8ea]{z-index:9999;pointer-events:none;white-space:nowrap;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.studio-toast--success[data-v-1470a8ea]{color:#d1fae5;background:#1a2636}.studio-toast--error[data-v-1470a8ea]{color:#fecaca;background:#1a2636}.toast-enter-active[data-v-1470a8ea],.toast-leave-active[data-v-1470a8ea]{transition:opacity .2s,transform .2s}.toast-enter-from[data-v-1470a8ea],.toast-leave-to[data-v-1470a8ea]{opacity:0;transform:translate(-50%)translateY(12px)}