@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--ba-primary:#1289f9;--ba-primary-light:#4da6ff;--ba-primary-dark:#0d6fd6;--ba-primary-bg:#1289f90f;--ba-primary-border:#1289f940;--ba-accent:#ffe066;--ba-accent-pink:#ff9ecd;--ba-bg:#f0f6ff;--ba-bg-card:#fff;--ba-bg-panel:#f8fbff;--ba-text:#1a2a3a;--ba-text-light:#6b8299;--ba-text-muted:#9bb0c6;--ba-border:#1289f91f;--ba-border-light:#1289f90f;--ba-shadow:0 2px 16px #1289f914;--ba-shadow-hover:0 4px 24px #1289f926;--ba-glow:0 0 20px #1289f94d;--ba-glow-soft:2px 4px 12px #a7d8ea80;--ba-radius:10px;--ba-radius-sm:6px;--ba-radius-lg:16px;--ba-transition:.3s ease;--ba-bounce:cubic-bezier(.34, 1.56, .64, 1);--ba-cyan:#21bbff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--ba-bg);min-height:100vh;color:var(--ba-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20%,#1289f90a 0%,#0000 50%),radial-gradient(at 80% 20%,#1289f908 0%,#0000 50%);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;overflow:hidden}#app{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ba-primary-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ba-primary-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(20px,-30px)}66%{transform:translate(-15px,20px)}}@keyframes glowPulse{0%,to{box-shadow:0 2px 8px #1289f940}50%{box-shadow:0 4px 24px #1289f973}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes tabSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.ba-underline{position:relative}.ba-underline:before{content:"";background-color:var(--ba-primary);width:100%;height:1px;position:absolute;bottom:0;left:0}.ba-underline:after{content:"";background-color:var(--ba-primary);width:16px;height:2px;position:absolute;bottom:0;left:0;transform:translateY(40%)}.ba-twig{background-color:#1289f914;width:100%;height:2px;position:relative}.ba-twig:after{content:"";background-color:var(--ba-primary);border-radius:2px;width:20px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ba-stroke-text{color:#0000;-webkit-text-stroke:1px var(--ba-primary-border);font-weight:700}.ba-type-badge{background:var(--ba-primary);color:#fff;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.ba-pill-btn{border:1.5px solid var(--ba-primary);color:var(--ba-primary);cursor:pointer;transition:all var(--ba-transition);background:0 0;border-radius:24px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.ba-pill-btn:before{content:"";background-color:var(--ba-primary);width:8px;height:8px;transition:all var(--ba-transition);opacity:0;border-radius:50%;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ba-pill-btn:hover{background:var(--ba-primary);color:#fff}.ba-pill-btn:hover:before{opacity:.3;transform:translateY(-50%)scale(3)}.ba-card{border-radius:var(--ba-radius);box-shadow:var(--ba-glow-soft);transition:all var(--ba-transition);background:#fff;border:1px solid #f1f1f1}.ba-card:hover{box-shadow:0 0 12px #1289f926}.ba-arrow-down{clip-path:polygon(0 0,100% 0,50% 100%);background-color:var(--ba-primary);width:10px;height:7px}.preview-wrapper[data-v-a3b6bdb6]{border-radius:var(--ba-radius-lg);width:100%;height:100%;box-shadow:var(--ba-shadow), 2px 4px 12px #a7d8ea66;background:#eef3f9;border:1px solid #1289f91a;animation:.8s .5s both fadeIn;overflow:hidden}.preview-canvas[data-v-a3b6bdb6]{width:100%;height:100%;display:block}.control-panel[data-v-bed2ce44]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--ba-radius-lg);border:1px solid var(--ba-border-light);height:100%;box-shadow:var(--ba-shadow);background:#ffffffeb;flex-direction:column;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.panel-header[data-v-bed2ce44]{flex-shrink:0;padding:12px 14px 0}.tab-bar[data-v-bed2ce44]{background:var(--ba-primary-bg);border-radius:var(--ba-radius);border:1px solid var(--ba-border-light);gap:4px;padding:4px;display:flex}.tab-btn[data-v-bed2ce44]{border-radius:calc(var(--ba-radius) - 2px);color:var(--ba-text-light);cursor:pointer;transition:all var(--ba-transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.tab-btn[data-v-bed2ce44]:hover:not(.active){color:var(--ba-primary);transform:translateY(-2px)}.tab-icon[data-v-bed2ce44]{opacity:.7;transition:transform .3s var(--ba-bounce);font-size:14px}.tab-btn.active[data-v-bed2ce44]{color:var(--ba-primary);background:#fff;position:relative;box-shadow:0 1px 4px #1289f91f}.tab-btn.active[data-v-bed2ce44]:after{content:"";background-color:var(--ba-primary);border-radius:1px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.tab-btn.active .tab-icon[data-v-bed2ce44]{opacity:1;transform:scale(1.2)}.panel-body[data-v-bed2ce44]{flex:1;padding:14px;overflow-y:auto}.tab-content[data-v-bed2ce44]{flex-direction:column;gap:10px;animation:.4s both tabSlideIn;display:flex}.control-group[data-v-bed2ce44]{flex-direction:column;gap:4px;display:flex}.control-label[data-v-bed2ce44]{color:var(--ba-text);justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.control-label-sm[data-v-bed2ce44]{color:var(--ba-text-light);margin-bottom:2px;font-size:11px}.val[data-v-bed2ce44]{color:var(--ba-primary);background:var(--ba-primary-bg);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 8px;font-size:11px;font-weight:600}.section-title[data-v-bed2ce44]{color:var(--ba-primary);letter-spacing:.5px;margin-top:4px;padding-top:10px;padding-bottom:6px;font-size:11px;font-weight:600;position:relative}.section-title[data-v-bed2ce44]:before{content:"";background-color:#1289f926;width:100%;height:1px;position:absolute;bottom:0;left:0}.section-title[data-v-bed2ce44]:after{content:"";background-color:var(--ba-primary);border-radius:1px;width:16px;height:2px;position:absolute;bottom:0;left:0;transform:translateY(40%)}.text-input[data-v-bed2ce44]{border:1px solid var(--ba-border);border-radius:var(--ba-radius);width:100%;min-height:200px;color:var(--ba-text);resize:vertical;transition:border-color var(--ba-transition);background:#fff;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.text-input[data-v-bed2ce44]:focus{border-color:var(--ba-primary);box-shadow:0 0 0 3px #1289f914}.sample-list[data-v-bed2ce44]{gap:6px;display:flex}.sample-btn[data-v-bed2ce44]{border:1px solid var(--ba-border);border-radius:var(--ba-radius-sm);color:var(--ba-text-light);cursor:pointer;transition:all var(--ba-transition);background:#fff;flex:1;padding:6px;font-family:inherit;font-size:11px}.sample-btn[data-v-bed2ce44]:hover{border-color:var(--ba-primary);color:var(--ba-primary);background:var(--ba-primary-bg);transform:translateY(-2px)}.font-list[data-v-bed2ce44]{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow:hidden auto}.font-item[data-v-bed2ce44]{border:1px solid var(--ba-border-light);border-radius:var(--ba-radius);cursor:pointer;transition:all var(--ba-transition);text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-family:inherit;display:flex}.font-item.active[data-v-bed2ce44]{border-color:var(--ba-primary);background:var(--ba-primary-bg)}.font-item[data-v-bed2ce44]:hover:not(.active):not(:disabled){border-color:var(--ba-primary-border);transform:translate(4px)}.font-item[data-v-bed2ce44]:disabled{opacity:.5;cursor:wait}.font-item-name[data-v-bed2ce44]{color:var(--ba-text);min-width:28px;font-size:18px}.font-item-label[data-v-bed2ce44]{color:var(--ba-text-light);font-size:11px}.font-upload[data-v-bed2ce44]{border-style:dashed;border-color:var(--ba-primary-border)}.upload-icon[data-v-bed2ce44]{color:var(--ba-primary)!important;font-size:20px!important}.hidden[data-v-bed2ce44]{display:none}.params[data-v-bed2ce44]{flex-direction:column;gap:8px;display:flex}.slider[data-v-bed2ce44]{appearance:none;background:var(--ba-primary-bg);width:100%;height:4px;transition:background var(--ba-transition);border-radius:2px;outline:none}.slider[data-v-bed2ce44]:hover{background:#1289f91a}.slider[data-v-bed2ce44]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ba-primary);cursor:pointer;width:16px;height:16px;transition:transform .2s var(--ba-bounce);border-radius:50%;box-shadow:0 1px 4px #1289f94d}.slider[data-v-bed2ce44]::-webkit-slider-thumb:hover{transform:scale(1.3)}.slider[data-v-bed2ce44]::-webkit-slider-thumb:active{transform:scale(1.4)}.num-input[data-v-bed2ce44]{border:1px solid var(--ba-border);border-radius:var(--ba-radius-sm);width:100%;color:var(--ba-text);transition:border-color var(--ba-transition);background:#fff;outline:none;padding:6px 8px;font-family:inherit;font-size:12px}.num-input[data-v-bed2ce44]:focus{border-color:var(--ba-primary);box-shadow:0 0 0 3px #1289f914}.row-2[data-v-bed2ce44]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.checkbox-label[data-v-bed2ce44]{color:var(--ba-text);cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.checkbox-label input[data-v-bed2ce44]{accent-color:var(--ba-primary)}.expand-btn[data-v-bed2ce44]{border:1px dashed var(--ba-primary-border);border-radius:var(--ba-radius);width:100%;color:var(--ba-primary);cursor:pointer;transition:all var(--ba-transition);background:#fff;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.expand-btn[data-v-bed2ce44]:hover{background:var(--ba-primary-bg);border-color:var(--ba-primary)}.expand-arrow[data-v-bed2ce44]{transition:transform var(--ba-transition);font-size:10px}.expand-arrow.rotated[data-v-bed2ce44]{transform:rotate(180deg)}.advanced-params[data-v-bed2ce44]{flex-direction:column;gap:8px;display:flex}.preset-row[data-v-bed2ce44]{gap:6px;display:flex}.preset-btn[data-v-bed2ce44]{border:1px solid var(--ba-border);border-radius:var(--ba-radius);color:var(--ba-text-light);cursor:pointer;transition:all var(--ba-transition);background:#fff;flex:1;padding:8px;font-family:inherit;font-size:11px}.preset-btn[data-v-bed2ce44]:hover{border-color:var(--ba-primary);color:var(--ba-primary);background:var(--ba-primary-bg);transform:translateY(-2px)}.bg-upload-area[data-v-bed2ce44]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bg-upload-btn[data-v-bed2ce44]{border:1px solid var(--ba-border);border-radius:var(--ba-radius);color:var(--ba-text-light);cursor:pointer;transition:all var(--ba-transition);background:#fff;padding:8px 14px;font-size:12px}.bg-upload-btn[data-v-bed2ce44]:hover{border-color:var(--ba-primary);color:var(--ba-primary)}.bg-filename[data-v-bed2ce44]{color:var(--ba-text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.bg-clear[data-v-bed2ce44]{color:#e74c3c;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11px}.bg-tip[data-v-bed2ce44]{color:var(--ba-text-muted);margin-top:4px;font-size:10px}.paper-grid[data-v-bed2ce44]{flex-direction:column;gap:4px;display:flex}.paper-btn[data-v-bed2ce44]{border:1px solid var(--ba-border-light);border-radius:var(--ba-radius);cursor:pointer;transition:all var(--ba-transition);background:#fff;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;display:flex}.paper-btn.active[data-v-bed2ce44]{border-color:var(--ba-primary);background:var(--ba-primary-bg)}.paper-btn[data-v-bed2ce44]:hover:not(.active){border-color:var(--ba-primary-border);transform:translate(4px)}.paper-thumb[data-v-bed2ce44]{object-fit:cover;border:1px solid var(--ba-border-light);border-radius:4px;width:32px;height:42px}.paper-name[data-v-bed2ce44]{color:var(--ba-text);font-size:12px}.panel-footer[data-v-bed2ce44]{flex-shrink:0;gap:8px;padding:12px 14px;display:flex;position:relative}.panel-footer[data-v-bed2ce44]:before{content:"";background-color:#1289f926;width:100%;height:1px;position:absolute;top:0;left:0}.panel-footer[data-v-bed2ce44]:after{content:"";background-color:var(--ba-primary);border-radius:1px;width:20px;height:2px;position:absolute;top:0;right:14px;transform:translateY(40%)}.btn[data-v-bed2ce44]{border-radius:var(--ba-radius);cursor:pointer;transition:all var(--ba-transition);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.btn-icon[data-v-bed2ce44]{font-size:12px}.btn-primary[data-v-bed2ce44]{color:#fff;background:linear-gradient(135deg,#1289f9,#4da6ff);box-shadow:0 2px 8px #1289f940,2px 4px 12px #a7d8ea66}.btn-primary[data-v-bed2ce44]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1289f959,2px 4px 16px #a7d8ea99}.btn-primary[data-v-bed2ce44]:active{transform:translateY(0)scale(.97)}.btn-outline[data-v-bed2ce44]{color:var(--ba-primary);border:1px solid var(--ba-primary-border);background:#fff}.btn-outline[data-v-bed2ce44]:hover{background:var(--ba-primary-bg);border-color:var(--ba-primary);transform:translateY(-2px)}.btn-outline[data-v-bed2ce44]:active{transform:translateY(0)scale(.97)}.app-layout[data-v-c1addf7b]{background:var(--ba-bg);background-image:radial-gradient(at 15% 80%,#1289f90a 0%,#0000 50%),radial-gradient(at 85% 15%,#1289f908 0%,#0000 50%);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.deco-orb[data-v-c1addf7b]{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.deco-orb-1[data-v-c1addf7b]{background:#1289f914;width:300px;height:300px;animation:12s ease-in-out infinite float;top:-80px;left:10%}.deco-orb-2[data-v-c1addf7b]{background:#ff9ecd0f;width:220px;height:220px;animation:15s ease-in-out infinite reverse float;bottom:-60px;right:20%}.deco-orb-3[data-v-c1addf7b]{background:#4da6ff12;width:180px;height:180px;animation:18s ease-in-out infinite float;top:50%;left:45%}.app-header[data-v-c1addf7b]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;flex-shrink:0;animation:.6s both fadeInDown-c1addf7b;position:relative}.app-header[data-v-c1addf7b]:after{content:"";background-color:#1289f91f;width:100%;height:1px;position:absolute;bottom:0;left:0}.app-header[data-v-c1addf7b]:before{content:"";background-color:var(--ba-primary);z-index:1;border-radius:1px;width:32px;height:2px;position:absolute;bottom:0;left:24px;transform:translateY(40%)}@keyframes fadeInDown-c1addf7b{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-inner[data-v-c1addf7b]{justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.brand[data-v-c1addf7b]{align-items:center;gap:12px;display:flex}.brand-icon[data-v-c1addf7b]{animation:bounceIn .8s var(--ba-bounce) .2s both;justify-content:center;align-items:center;display:flex}.brand-text[data-v-c1addf7b]{align-items:baseline;gap:8px;display:flex}.brand-title[data-v-c1addf7b]{color:var(--ba-primary);letter-spacing:-.5px;font-size:20px;font-weight:700;animation:.6s .3s both fadeInUp}.brand-sub[data-v-c1addf7b]{color:var(--ba-text-muted);background:var(--ba-primary-bg);border:1px solid var(--ba-border-light);border-radius:20px;padding:2px 10px;font-size:11px;animation:.6s .4s both fadeInUp}.size-badge[data-v-c1addf7b]{color:#fff;background:var(--ba-primary);font-variant-numeric:tabular-nums;border-radius:4px;padding:3px 12px;font-size:11px;font-weight:600;animation:.6s .5s both fadeInUp}.header-info[data-v-c1addf7b]{align-items:center;gap:10px;display:flex}.github-link[data-v-c1addf7b]{border-radius:var(--ba-radius);width:32px;height:32px;color:var(--ba-text-light);border:1px solid var(--ba-border-light);transition:all var(--ba-transition);background:#fff;justify-content:center;align-items:center;animation:.6s .5s both fadeInUp;display:flex}.github-link[data-v-c1addf7b]:hover{color:var(--ba-primary);border-color:var(--ba-primary);background:var(--ba-primary-bg);transform:translateY(-2px)}.app-main[data-v-c1addf7b]{flex:1;gap:16px;min-height:0;padding:16px;display:flex}.preview-section[data-v-c1addf7b]{flex:1;min-width:0;min-height:0;animation:.7s .3s both fadeInUp}.sidebar[data-v-c1addf7b]{flex-shrink:0;width:350px;min-height:0;animation:.7s .4s both slideInRight;overflow:hidden}@media (width<=900px){.app-main[data-v-c1addf7b]{flex-direction:column}.sidebar[data-v-c1addf7b]{width:100%;max-height:50vh}.preview-section[data-v-c1addf7b]{min-height:40vh}}