html[data-ui-version=studio]{--primary: #2458D3;--primary-hover: #1948B5;--primary-active: #153B93;--primary-light: #EDF2FD;--primary-glow: rgba(36,88,211,.12);--text: #1D2635;--text-secondary: #586477;--text-muted: #677489;--text-placeholder: #737F90;--bg-page: #F4F6F8;--bg-surface: #fff;--bg-subtle: #F7F9FB;--bg-hover: #EEF2F7;--border: #E1E6ED;--border-strong: #D2D9E3;--border-hover: #BAC6D8;--success: #23825A;--success-light: #EAF5EF;--warning: #AD6800;--danger: #C43838;--accent-teal: #087F89;--accent-teal-soft: #E8F7F6;--accent-violet: #7752CE;--accent-violet-soft: #F1ECFC;--accent-orange: #B65518;--accent-orange-soft: #FFF1E5;--radius-lg: 12px;--radius-xl: 12px;--shadow-card: none;--gradient-brand: #2458D3;--gradient-subtle: #F7F9FB;--gradient-hero: #F4F6F8}.studio-sidebar{display:none}.classic-sidebar{display:flex;height:100%;position:relative;flex-shrink:0}.interface-switch{font-size:12px}.interface-switch-floating{position:fixed;bottom:16px;left:14px;z-index:1000;height:34px;box-shadow:0 3px 12px #14233c1a}html[data-ui-version=studio] .classic-sidebar{display:none}html[data-ui-version=studio] .studio-sidebar{display:flex}html[data-ui-version=studio] .workspace-layout .showcase-footer{left:224px!important}html[data-ui-version=studio] .workspace-layout:has(.studio-sidebar.is-collapsed) .showcase-footer{left:68px!important}.studio-sidebar{width:224px;min-width:224px;flex-direction:column;background:#f9fafc;border-right:1px solid var(--border);padding:28px 14px 16px;position:relative}.studio-brand{display:flex;gap:10px;align-items:center;color:var(--text);padding:0 10px 30px;text-decoration:none}.studio-mark{background:#2458d3;color:#fff;width:32px;height:34px;display:grid;place-items:center;font-size:19px;font-weight:600;border-radius:6px;flex-shrink:0}.project-symbol{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:32px;min-height:32px;color:inherit;font-size:28px}.project-symbol-main,.project-symbol-secondary{display:grid;place-items:center;line-height:1}.project-symbol.is-multiple .project-symbol-main{position:absolute;left:6px;top:9px;font-size:25px}.project-symbol-secondary{position:absolute;right:5px;bottom:6px;padding:2px;border-radius:4px;background:var(--project-cover-start, #355484);font-size:20px}.project-symbol-more{position:absolute;top:3px;right:4px;font:600 9px/1.2 sans-serif}.studio-project-monogram .project-symbol{font-size:24px}.studio-project-monogram .project-symbol-main{font-size:21px;left:4px;top:7px}.studio-project-monogram .project-symbol-secondary{background:var(--project-tint);font-size:17px;right:3px;bottom:4px}.project-terminal-list{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:6px 0 8px;font-size:11px;line-height:18px;color:var(--text-secondary, #586477)}.project-card-content .project-terminal-list{min-height:18px}.project-showcase-hero .project-terminal-list:empty{display:none}.project-terminal-label,.project-terminal-option{display:inline-flex;align-items:center;gap:5px}.project-terminal-label .anticon{font-size:13px}.project-terminal-option{gap:8px}.project-terminal-option .anticon{font-size:16px}.project-showcase-hero .project-terminal-list{color:#fff}.studio-brand-copy{font-size:17px;font-weight:650;white-space:nowrap}.studio-brand-copy small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:var(--text-secondary);letter-spacing:.05em}.studio-collapse{position:absolute;right:-13px;top:91px;z-index:5;border:1px solid var(--border);background:#fff;color:var(--text-secondary);width:26px;height:26px;border-radius:6px;cursor:pointer;display:grid;place-items:center}.studio-nav-group{margin:16px 0 24px}.studio-nav-caption{font-size:11px;color:var(--text-muted);padding:0 14px;margin-bottom:9px}.studio-nav-item{display:flex;gap:12px;align-items:center;min-height:42px;border-radius:7px;padding:10px 14px;margin:3px 0;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:background .15s,color .15s;white-space:nowrap}.studio-nav-item>.anticon{font-size:17px;flex-shrink:0}.studio-nav-item:hover{color:var(--text);background:var(--bg-hover)}.studio-nav-item.is-active{background:#2458d3;color:#fff;font-weight:600}.studio-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}.studio-sidebar-bottom .interface-switch{width:100%;justify-content:flex-start;background:transparent;border-color:#d9dfe7}.studio-local-note{color:var(--text-muted);font-size:11px;padding:0 14px}.studio-sidebar.is-collapsed{width:68px;min-width:68px;padding-inline:8px}.studio-sidebar.is-collapsed .studio-brand{padding-inline:9px}.studio-sidebar.is-collapsed .studio-brand-copy,.studio-sidebar.is-collapsed .studio-nav-caption,.studio-sidebar.is-collapsed .studio-nav-item>span:not(.anticon),.studio-sidebar.is-collapsed .studio-local-note{display:none}.studio-sidebar.is-collapsed .studio-nav-item{justify-content:center;padding:12px}.studio-sidebar.is-collapsed .interface-switch{width:50px;padding-inline:0;justify-content:center;font-size:0;gap:0}.studio-sidebar.is-collapsed .interface-switch .anticon{font-size:16px}html[data-ui-version=studio] body{letter-spacing:0}html[data-ui-version=studio] .card{border-radius:12px;box-shadow:none}html[data-ui-version=studio] .card:hover{box-shadow:none}html[data-ui-version=studio] .card-clickable:hover{transform:none;border-color:#aabad0}html[data-ui-version=studio] .section-title:before{display:none}html[data-ui-version=studio] .page-enter{animation:none}html[data-ui-version=studio] .ant-btn-primary,html[data-ui-version=studio] .ant-btn-primary:hover{box-shadow:none!important}html[data-ui-version=studio] .ant-btn:not(:disabled):active{transform:none}html[data-ui-version=studio] .ant-modal-content{border-radius:12px!important}html[data-ui-version=studio] .ant-table-thead>tr>th{padding:13px 16px!important;font-weight:500!important}html[data-ui-version=studio] .ant-table-tbody>tr>td{padding:14px 16px!important}html[data-ui-version=studio] .ant-btn-primary:not(:disabled){background:#2458d3;border-color:#2458d3}html[data-ui-version=studio] :is(button,a,input,textarea,[tabindex]):focus-visible{outline:3px solid #8AA8ED;outline-offset:3px}html[data-ui-version=studio] :is(.studio-page,.project-list-page,.showcase-home-page,.component-index-page,.component-category-page,.project-showcase-page){padding:36px 40px!important}.studio-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.studio-page-heading h1{margin:0 0 8px;font-size:28px;font-weight:650;letter-spacing:-.03em}.studio-page-heading p{margin:0;color:var(--text-secondary);font-size:14px}.studio-summary{display:flex;gap:12px;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:32px;color:var(--text-secondary);font-size:13px;flex-wrap:wrap}.studio-summary>span{background:var(--primary-light);padding:10px 18px;border-radius:8px}.studio-summary>span:nth-child(2){background:var(--accent-teal-soft)}.studio-summary>span:nth-child(3){background:var(--accent-violet-soft)}.studio-summary strong{color:var(--primary);font-size:20px;margin-right:9px;font-weight:600;font-variant-numeric:tabular-nums}.studio-summary>span:nth-child(2) strong{color:var(--accent-teal)}.studio-summary>span:nth-child(3) strong{color:var(--accent-violet)}.studio-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.studio-section-heading h2{font-size:17px;font-weight:600;margin:0}.studio-section-heading>a{color:var(--primary)}.studio-recent-projects{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.studio-project-row{display:flex;align-items:center;gap:16px;padding:22px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.studio-project-row:last-child{border-bottom:none}.studio-project-row:hover{background:var(--project-tint)}.studio-project-monogram{display:grid;place-items:center;width:42px;height:46px;border-radius:7px;background:var(--project-tint);color:var(--project-accent);flex-shrink:0;font-size:18px}.studio-project-copy{flex:1;min-width:0}.studio-project-copy strong{font-weight:550;display:block;margin-bottom:5px}.studio-project-copy p{margin:0;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-project-meta{text-align:right;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary);flex-shrink:0}.studio-project-meta time{font-size:11px;color:var(--text-muted)}.studio-quick-actions{display:flex;flex-direction:column;gap:4px}.studio-quick-actions a{display:flex;align-items:center;gap:12px;padding:15px 0;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.studio-quick-actions a:hover{color:var(--primary)}.studio-quick-actions a>.anticon{font-size:19px;color:var(--accent-teal);background:var(--accent-teal-soft);border-radius:9px;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.studio-quick-actions a:nth-child(2)>.anticon{color:var(--accent-violet);background:var(--accent-violet-soft)}.studio-quick-actions a:nth-child(3)>.anticon{color:var(--accent-orange);background:var(--accent-orange-soft)}.studio-quick-actions small{display:block;color:var(--text-secondary);margin-top:5px;font-size:12px}.studio-workflow-note{margin-top:32px;padding:20px;border-radius:10px;background:var(--accent-orange-soft)}.studio-workflow-note h3{margin:0 0 10px;font-size:13px}.studio-workflow-note p{color:var(--text-secondary);font-size:12px;line-height:1.9;margin:0}html[data-ui-version=studio] .project-list-header{margin-bottom:28px!important}html[data-ui-version=studio] .project-list-header>div>div:first-child,html[data-ui-version=studio] .showcase-home-header>div:first-child,html[data-ui-version=studio] .component-page-header>div:first-child{display:none!important}html[data-ui-version=studio] :is(.project-list-header,.showcase-home-header,.component-page-header) h4{font-size:26px!important;margin-bottom:6px!important;letter-spacing:-.025em}html[data-ui-version=studio] [data-project-tone]{--project-accent: #3564DB;--project-tint: #EBF1FF;--project-cover-start: #E8F1FF;--project-cover-end: #9EC5FF}html[data-ui-version=studio] [data-project-tone="1"]{--project-accent: #7752CE;--project-tint: #F1ECFC;--project-cover-start: #F1EAFE;--project-cover-end: #C6AEF8}html[data-ui-version=studio] [data-project-tone="2"]{--project-accent: #087F89;--project-tint: #E8F7F6;--project-cover-start: #DCF7F4;--project-cover-end: #8EDDD0}html[data-ui-version=studio] [data-project-tone="3"]{--project-accent: #B65518;--project-tint: #FFF1E5;--project-cover-start: #FFF1DC;--project-cover-end: #FFCE92}html[data-ui-version=studio] [data-project-tone="4"]{--project-accent: #C7466B;--project-tint: #FCECF1;--project-cover-start: #FFE8EF;--project-cover-end: #F6B6CC}html[data-ui-version=studio] .studio-project-card{transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}html[data-ui-version=studio] .studio-project-card:is(:hover,:focus-visible,:focus-within){transform:translateY(-3px);border-color:transparent;box-shadow:0 12px 28px #1c2f5121}html[data-ui-version=studio] .project-card-cover{background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.65),transparent 70%),linear-gradient(115deg,var(--project-cover-start),var(--project-cover-end))!important;height:120px!important;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #fffc}html[data-ui-version=studio] .project-card-cover:before,html[data-ui-version=studio] .project-card-cover:after{content:"";position:absolute;width:220px;height:220px;border:32px solid rgba(255,255,255,.3);border-radius:50%;right:-40px;top:-128px;pointer-events:none;z-index:-1}html[data-ui-version=studio] .project-card-cover:after{width:142px;height:142px;right:-1px;top:-89px;border:1px solid rgba(255,255,255,.8);background:#ffffff1f}html[data-ui-version=studio] .project-card-cover .ant-tag,html[data-ui-version=studio] .project-card-delete{position:relative;z-index:1}html[data-ui-version=studio] .project-card-monogram{background:#fff!important;color:var(--project-accent)!important;border:0;border-radius:10px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-size:25px!important;font-weight:550!important;box-shadow:0 5px 12px #243f691a}html[data-ui-version=studio] .project-card-monogram .project-symbol-secondary{background:#fff}html[data-ui-version=studio] .project-card-cover .ant-tag{background:#fff!important;color:var(--project-accent)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-ui-version=studio] .project-card-delete{color:#586477!important;background:#fff!important}html[data-ui-version=studio] .project-card-content{padding:20px!important}html[data-ui-version=studio] .project-card-content h5{font-size:17px!important}html[data-ui-version=studio] .project-card-actions{padding:0 20px 20px!important;gap:8px!important}.studio-project-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.studio-project-tools .ant-input-affix-wrapper{max-width:300px;background:#fff}.studio-project-count{font-size:12px;color:var(--text-secondary);flex-shrink:0}html[data-ui-version=classic] .studio-project-tools{display:none}html[data-ui-version=studio] .project-detail-page{padding:28px 36px!important}.studio-project-nav{display:none}html[data-ui-version=studio] .studio-project-nav{display:flex;gap:24px;margin-bottom:22px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.studio-project-nav a{color:var(--text-secondary);padding:0 0 12px;text-decoration:none;white-space:nowrap}.studio-project-nav a[aria-current=page]{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:600}html[data-ui-version=studio] .project-showcase-hero{background:#1c2f51!important;box-shadow:none!important;border-radius:12px!important}html[data-ui-version=studio] .showcase-home-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))!important;gap:22px!important}html[data-ui-version=studio] .component-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))!important}html[data-ui-version=studio] .component-card{text-align:left!important;padding:26px!important;background:#fff!important;border:1px solid var(--border)!important;box-shadow:none!important}html[data-ui-version=studio] .component-card>div:first-child{margin:0 0 24px!important;width:46px!important;height:46px!important;border-radius:8px!important;background:#edf2fa!important}html[data-ui-version=studio] .component-card>div:first-child .anticon{color:#365d98!important;font-size:23px!important}html[data-ui-version=studio] .component-card:nth-child(3n+1)>div:first-child{background:var(--accent-teal-soft)!important}html[data-ui-version=studio] .component-card:nth-child(3n+1)>div:first-child .anticon{color:var(--accent-teal)!important}html[data-ui-version=studio] .component-card:nth-child(3n+2)>div:first-child{background:var(--accent-violet-soft)!important}html[data-ui-version=studio] .component-card:nth-child(3n+2)>div:first-child .anticon{color:var(--accent-violet)!important}html[data-ui-version=studio] .component-card:nth-child(3n)>div:first-child{background:var(--accent-orange-soft)!important}html[data-ui-version=studio] .component-card:nth-child(3n)>div:first-child .anticon{color:var(--accent-orange)!important}html[data-ui-version=studio] .ss-hero{background:#1c2f51;border-radius:12px;box-shadow:none}html[data-ui-version=studio] .ss-hero:before,html[data-ui-version=studio] .ss-hero:after,html[data-ui-version=studio] .ss-section-bar{display:none}html[data-ui-version=studio] :is(.ss-card,.ss-feature){border-color:var(--border);border-radius:10px;box-shadow:none}html[data-ui-version=studio] .ss-feature{background:#fafbfc}html[data-ui-version=studio] .ss-feature-icon{background:#edf2fa!important;color:#365d98!important}html[data-ui-version=studio] .cloud-publish-page{max-width:none;padding:36px 40px}html[data-ui-version=studio] .cloud-publish-header{background:#1c2f51;box-shadow:none;border-radius:12px}html[data-ui-version=studio] .cloud-publish-header h4.ant-typography{color:#fff}html[data-ui-version=studio] .cloud-publish-icon{background:transparent;border:0}html[data-ui-version=studio] .component-category-card{border-radius:10px!important;box-shadow:none!important;transform:none!important}.studio-mobile-panel-tabs{display:none}html[data-ui-version=studio] .showcase-detail-topbar{background:#fff!important;padding:12px 20px!important;flex-wrap:wrap;gap:12px}html[data-ui-version=studio] .showcase-desc{background:#f7f9fb!important}html[data-ui-version=studio] .showcase-desc .ant-collapse-item{box-shadow:none!important;border-radius:8px!important}.studio-editor-context,.studio-editor-panel-tabs{display:none}html[data-ui-version=studio] .studio-editor-context{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--text-secondary);padding:13px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.studio-editor-context strong{color:var(--text);font-size:14px;font-weight:550}.studio-editor-context .ant-tag{margin-left:auto}html[data-ui-version=studio] .editor-topbar{background:#fff!important;border-bottom:1px solid var(--border);padding:8px 20px!important;flex-wrap:wrap}html[data-ui-version=studio] .editor-chat-pane{width:var(--studio-chat-width, 38%)!important;min-width:300px!important;max-width:65%;background:#f6fbfb!important;resize:horizontal;overflow:auto}.studio-pane-control{display:flex;gap:8px;align-items:center;font-size:11px}.studio-pane-control input{width:76px;accent-color:#2458D3}html[data-ui-version=studio] .editor-preview-pane{min-width:280px}html[data-ui-version=studio] .prototype-toolbar{flex-wrap:wrap;background:#fff!important;border-color:var(--border)!important;padding:10px 12px!important}html[data-ui-version=studio] .prototype-toolbar>div{min-width:0}html[data-ui-version=studio] .prototype-toolbar>div:last-child{flex-wrap:wrap;flex-shrink:1!important}html[data-ui-version=studio] .editor-body{min-height:0}.studio-load-state{padding:40px}.studio-load-banner{margin:16px 24px}.studio-library-list{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.studio-library-entry{padding:32px;display:flex;align-items:center;gap:24px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.studio-library-entry:last-child{border-bottom:0}.studio-library-entry:hover{background:#f9fbfe}.studio-library-symbol{color:var(--accent-teal);background:var(--accent-teal-soft);width:64px;height:72px;border-radius:8px;display:grid;place-items:center;font-size:28px;flex-shrink:0}.studio-library-entry:nth-child(2) .studio-library-symbol{color:var(--accent-violet);background:var(--accent-violet-soft)}.studio-library-entry>div:nth-child(2){flex:1;min-width:0}.studio-library-entry h2{font-size:19px;font-weight:550;margin:0 0 10px}.studio-library-entry p{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.8}.studio-library-entry span:not(.anticon){font-size:11px;color:var(--text-muted)}.studio-library-planned{display:flex;gap:20px;font-size:13px;color:var(--text-secondary);margin-top:24px;padding:16px 0}.studio-library-planned span:last-child{color:var(--text-muted);font-size:12px}.studio-settings-current{display:flex;align-items:center;gap:40px;justify-content:space-between;padding:26px 28px;border:1px solid #BDE5E1;border-radius:10px;background:var(--accent-teal-soft);margin-bottom:36px}.studio-settings-current h2{font-size:17px;margin:0 0 10px;font-weight:550}.studio-settings-current p{max-width:65ch;color:var(--text-secondary);font-size:13px;margin:0;line-height:1.8}.studio-settings-current a{white-space:nowrap}.studio-settings-plans>p{color:var(--text-secondary);font-size:13px;margin:0 0 24px}.studio-settings-list{border-top:1px solid var(--border)}.studio-settings-list article{display:grid;grid-template-columns:140px 1fr auto;gap:24px;padding:24px 0;align-items:baseline;border-bottom:1px solid var(--border)}.studio-settings-list h3{font-size:14px;font-weight:550;margin:0}.studio-settings-list p{color:var(--text-secondary);font-size:13px;line-height:1.8;margin:0}.studio-settings-list article>span{font-size:12px;color:var(--text-muted)}@media(max-width:1100px){html[data-ui-version=studio] .workspace-layout .showcase-footer{left:190px!important}.studio-dashboard-grid{grid-template-columns:minmax(0,1fr)}.studio-dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:32px}.studio-workflow-note{margin:0}html[data-ui-version=studio] :is(.studio-page,.project-list-page,.showcase-home-page,.component-index-page,.component-category-page,.project-showcase-page){padding:28px!important}.studio-sidebar{width:190px;min-width:190px}}@media(max-width:760px){html[data-ui-version=studio] .workspace-layout .showcase-footer{left:64px!important}.studio-library-entry{padding:22px;gap:16px;flex-wrap:wrap}.studio-library-symbol{width:40px;height:44px;font-size:22px}.studio-library-entry>div:nth-child(2){flex-basis:calc(100% - 60px)}.studio-library-entry>.anticon{display:none}.studio-library-entry h2{font-size:17px}.studio-settings-current{flex-direction:column;align-items:flex-start;padding:22px;gap:18px}.studio-settings-list article{grid-template-columns:1fr auto;gap:10px}.studio-settings-list article p{grid-column:1 / -1;grid-row:2}html[data-ui-version=studio] .showcase-detail-topbar>div{flex-wrap:wrap}html[data-ui-version=studio] .studio-mobile-panel-tabs{display:flex;padding:8px 16px;gap:8px;border-bottom:1px solid var(--border);background:#fff;flex-shrink:0}html[data-ui-version=studio] .showcase-detail-preview,html[data-ui-version=studio] .showcase-desc{flex:1!important;width:100%!important;min-width:0}html[data-ui-version=studio] .showcase-detail-page[data-mobile-panel=description] .showcase-detail-preview,html[data-ui-version=studio] .showcase-detail-page[data-mobile-panel=preview] .showcase-desc{display:none!important}html[data-ui-version=studio] .showcase-detail-body{min-height:0}.studio-sidebar{width:64px;min-width:64px;padding-inline:6px;padding-top:22px}.studio-brand{padding:0 9px 24px}.studio-brand-copy,.studio-nav-caption,.studio-nav-item>span:not(.anticon),.studio-local-note,.studio-collapse{display:none}.studio-nav-item{justify-content:center;padding:11px}.studio-sidebar-bottom .interface-switch{width:50px;padding:0;justify-content:center;font-size:0;gap:0}.studio-sidebar-bottom .interface-switch .anticon{font-size:16px}html[data-ui-version=studio] :is(.studio-page,.project-list-page,.showcase-home-page,.component-index-page,.component-category-page,.project-showcase-page,.cloud-publish-page){padding:24px 18px!important}.studio-page-heading h1{font-size:24px}.studio-summary{gap:16px;flex-wrap:wrap}.studio-project-row{padding:18px 14px;gap:10px}.studio-project-meta time{display:none}.studio-dashboard-aside{grid-template-columns:1fr}.studio-project-tools{flex-wrap:wrap}html[data-ui-version=studio] .project-detail-page{padding:18px!important}html[data-ui-version=studio] .project-detail-header{flex-wrap:wrap;gap:16px}html[data-ui-version=studio] .project-detail-header h4{font-size:18px;word-break:break-word}html[data-ui-version=studio] .project-showcase-hero{padding:24px!important}html[data-ui-version=studio] .project-showcase-hero>div{flex-wrap:wrap;gap:20px}html[data-ui-version=studio] .editor-topbar>div{flex-shrink:1!important;flex-wrap:wrap}html[data-ui-version=studio] .editor-topbar .ant-tabs{max-width:100%}html[data-ui-version=studio] .studio-pane-control{display:none}html[data-ui-version=studio] .studio-editor-panel-tabs{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0}html[data-ui-version=studio] .editor-topbar>div{min-width:0;max-width:100%}html[data-ui-version=studio] .editor-topbar .ant-tabs{width:100%}html[data-ui-version=studio] .editor-body{overflow:hidden!important}html[data-ui-version=studio] .editor-chat-pane{width:100%!important;min-width:0!important;max-width:none;resize:none}html[data-ui-version=studio] .editor-preview-pane{min-width:0}html[data-ui-version=studio] .feature-editor-page[data-mobile-panel=chat] .editor-preview-pane,html[data-ui-version=studio] .feature-editor-page[data-mobile-panel=preview] .editor-chat-pane{display:none!important}html[data-ui-version=studio] .prototype-toolbar .ant-space{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html[data-ui-version=studio] .studio-project-card:is(:hover,:focus-visible,:focus-within){transform:none}html[data-ui-version=studio] *,html[data-ui-version=studio] *:before,html[data-ui-version=studio] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--primary: #4F6EF7;--primary-hover: #3D5AD4;--primary-active: #2B47B8;--primary-light: #EEF1FE;--primary-glow: rgba(79,110,247,.15);--success: #34C759;--success-light: #E8F8ED;--warning: #FF9500;--warning-light: #FFF4E5;--danger: #FF3B30;--danger-light: #FFEEED;--bg-page: #F6F7F9;--bg-surface: #FFFFFF;--bg-hover: #F3F4F6;--bg-subtle: #FAFBFC;--bg-overlay: rgba(0,0,0,.04);--text: #1A1A1E;--text-secondary: #6B6B76;--text-muted: #AEAEB6;--text-placeholder: #CBCBD1;--border: #EEEFF1;--border-strong: #E1E2E6;--border-hover: #D1D3D8;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.03);--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-xl: 0 20px 48px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.04);--shadow-card: 0 0 0 1px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.04);--gradient-brand: linear-gradient(135deg, #4F6EF7 0%, #6B83FA 50%, #8DA8FF 100%);--gradient-subtle: linear-gradient(180deg, #FAFBFC 0%, #F6F7F9 100%);--gradient-hero: linear-gradient(180deg, #EEF1FE 0%, #F6F7F9 60%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-md: 15px;--font-lg: 18px;--font-xl: 22px;--font-2xl: 28px;--font-3xl: 36px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .02em;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--font-base);color:var(--text);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--tracking-normal)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-card);border-color:var(--border-hover)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-title{font-size:var(--font-md);font-weight:var(--weight-semibold);color:var(--text);letter-spacing:var(--tracking-tight);display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:3px;height:18px;border-radius:2px;background:var(--primary);flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeInUp .25s var(--transition)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s var(--transition)}.ant-btn{font-family:inherit!important;font-weight:var(--weight-medium)!important;letter-spacing:var(--tracking-normal);transition:all var(--transition-fast)!important}.ant-btn:not(:disabled):active{transform:scale(.97)}.ant-btn-primary{box-shadow:0 2px 8px var(--primary-glow)!important}.ant-btn-primary:hover{box-shadow:0 4px 16px var(--primary-glow)!important}.ant-tag{font-family:inherit!important;border-radius:var(--radius-xs)!important;font-weight:var(--weight-medium);font-size:var(--font-xs)}.ant-table{font-family:inherit!important;border-radius:var(--radius-lg)!important;overflow:hidden}.ant-table-thead>tr>th{background:var(--bg-subtle)!important;color:var(--text-secondary)!important;font-weight:var(--weight-semibold)!important;font-size:var(--font-sm)!important;letter-spacing:var(--tracking-tight);border-bottom:1px solid var(--border-strong)!important;padding:10px 14px!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border)!important;padding:12px 14px!important}.ant-table-tbody>tr{transition:background var(--transition-fast)}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-select{font-family:inherit!important}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--primary)!important}.ant-select-selector{border-radius:var(--radius-sm)!important}.ant-input{font-family:inherit!important;border-radius:var(--radius-sm)!important}.ant-input:focus,.ant-input-focused{box-shadow:0 0 0 3px var(--primary-glow)!important;border-color:var(--primary)!important}.ant-segmented{font-family:inherit!important;border-radius:var(--radius-sm)!important}.ant-modal-content{border-radius:var(--radius-xl)!important;overflow:hidden;animation:fadeInUp .2s var(--transition)}.ant-modal-header{border-bottom:1px solid var(--border)!important;padding:20px 24px!important}.ant-modal-title{font-weight:var(--weight-semibold)!important;font-size:var(--font-lg)!important}.ant-collapse-header{transition:background var(--transition-fast)!important;border-radius:var(--radius-md)!important}.ant-collapse-header:hover{background:var(--bg-overlay)!important}.ant-tabs-tab{font-family:inherit!important;font-weight:var(--weight-medium)}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary)!important}.ant-empty-description{color:var(--text-muted)!important}.quill{display:flex;flex-direction:column;min-height:0}.quill .ql-toolbar{flex-shrink:0}.quill .ql-container{flex:1;min-height:0;height:auto;overflow-y:auto}.quill .ql-editor{height:auto;min-height:100%}.rich-text .ql-indent-1{padding-left:3em}.rich-text .ql-indent-2{padding-left:6em}.rich-text .ql-indent-3{padding-left:9em}.rich-text .ql-indent-4{padding-left:12em}.rich-text .ql-indent-5{padding-left:15em}.rich-text .ql-indent-6{padding-left:18em}.rich-text .ql-indent-7{padding-left:21em}.rich-text .ql-indent-8{padding-left:24em}.rich-text li.ql-indent-1{padding-left:4.5em}.rich-text li.ql-indent-2{padding-left:7.5em}.rich-text li.ql-indent-3{padding-left:10.5em}.rich-text li.ql-indent-4{padding-left:13.5em}.rich-text li.ql-indent-5{padding-left:16.5em}.rich-text li.ql-indent-6{padding-left:19.5em}.rich-text li.ql-indent-7{padding-left:22.5em}.rich-text li.ql-indent-8{padding-left:25.5em}.rich-text .ql-align-center{text-align:center}.rich-text .ql-align-right{text-align:right}.rich-text .ql-align-justify{text-align:justify}.rich-text .ql-font-serif{font-family:Georgia,Times New Roman,serif}.rich-text .ql-font-monospace{font-family:Monaco,Courier New,monospace}.rich-text .ql-size-small{font-size:.75em}.rich-text .ql-size-large{font-size:1.5em}.rich-text .ql-size-huge{font-size:2.5em}.rich-text .ql-direction-rtl{direction:rtl;text-align:inherit}.rich-text blockquote{border-left:4px solid #ccc;margin:5px 0;padding-left:16px}.rich-text pre.ql-syntax{background:#23241f;color:#f8f8f2;overflow:auto;padding:12px 16px;border-radius:6px;white-space:pre-wrap;margin:8px 0}.rich-text .ql-video{display:block;max-width:100%}.rich-text .ql-video.ql-align-center{margin:0 auto}.rich-text .ql-video.ql-align-right{margin:0 0 0 auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000002e}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}
