*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.b,.border{border-width:1px}.border-block{border-block-width:1px}.uppercase{text-transform:uppercase}.ordinal{--un-ordinal:ordinal;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline{text-decoration-line:underline}.outline{outline-style:solid}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-0:#0b0d12;--bg-1:#0f131a;--surface-1:#151a23;--surface-2:#1b212d;--surface-3:#222a38;--border:#293140;--border-strong:#394356;--text-1:#f2f3f7;--text-2:#aab2c0;--text-3:#788397;--primary:#7167f9;--primary-hover:#8177ff;--primary-text:#9992ff;--primary-control:#6253d7;--primary-control-hover:#7061e5;--primary-muted:#7167f924;--primary-ring:#7167f95c;--cyan:#22d3ee;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--radius-control:6px;--radius-card:8px;--radius-panel:12px;--space-1:4px;--nav-collapsed-width:56px;--nav-expanded-width:216px;--topbar-height:72px;--page-max-width:1480px;--shadow-drawer:-18px 0 48px #00000075;--shadow-focus:0 0 0 3px var(--primary-ring);--font-mono:"SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4,p{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:0 0}html.dark{--el-bg-color:var(--bg-0);--el-bg-color-page:var(--bg-0);--el-bg-color-overlay:var(--surface-1);--el-border-color:var(--border);--el-border-color-light:var(--border);--el-border-color-lighter:var(--border);--el-border-color-extra-light:var(--border);--el-text-color-primary:var(--text-1);--el-text-color-regular:var(--text-2);--el-text-color-secondary:var(--text-3);--el-text-color-placeholder:var(--text-3);--el-fill-color-blank:var(--surface-1);--el-fill-color-light:var(--surface-2);--el-fill-color:var(--surface-2);--el-border-radius-base:var(--radius-control);--el-border-radius-small:4px;--el-border-radius-round:999px;--el-color-primary:var(--primary-control);--el-color-primary-light-3:var(--primary-control-hover);--el-color-primary-light-5:#bdb7f8;--el-color-primary-light-7:#d7d4fb;--el-color-primary-light-8:#e5e2fc;--el-color-primary-light-9:#f2f1fd;--el-color-primary-dark-2:#5e4ac5;--el-color-success:var(--success);--el-color-warning:var(--warning);--el-color-danger:var(--danger);--el-color-error:var(--danger);--el-color-info:var(--info)}html.dark .el-popper.is-light,html.dark .el-message{background:var(--surface-1);border-color:var(--border)}html.dark .el-card{--el-card-bg-color:var(--surface-1);border-color:var(--border);border-radius:var(--radius-card)}html.dark .el-dialog{background:var(--surface-1);border-radius:var(--radius-panel)}html.dark .el-input__wrapper,html.dark .el-textarea__inner,html.dark .el-select__wrapper{background-color:var(--surface-2);box-shadow:0 0 0 1px var(--border) inset}html.dark .el-input__wrapper.is-focus,html.dark .el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--primary) inset}.prototype-page{width:min(100%, var(--page-max-width));min-height:100%;margin:0 auto}.prototype-page__header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.prototype-page__title{letter-spacing:-.02em;font-size:28px;font-weight:650;line-height:1.3}.prototype-page__description{max-width:720px;color:var(--text-2);margin-top:7px;line-height:1.75}.prototype-actions,.prototype-toolbar,.prototype-tabs{align-items:center;gap:10px;display:flex}.prototype-button{border:1px solid var(--border-strong);border-radius:var(--radius-control);min-height:38px;color:var(--text-2);justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.prototype-button:hover,.prototype-button.is-active{border-color:var(--primary);background:var(--primary-muted);color:var(--text-1)}.prototype-button.is-primary{border-color:var(--primary-control);background:var(--primary-control);color:#fff}.prototype-button.is-primary:hover{background:var(--primary-control-hover)}.prototype-button.is-danger{color:var(--danger);border-color:#f871718c}.prototype-button:focus-visible,.prototype-tab:focus-visible,.prototype-input:focus-visible,.prototype-textarea:focus-visible{box-shadow:var(--shadow-focus);outline:none}.prototype-panel{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-1)}.prototype-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:0 16px;display:flex}.prototype-panel__header h2,.prototype-panel__header h3{font-size:15px;font-weight:650}.prototype-panel__body{padding:16px}.prototype-tab{min-height:38px;color:var(--text-3);border-bottom:2px solid #0000;padding:0 14px;font-size:13px}.prototype-tab.is-active{border-color:var(--primary);color:var(--primary-text)}.prototype-callout{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);min-height:42px;color:var(--text-2);align-items:center;gap:9px;padding:10px 14px;font-size:13px;display:flex}.prototype-callout.is-success{color:#a7f3d0;background:#34d39912;border-color:#34d39959}.prototype-dot{background:var(--text-3);border-radius:50%;flex:none;width:8px;height:8px}.prototype-dot.is-success{background:var(--success)}.prototype-dot.is-running{background:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.prototype-dot.is-warning{background:var(--warning)}.prototype-dot.is-danger{background:var(--danger)}.prototype-input,.prototype-textarea,.prototype-select{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-1);width:100%;color:var(--text-1);font:inherit}.prototype-input,.prototype-select{height:38px;padding:0 12px}.prototype-textarea{resize:vertical;min-height:120px;padding:12px;line-height:1.75}.prototype-field label{color:var(--text-3);margin-bottom:7px;font-size:12px;display:block}.prototype-checklist{gap:9px;display:grid}.prototype-check{color:var(--text-2);align-items:flex-start;gap:9px;font-size:13px;display:flex}.prototype-check:before{width:17px;height:17px;color:var(--success);content:"✓";background:#34d39924;border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.prototype-inspector{min-width:0}.prototype-inspector .prototype-panel+.prototype-panel{margin-top:12px}.prototype-meta{gap:10px;display:grid}.prototype-meta>div{color:var(--text-2);grid-template-columns:88px minmax(0,1fr);gap:12px;display:grid}.prototype-meta dt{color:var(--text-3)}.prototype-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-card);min-height:220px;color:var(--text-3);text-align:center;place-items:center;padding:28px;display:grid}@media (width<=1100px){.prototype-page__header{flex-direction:column}}@media (width<=760px){.prototype-page__title{font-size:24px}.prototype-actions{flex-wrap:wrap;width:100%}.prototype-button{flex:1}}