.form-designer-page{display:grid;gap:16px;font-family:sohne-var,SF Pro Display,Segoe UI,PingFang SC,sans-serif;font-feature-settings:"ss01" 1;color:var(--up-color-text)}.form-designer-alert .ant-alert{border-radius:var(--up-radius-md);border:1px solid #d6d9fc;background:var(--up-color-surface);box-shadow:var(--up-shadow-soft)}.form-designer-layout{display:grid;grid-template-columns:15% 70% 15%;gap:16px;align-items:start}.form-designer-side,.form-designer-center{min-width:0}.form-designer-panel,.form-designer-toolbar,.form-designer-canvas{border:1px solid var(--up-color-border);border-radius:var(--up-radius-lg);background:var(--up-color-surface);box-shadow:var(--up-shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-designer-toolbar{display:grid;gap:16px;padding:20px 22px;background:radial-gradient(circle at top right,rgba(249,107,238,.12),transparent 20%),radial-gradient(circle at left top,rgba(83,58,253,.1),transparent 22%),#fffffff5;position:sticky;top:12px;z-index:4}.form-designer-toolbar__main,.form-designer-toolbar__left,.form-designer-toolbar__actions,.form-designer-toolbar__meta{display:flex;align-items:center;gap:12px}.form-designer-toolbar__main{justify-content:space-between;flex-wrap:wrap}.form-designer-toolbar__left{min-width:0}.form-designer-toolbar__title-group{display:grid;gap:6px}.form-designer-toolbar__eyebrow{color:var(--up-color-text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:400}.form-designer-toolbar__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.form-designer-toolbar__title-row .ant-typography{margin:0;color:var(--up-color-text);font-weight:300;letter-spacing:-.64px}.form-designer-toolbar__actions{flex-wrap:wrap;justify-content:flex-end}.form-designer-toolbar__button-secondary{border-color:#d6d9fc;color:var(--up-color-primary);border-radius:var(--up-radius-sm);box-shadow:none}.form-designer-toolbar__button-secondary:hover,.form-designer-toolbar__button-secondary:focus{border-color:var(--up-color-primary)!important;color:var(--up-color-primary-strong)!important;background:#533afd0d!important}.form-designer-toolbar__button-primary{border-radius:var(--up-radius-sm);border-color:var(--up-color-primary)!important;background:var(--up-color-primary)!important;box-shadow:var(--up-shadow-strong)}.form-designer-toolbar__button-primary:hover,.form-designer-toolbar__button-primary:focus{border-color:var(--up-color-primary-strong)!important;background:var(--up-color-primary-strong)!important}.form-designer-toolbar__meta{justify-content:space-between;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--up-color-border)}.form-designer-toolbar__meta-list{display:flex;flex-wrap:wrap;gap:10px}.form-designer-toolbar__meta-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--up-radius-sm);background:var(--up-color-surface);border:1px solid var(--up-color-border);color:var(--up-color-text);font-size:12px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.form-designer-toolbar__status-dot{width:8px;height:8px;border-radius:999px;background:#ea2261}.form-designer-toolbar__status-dot.is-clean{background:#15be53}.form-designer-panel{display:grid;gap:16px;padding:18px}.form-designer-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.form-designer-panel__header h4.ant-typography,.form-designer-panel__section-title h5.ant-typography{margin:0}.form-designer-panel__header .ant-typography-secondary,.form-designer-panel__section-title .ant-typography-secondary{display:block;margin-top:4px;color:var(--up-color-text-muted)}.form-designer-panel__header .ant-typography,.form-designer-canvas__header .ant-typography,.form-designer-property__summary .ant-typography{color:var(--up-color-text);font-weight:300;letter-spacing:-.22px}.form-designer-palette__group-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-designer-palette__item{width:100%;display:grid;gap:10px;padding:14px;border:1px solid var(--up-color-border);border-radius:var(--up-radius-md);background:var(--up-color-surface);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.form-designer-palette__item:hover{transform:translateY(-1px);border-color:#d6d9fc;box-shadow:var(--up-shadow-soft)}.form-designer-palette__item.is-dragging{opacity:.56}.form-designer-palette__item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.form-designer-palette__item-title{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--up-color-text)}.form-designer-palette__quick-add{border-radius:var(--up-radius-sm);border-color:#d6d9fc;color:var(--up-color-primary)}.form-designer-palette__quick-add:hover,.form-designer-palette__quick-add:focus{border-color:var(--up-color-primary)!important;color:var(--up-color-primary-strong)!important;background:#533afd0a!important}.form-designer-canvas{display:grid;gap:16px;padding:18px;background:radial-gradient(circle at top right,rgba(249,107,238,.08),transparent 22%),radial-gradient(circle at left top,rgba(83,58,253,.06),transparent 24%),#fffffffa}.form-designer-canvas__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.form-designer-canvas__metrics{display:flex;gap:10px;flex-wrap:wrap}.form-designer-canvas__metric{min-width:82px;padding:10px 12px;border-radius:var(--up-radius-sm);background:var(--up-color-surface-muted);border:1px solid var(--up-color-border)}.form-designer-canvas__metric strong,.form-designer-canvas__metric span{display:block}.form-designer-canvas__metric strong{font-size:18px;color:var(--up-color-text);font-weight:300;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.form-designer-canvas__metric span{color:var(--up-color-text-muted);font-size:12px}.form-designer-canvas__surface{min-height:680px;padding:22px;border:1px dashed #362baa;border-radius:var(--up-radius-lg);background:linear-gradient(rgba(83,58,253,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(83,58,253,.025) 1px,transparent 1px),#fff;background-size:24px 24px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.form-designer-canvas__surface.is-over{border-color:var(--up-color-primary);box-shadow:inset 0 0 0 1px #533afd2e;background-color:#533afd08}.form-designer-canvas__surface.is-over:before{content:"释放后插入到当前画布";display:inline-flex;margin-bottom:18px;padding:6px 10px;border-radius:var(--up-radius-sm);background:#533afd14;color:var(--up-color-primary);font-size:12px}.form-designer-canvas__list{display:grid;gap:14px}.form-designer-canvas__empty{display:grid;place-items:center;min-height:420px}.form-designer-node{display:grid;gap:12px;padding:16px;border:1px solid var(--up-color-border);border-radius:var(--up-radius-md);background:#fffffff5;box-shadow:var(--up-shadow-soft);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.form-designer-node:hover{transform:translateY(-1px);border-color:#d6d9fc}.form-designer-node.is-selected{border-color:var(--up-color-primary);box-shadow:0 0 0 2px #533afd29,var(--up-shadow-soft)}.form-designer-node.is-hovering{border-color:var(--up-color-primary-strong)}.form-designer-node.is-dragging{opacity:.45}.form-designer-node__header,.form-designer-node__meta,.form-designer-node__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.form-designer-node__title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-designer-node__summary{justify-content:flex-start}.form-designer-node__chip{padding:3px 9px;border-radius:var(--up-radius-sm);background:var(--up-color-surface-muted);border:1px solid var(--up-color-border);color:var(--up-color-text);font-size:12px;font-family:Source Code Pro,SFMono-Regular,monospace;font-feature-settings:"tnum" 1}.form-designer-node__preview{padding:14px;border-radius:var(--up-radius-md);background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #eef3fb;color:var(--up-color-text-muted)}.form-designer-node__children{display:grid;gap:12px;margin-left:18px;padding-left:14px;border-left:1px solid #d6d9fc}.form-designer-property__summary{padding:14px;border-radius:var(--up-radius-md);background:linear-gradient(180deg,#533afd0a,#fff);border:1px solid var(--up-color-border)}.form-designer-property__summary .ant-typography{margin:0}.form-designer-property__summary .ant-typography-secondary{display:block;margin-top:4px}.form-designer-property__placeholder{min-height:420px;display:grid;place-items:center}.form-designer-property__section .ant-form-item{margin-bottom:14px}.form-designer-property__help{display:block;margin-top:4px;color:var(--up-color-text-muted);font-size:12px}.form-designer-field{display:grid;gap:8px;margin-bottom:14px}.form-designer-field__label{color:var(--up-color-text);font-weight:400;font-size:14px}.form-designer-field__control{width:100%;min-height:40px;padding:10px 12px;border:1px solid var(--up-color-border);border-radius:var(--up-radius-sm);background:var(--up-color-surface);color:var(--up-color-text);font:inherit}.form-designer-field__control:focus{outline:2px solid rgba(83,58,253,.16);border-color:var(--up-color-primary)}.form-designer-field__switch{display:inline-flex;align-items:center;gap:10px}.form-designer-tag-neutral{border-radius:var(--up-radius-sm);background:var(--up-color-surface);color:var(--up-color-text);border:1px solid var(--up-color-border);font-size:11px}.form-designer-tag-accent{border-radius:var(--up-radius-sm);background:#533afd14;color:var(--up-color-primary);border:1px solid rgba(83,58,253,.18);font-size:11px}.form-designer-panel .ant-collapse{background:transparent}.form-designer-panel .ant-collapse>.ant-collapse-item{border-bottom:1px solid var(--up-color-border)}.form-designer-panel .ant-collapse>.ant-collapse-item:last-child{border-bottom:none}.form-designer-panel .ant-collapse .ant-collapse-header{padding:12px 0!important;color:var(--up-color-text)!important;font-weight:500}.form-designer-panel .ant-collapse .ant-collapse-content{background:transparent;border-top:none}.form-designer-panel .ant-collapse .ant-collapse-content-box{padding:4px 0 12px!important}@media(max-width:1440px){.form-designer-layout{grid-template-columns:280px minmax(0,1fr) 320px}}@media(max-width:1120px){.form-designer-layout{grid-template-columns:1fr}.form-designer-canvas__surface{min-height:520px}}