:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"Fira Code","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace;--color-primary:#42b883;--color-primary-hover:#3aa876;--color-text-main:#1f2937;--color-text-light:#6b7280;--color-bg-light:#f9fafb}body{font-family:var(--font-sans);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0;overflow-x:hidden}:root{--primary-50:#f0fdf7;--primary-100:#dcfaed;--primary-200:#bbf5da;--primary-300:#88ecbd;--primary-400:#4fd99a;--primary-500:#42b883;--primary-600:#2fa06d;--primary-700:#268559;--primary-800:#1e6946;--primary-900:#164f34;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--info-50:#eff6ff;--info-500:#3b82f6;--info-600:#2563eb;--bg-base:#fff;--bg-elevated:#f8fafc;--bg-sunken:#f1f5f9;--bg-overlay:#0000000a;--border-subtle:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 20px -3px #00000014,0 4px 8px -4px #0000000a;--shadow-xl:0 20px 30px -5px #0000001a,0 8px 12px -6px #0000000d;--shadow-2xl:0 32px 48px -8px #00000024,0 12px 20px -8px #0000000f;--shadow-green-md:0 8px 24px #42b88359;--shadow-green-lg:0 16px 40px #42b88340;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--font-display:var(--font-sans);--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",Consolas,monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:32px;--text-5xl:48px;--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.875;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-decelerate:cubic-bezier(0,0,.2,1);--ease-accelerate:cubic-bezier(.4,0,1,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:1;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-tooltip:1000;--primary-color:var(--primary-500);--primary-hover:var(--primary-400);--primary-active:var(--primary-600);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--text-tertiary:var(--neutral-500);--text-disabled:var(--neutral-400);--bg-primary:var(--bg-base);--bg-secondary:var(--bg-elevated);--bg-tertiary:var(--neutral-100);--bg-hover:var(--neutral-100);--border-color:var(--border-default);--border-hover:var(--border-strong);--border-focus:var(--primary-500);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-3);--spacing-lg:var(--space-4);--spacing-xl:var(--space-6);--spacing-2xl:var(--space-8);--spacing-3xl:var(--space-12);--transition-base:var(--duration-normal)var(--ease-standard);--surface-panel:var(--bg-base);--surface-canvas:#f6f8fa;--surface-card:var(--bg-base);--divider:var(--border-subtle);--divider-strong:var(--border-default);--focus-ring:0 0 0 3px var(--primary-100);--radius-control:var(--radius-md);--panel-width:420px;--toolbar-h:52px;--toolbar-bg:var(--bg-base);--canvas-bg:#f3f6f9;--canvas-grid:#94a3b824;--stage-card:var(--bg-base);--stage-card-shadow:0 20px 50px -20px #0f172a40;--panel-header-bg:var(--bg-base);--hint-bg:var(--bg-base)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.btn-base{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-sm);font-weight:var(--font-medium);transition:var(--transition-base);cursor:pointer;border:none;outline:none}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition-base);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-hover)}.input-base{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-base);transition:var(--transition-base)}.input-base:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #5470c61a}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}@media (max-width:768px){.hidden-mobile{display:none!important}}@media (min-width:769px){.hidden-desktop{display:none!important}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--text-disabled);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-weight:400!important}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}a{color:var(--primary-color);transition:var(--transition-base);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}.no-select{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b47;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#64748b73}::-webkit-scrollbar-corner{background:0 0}html{scrollbar-width:thin;scrollbar-color:#64748b59 transparent}.n-collapse{gap:var(--space-2);background:0 0;border:none;flex-direction:column;display:flex}.n-collapse-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard);margin-bottom:0;overflow:hidden}.n-collapse-item:hover{border-color:var(--border-default)}.n-collapse-item--active{border-color:var(--primary-200);box-shadow:0 0 0 1px var(--primary-100)}.n-collapse-item:first-child>.n-collapse-item__header{padding-top:var(--space-3)}.n-collapse-item__header{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);transition:background var(--duration-fast)var(--ease-standard);border:none;padding:var(--space-3)var(--space-4)!important}.n-collapse-item__header:hover{background:var(--bg-sunken)}.n-collapse-item__header-main{min-width:0}.n-collapse-item__header-extra{color:var(--text-tertiary);align-items:center;gap:var(--space-1);display:flex}.n-collapse-item__header .n-collapse-item__arrow{color:var(--text-tertiary);transition:transform var(--duration-fast)var(--ease-standard)}.n-collapse-item__content-wrapper{background:var(--bg-primary);padding:0}.n-collapse-item__content-inner{padding:var(--space-2)var(--space-4)var(--space-3)}.n-collapse-item--active .n-collapse-item__header{background:var(--bg-sunken);border-bottom:1px solid var(--border-subtle)}.n-collapse-item__content-inner .control-group{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);min-height:28px;transition:background var(--duration-fast)var(--ease-standard);margin-bottom:6px;padding:4px 0;display:flex}.n-collapse-item__content-inner .control-group:has(>.control-item-stacked){border-radius:0;flex-direction:column;align-items:stretch;gap:4px;min-height:0;padding:0;transition:none}.n-collapse-item__content-inner .control-group:has(>.control-item-stacked):hover{background:0 0}.n-collapse-item__content-inner .control-group:hover{background:var(--bg-sunken)}.n-collapse-item__content-inner .control-group:last-child{margin-bottom:0}.n-collapse-item__content-inner .control-group .control-header{color:var(--text-tertiary);white-space:nowrap;flex:none;align-items:center;gap:4px;min-width:0;margin-bottom:0;margin-right:8px;font-size:12px;font-weight:500;line-height:1.2;display:flex;background:0 0!important;width:auto!important;padding-left:0!important}.n-collapse-item__content-inner .control-group .control-header>span:first-child{white-space:nowrap;flex:none}.n-collapse-item__content-inner .control-group .control-header .val{color:var(--primary-color);font-size:11px;font-weight:600;font-family:var(--font-mono);background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-left:auto;padding:1px 6px}.n-collapse-item__content-inner .control-group>:not(.control-header){flex:1;min-width:0}.n-collapse-item__content-inner .n-slider{--handle-size:14px}.n-collapse-item__content-inner .control-group>.control-label{min-width:0;color:var(--text-tertiary);font-size:12px;font-weight:500;line-height:1.2;background:0 0!important;flex:none!important;width:auto!important;padding-left:0!important}.n-collapse-item__content-inner .n-color-picker{border-radius:var(--radius-sm);border:1px solid var(--border-default);transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard);align-self:center;overflow:hidden;flex:0 0 28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important}.n-collapse-item__content-inner .n-color-picker:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-50)}.n-collapse-item__content-inner .n-color-picker .n-color-picker-trigger{width:28px;height:28px;min-height:28px}.n-collapse-item__content-inner .n-color-picker .n-color-picker-trigger__value{display:none}.n-collapse-item__content-inner .n-input-number,.n-collapse-item__content-inner .n-input{width:100%}.n-collapse-item__content-inner .control-item-stacked{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);min-height:28px;transition:background var(--duration-fast)var(--ease-standard);flex-direction:row;margin-bottom:6px;padding:4px 0}.n-collapse-item__content-inner .control-item-stacked:hover{background:var(--bg-sunken)}.n-collapse-item__content-inner .control-item-stacked:last-child{margin-bottom:0}.n-collapse-item__content-inner .control-item-stacked>.control-header{color:var(--text-tertiary);white-space:nowrap;flex:none;margin-bottom:0;margin-right:8px;font-size:12px;font-weight:500;line-height:1.2;background:0 0!important;width:auto!important;padding-left:0!important}.n-collapse-item__content-inner .control-item-stacked>:not(.control-header){flex:1;min-width:0}.n-collapse-item__content-inner .n-input-number,.n-collapse-item__content-inner .n-input,.n-collapse-item__content-inner .n-color-picker{width:100%}.n-collapse-item__content-inner .n-input-number .n-input-number--small,.n-collapse-item__content-inner .n-input .n-input--small{--n-height:28px}.control-group{margin-bottom:var(--spacing-lg)}.control-section{margin-bottom:var(--spacing-xl)}.setting-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4)var(--space-4);margin-bottom:var(--space-3);transition:border-color var(--duration-fast)var(--ease-standard)}.setting-section:hover{border-color:var(--border-default)}.setting-section>.section-title{margin-bottom:var(--space-3)}.setting-section>.section-title[style*=margin-top]{margin-top:0!important}.setting-section>.section-title+.section-title{margin-top:var(--space-4)!important}.control-label,.label{color:var(--text-tertiary);white-space:nowrap;text-align:left;background:var(--bg-secondary);border-radius:var(--radius-sm)0 0 var(--radius-sm);flex-shrink:0;width:90px;margin-bottom:0;padding-left:16px;font-size:13px;font-weight:500;line-height:34px}.section-title{color:var(--text-primary);background:0 0;align-items:center;gap:8px;margin-bottom:16px;padding-left:0;font-size:14px;font-weight:600;display:flex}.section-title:before{content:"";background:var(--primary-color);border-radius:2px;width:4px;height:14px;display:block}.control-row-split{border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:stretch;margin-bottom:12px;transition:border-color .2s;display:flex;overflow:hidden}.control-row-split:hover{border-color:var(--border-hover)}.control-row-split .control-label{border-radius:0;align-items:center;margin:0;display:flex}.control-row-split>:not(.control-label):not(.label){background:var(--bg-primary);flex:1;align-items:center;padding:0 8px;display:flex}.control-row-stack{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.control-item-row{border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:stretch;margin-bottom:12px;display:flex;overflow:hidden}.control-item-row .control-label,.control-item-row .label{border-radius:0;align-items:center;margin:0;display:flex}.control-item-row>:not(.control-label):not(.label){background:var(--bg-primary);flex:1;align-items:center;min-width:0;padding:0 8px;display:flex}.control-item-row>.n-switch:not(.control-label):not(.label),.control-item-row>.n-checkbox:not(.control-label):not(.label),.control-item-row>.n-button:not(.control-label):not(.label),.control-item-row>.n-radio-group:not(.control-label):not(.label){flex:none;align-self:center;margin-left:auto}.n-collapse-item__content-inner .control-item-row{min-height:30px;margin-bottom:6px}.n-collapse-item__content-inner .control-item-row .control-label,.n-collapse-item__content-inner .control-item-row .label{width:auto;min-width:0;padding-left:10px;padding-right:10px;font-size:12px;line-height:30px}.n-collapse-item__content-inner .control-item-row>:not(.control-label):not(.label){padding:0 8px}.control-item-stacked>.control-label:first-child,.control-group>.control-label:first-child,.control-group>.label:first-child{background:0 0;width:auto;margin-bottom:6px;padding-left:0;font-size:12px;font-weight:500;line-height:1.5}.control-item-stacked{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.control-header{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.control-header .val{font-family:var(--font-mono);color:var(--primary-color);font-size:12px;font-weight:600}.label-row{border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:stretch;min-height:34px;margin-bottom:12px;display:flex;overflow:hidden}.label-row .control-label,.label-row .label{border-radius:0;align-items:center;margin:0;display:flex}.label-row>:not(.control-label):not(.label){background:var(--bg-primary);flex:1;justify-content:flex-end;align-items:center;padding:0 8px;display:flex}.value-display{color:var(--text-primary);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;font-weight:600}.nested-group{background:0 0;border:none;border-radius:0;margin-bottom:0;padding:0}.nested-group>.control-item-row,.nested-group>.control-row-split,.nested-group>.label-row{margin-left:0;margin-right:0}.color-picker-flex{flex:1;min-width:0}.control-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-sm);transition:all .3s}.control-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.axis-label{color:var(--text-tertiary);margin-right:4px;font-size:12px;font-weight:700}.axis-label.x{color:#f87171}.axis-label.y{color:#4ade80}.axis-label.z{color:#60a5fa}.control-hint{color:var(--text-tertiary);margin-top:4px;font-size:12px;line-height:1.5}@media (max-width:768px){.control-label,.label{font-size:12px}}.data-stats{gap:var(--space-2)var(--space-4);padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.data-stats .stat-item{align-items:center;gap:4px;display:inline-flex}.data-stats .stat-item .stat-label{color:var(--text-tertiary)}.data-stats .stat-item .stat-value{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em}.data-toolbar{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.data-sort{align-items:center;gap:var(--space-1);display:flex}.data-list{gap:var(--space-2);max-height:400px;padding:var(--space-1);margin:calc(var(--space-1)*-1);flex-direction:column;display:flex;overflow-y:auto}.data-row{align-items:center;gap:var(--space-2);background:var(--bg-primary);border-radius:var(--radius-sm);transition:all .2s var(--ease-standard);padding:2px;display:flex}.data-row:hover{background:var(--bg-sunken)}.data-row .label-input{flex:2}.data-row .value-input{flex:1}.paste-area{padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.paste-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.data-list::-webkit-scrollbar{width:4px}.data-list::-webkit-scrollbar-track{background:0 0}.data-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-xs)}.layer-data-panel{gap:var(--space-3);flex-direction:column;display:flex}.data-editor-container{flex-direction:column;display:flex}.data-editor-container .editor-toolbar{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)var(--radius-md)0 0;border-bottom:none;justify-content:space-between;align-items:center;height:32px;padding:6px 10px;display:flex}.data-editor-container .editor-wrapper{border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-md)var(--radius-md);border-top:none;height:240px;overflow:hidden}