@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}uni-page[data-type] uni-page-body{background-color:transparent}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}.studio-root{--cs-bg: #f8fafc;--cs-bg-secondary: #f1f5f9;--cs-bg-tertiary: #e2e8f0;--cs-surface: #ffffff;--cs-surface-elevated: #ffffff;--cs-border: #e2e8f0;--cs-border-subtle: rgba(0, 0, 0, .06);--cs-text: #1e293b;--cs-text-secondary: #334155;--cs-text-muted: #64748b;--cs-text-subtle: #94a3b8;--cs-primary: #0d9488;--cs-primary-hover: #0f766e;--cs-primary-muted: rgba(13, 148, 136, .12);--cs-danger: #ef4444;--cs-danger-bg: #fef2f2;--cs-danger-border: #fecaca;--cs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--cs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--cs-header-bg: rgba(255, 255, 255, .88);--cs-glass-bg: rgba(255, 255, 255, .88);--cs-glass-border: rgba(255, 255, 255, .6);--cs-input-bg: #f8fafc;--cs-input-focus-bg: #ffffff;--cs-code-bg: #f1f5f9;--cs-segment-bg: #e2e8f0;--cs-segment-active: #ffffff;--cs-segment-text: #475569;--cs-segment-active-text: #0f172a;--cs-btn-secondary-bg: #f1f5f9;--cs-icon-btn-bg: #f1f5f9;--cs-preview-bg: #e2e8f0;--cs-zoom-bg: #f1f5f9;--cs-zoom-btn-bg: #ffffff;--cs-deck-bg: rgba(255, 255, 255, .92);--cs-rate-bg: #e2e8f0;--cs-rate-active: #ffffff;--cs-resizer-bg: #f1f5f9;--cs-resizer-bar: #cbd5e1;--cs-tag-gray-bg: #f1f5f9;--cs-tag-gray-text: #334155;--cs-tag-amber-bg: #fffbeb;--cs-tag-amber-text: #d97706;--cs-tag-amber-border: #fef3c7;--cs-tag-teal-bg: #f0fdfa;--cs-tag-teal-text: #0f766e;--cs-tag-teal-border: #ccfbf1;--cs-tag-red-bg: #fef2f2;--cs-tag-red-text: #b91c1c;--cs-tag-red-border: #fee2e2;--cs-tag-blue-bg: #eff6ff;--cs-tag-blue-text: #1d4ed8;--cs-tag-blue-border: #dbeafe;--cs-tag-outline-bg: #ffffff;--cs-badge-bg: #f0fdfa;--cs-badge-text: #0d9488;--cs-badge-border: #ccfbf1;--cs-scrollbar: rgba(148, 163, 184, .25);--cs-transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease}.studio-root.dark{color-scheme:dark;--cs-bg: #0c1222;--cs-bg-secondary: #111827;--cs-bg-tertiary: #1e293b;--cs-surface: #1a2332;--cs-surface-elevated: #243044;--cs-border: rgba(51, 65, 85, .65);--cs-border-subtle: rgba(51, 65, 85, .45);--cs-text: #f1f5f9;--cs-text-secondary: #e2e8f0;--cs-text-muted: #94a3b8;--cs-text-subtle: #64748b;--cs-primary-muted: rgba(45, 212, 191, .15);--cs-danger-bg: rgba(127, 29, 29, .25);--cs-danger-border: rgba(185, 28, 28, .35);--cs-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .35);--cs-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .45);--cs-header-bg: rgba(12, 18, 34, .92);--cs-glass-bg: rgba(26, 35, 50, .92);--cs-glass-border: rgba(51, 65, 85, .5);--cs-input-bg: rgba(15, 23, 42, .65);--cs-input-focus-bg: #0f172a;--cs-code-bg: #0f172a;--cs-segment-bg: #0f172a;--cs-segment-active: #334155;--cs-segment-text: #94a3b8;--cs-segment-active-text: #f1f5f9;--cs-btn-secondary-bg: rgba(30, 41, 59, .8);--cs-icon-btn-bg: #1e293b;--cs-preview-bg: #0a0f1a;--cs-zoom-bg: #1e293b;--cs-zoom-btn-bg: #334155;--cs-deck-bg: rgba(26, 35, 50, .95);--cs-rate-bg: #334155;--cs-rate-active: #475569;--cs-resizer-bg: #0c1222;--cs-resizer-bar: #475569;--cs-tag-gray-bg: rgba(30, 41, 59, .8);--cs-tag-gray-text: #cbd5e1;--cs-tag-amber-bg: rgba(180, 83, 9, .18);--cs-tag-amber-text: #fbbf24;--cs-tag-amber-border: rgba(245, 158, 11, .25);--cs-tag-teal-bg: rgba(13, 148, 136, .18);--cs-tag-teal-text: #2dd4bf;--cs-tag-teal-border: rgba(45, 212, 191, .25);--cs-tag-red-bg: rgba(185, 28, 28, .18);--cs-tag-red-text: #fca5a5;--cs-tag-red-border: rgba(239, 68, 68, .25);--cs-tag-blue-bg: rgba(37, 99, 235, .18);--cs-tag-blue-text: #93c5fd;--cs-tag-blue-border: rgba(59, 130, 246, .25);--cs-tag-outline-bg: rgba(30, 41, 59, .5);--cs-badge-bg: rgba(13, 148, 136, .18);--cs-badge-text: #2dd4bf;--cs-badge-border: rgba(45, 212, 191, .25);--cs-scrollbar: rgba(100, 116, 139, .35)}html.dark,html.dark body,html.dark uni-page-body{background:#020617;color-scheme:dark}body{background:#020617}uni-page-body,body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;height:100%;overflow:hidden;transition:var(--cs-transition, background-color .25s ease)}uni-button{margin:0;line-height:normal;background:transparent}uni-button:after{border:none}.studio-root{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--cs-bg);color:var(--cs-text);position:relative;overflow:hidden;transition:var(--cs-transition);padding-bottom:env(safe-area-inset-bottom,0)}.studio-root.dark{background:#020617}.studio-glow-1{position:absolute;top:10%;left:10%;width:450px;height:450px;background:rgba(45,212,191,.1);border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.studio-glow-2{position:absolute;bottom:10%;right:10%;width:550px;height:550px;background:rgba(56,189,248,.1);border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.dark .studio-glow-1{background:rgba(20,184,166,.15)}.dark .studio-glow-2{background:rgba(99,102,241,.15)}.studio-header{height:56px;flex-shrink:0;background:var(--cs-header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--cs-border);padding:0 20px;display:flex;align-items:center;justify-content:space-between;z-index:10;transition:var(--cs-transition)}.studio-logo{width:34px;height:34px;background:linear-gradient(to top right,#14b8a6,#34d399);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.studio-title{font-size:14px;font-weight:900;color:var(--cs-text);transition:var(--cs-transition)}.studio-subtitle{font-size:10px;color:var(--cs-text-subtle)}.studio-badge{font-size:9px;background:#ccfbf1;color:#0f766e;padding:2px 4px;border-radius:4px;font-weight:800;text-transform:uppercase;margin-left:4px}.dark .studio-badge{background:rgba(20,184,166,.2);color:#2dd4bf}.studio-main{flex:1;display:flex;overflow:hidden;position:relative;z-index:10}.studio-pane-left{height:100%;flex-shrink:0}.studio-pane-right{height:100%;flex-shrink:0;flex:1;min-width:0}.studio-resizer{width:6px;height:100%;flex-shrink:0;background:var(--cs-resizer-bg);cursor:col-resize;display:flex;align-items:center;justify-content:center;z-index:30;transition:var(--cs-transition)}.studio-resizer.active,.studio-resizer:hover{background:#2dd4bf}.studio-resizer-bar{width:2px;height:32px;background:var(--cs-resizer-bar);border-radius:999px;transition:var(--cs-transition)}.studio-root.compact .studio-glow-1,.studio-root.compact .studio-glow-2{display:none}.studio-root.compact .studio-header{padding:0 12px;height:44px}.studio-root.compact .studio-logo{width:28px;height:28px;border-radius:8px;font-size:14px}.studio-root.compact .studio-title{font-size:13px}.studio-root.compact .header-right{gap:8px}.studio-root.compact .header-save-indicator{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-root.compact .studio-main{flex-direction:column;min-height:0}.studio-root.compact .studio-pane-left,.studio-root.compact .studio-pane-right{width:100%!important;height:100%;flex:1;min-height:0;overflow:hidden}.studio-root.compact .studio-resizer{display:none}.mobile-header-menu-wrap{position:relative}.mobile-menu-btn{width:36px;height:36px;font-size:20px;line-height:36px;font-weight:700}.mobile-header-menu{position:fixed;top:calc(44px + env(safe-area-inset-top,0));right:12px;min-width:160px;background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:12px;box-shadow:var(--cs-shadow-md);z-index:1000;overflow:hidden}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:rgba(15,23,42,.25)}.mobile-menu-item{display:block;width:100%;padding:12px 16px;font-size:13px;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--cs-border-subtle);color:var(--cs-text);cursor:pointer}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:active{background:var(--cs-bg-tertiary)}.mobile-menu-item[disabled]{opacity:.5}.mobile-tab-bar{flex-shrink:0;display:flex;height:calc(48px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:var(--cs-header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--cs-border);z-index:100}.mobile-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--cs-text-muted);cursor:pointer;transition:color .2s;position:relative;padding-top:6px}.mobile-tab-item.active{color:var(--cs-primary)}.mobile-tab-indicator{width:20px;height:3px;border-radius:2px;background:transparent;transition:background .2s}.mobile-tab-item.active .mobile-tab-indicator{background:var(--cs-primary)}.mobile-tab-label{font-size:12px;font-weight:600;letter-spacing:.02em}@media (max-width: 767px),(max-width: 1023px) and (orientation: portrait){.studio-root:not(.compact) .studio-header{padding:0 12px}}.glass-card{background:var(--cs-input-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--cs-border);border-radius:12px;color:var(--cs-text-muted);transition:var(--cs-transition)}.glass-input{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:8px 10px;font-size:12px;width:100%;box-sizing:border-box;color:#1e293b}.dark .glass-input{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.08);color:#f1f5f9}.sidebar{height:100%;display:flex;flex-direction:column;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(226,232,240,.4);overflow:hidden}.dark .sidebar{background:rgba(2,6,23,.35);border-right-color:rgba(30,41,59,.4)}.sidebar-tabs{display:flex;border-bottom:1px solid rgba(226,232,240,.4);padding:4px;gap:4px}.dark .sidebar-tabs{border-bottom-color:rgba(30,41,59,.4)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;font-size:12px;font-weight:600;border-radius:8px;color:#64748b;border:none;background:transparent}.sidebar-tab.active{background:rgba(255,255,255,.8);color:#0d9488;box-shadow:0 1px 2px rgba(0,0,0,.05)}.dark .sidebar-tab.active{background:rgba(255,255,255,.1);color:#2dd4bf}.sidebar-body{flex:1;overflow-y:auto}.btn-primary{background:#0d9488;color:#fff;border:none;border-radius:12px;padding:10px 16px;font-size:12px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#0f766e}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--cs-btn-secondary-bg);color:var(--cs-text-secondary);border:1px solid var(--cs-border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:var(--cs-transition)}.btn-icon{padding:8px;border-radius:12px;border:1px solid var(--cs-border-subtle);background:var(--cs-icon-btn-bg);color:var(--cs-text);cursor:pointer;font-size:16px;line-height:1;transition:var(--cs-transition)}.btn-icon:hover{border-color:var(--cs-primary)}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0}.theme-toggle-icon{font-size:18px;line-height:1}.btn-help{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:12px;border:none;background:rgba(204,251,241,.6);color:#0d9488;cursor:pointer}.dark .btn-help{background:rgba(20,184,166,.15);color:#2dd4bf}.btn-help[disabled]{opacity:.6;cursor:not-allowed}.header-left{display:flex;align-items:center;gap:8px}.header-right{display:flex;align-items:center;gap:16px}.tag-btn{padding:4px 10px;border-radius:8px;font-size:11px;border:1px solid var(--cs-border);background:var(--cs-tag-outline-bg);color:var(--cs-text-secondary);margin:0 4px 4px 0;transition:var(--cs-transition)}.tag-btn.amber{background:var(--cs-tag-amber-bg);color:var(--cs-tag-amber-text);border-color:var(--cs-tag-amber-border)}.tag-btn.teal{background:var(--cs-tag-teal-bg);color:var(--cs-tag-teal-text);border-color:var(--cs-tag-teal-border)}.tag-btn.blue{background:var(--cs-tag-blue-bg);color:var(--cs-tag-blue-text);border-color:var(--cs-tag-blue-border)}.error-box{background:var(--cs-danger-bg);border:1px solid var(--cs-danger-border);border-radius:12px;padding:12px;margin-top:12px;transition:var(--cs-transition)}.error-title{font-size:12px;font-weight:700;color:var(--cs-danger)}.error-item{font-size:11px;color:var(--cs-danger);margin-top:6px;opacity:.9}.char-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--cs-border);background:var(--cs-input-bg);margin-bottom:10px;transition:var(--cs-transition)}.avatar-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0;overflow:hidden}.avatar-img{width:40px;height:40px;border-radius:10px;object-fit:cover}.pos-toggle{display:flex;background:#f1f5f9;padding:2px;border-radius:6px;font-size:10px}.dark .pos-toggle{background:#020617}.pos-btn{padding:2px 8px;border-radius:4px;border:none;background:transparent;color:#64748b;font-size:10px}.pos-btn.active{background:#fff;color:#1e293b;font-weight:700}.dark .pos-btn.active{background:#1e293b;color:#f1f5f9}.preview-root{height:100%;display:flex;flex-direction:column;background:rgba(241,245,249,.1);padding:16px;overflow:hidden;-webkit-user-select:none;user-select:none}.dark .preview-root{background:rgba(2,6,23,.1)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.preview-title{font-size:14px;font-weight:800;color:#1e293b}.dark .preview-title{color:#f1f5f9}.slice-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(245,158,11,.1);color:#b45309;border:1px solid rgba(245,158,11,.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.preview-actions{display:flex;align-items:center;gap:8px}.btn-export-secondary{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid rgba(226,232,240,.4);background:rgba(255,255,255,.4);color:#334155;cursor:pointer}.dark .btn-export-secondary{background:rgba(15,23,42,.4);color:#e2e8f0;border-color:rgba(30,41,59,.4)}.btn-export-secondary:disabled{opacity:.5}.btn-export-primary{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:8px;border:none;background:#0d9488;color:#fff;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-export-primary:disabled{opacity:.5}.preview-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0}.phone-frame,.phone-frame *{box-sizing:border-box;-webkit-font-smoothing:antialiased}.phone-frame{position:relative;background:#000;border-radius:44px;box-shadow:0 25px 50px -12px rgba(0,0,0,.45);padding:12px;border:4px solid rgba(30,41,59,.9);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.phone-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:112px;height:24px;background:#000;border-radius:999px;z-index:50;display:flex;align-items:center;justify-content:center}.phone-notch-dot{width:12px;height:12px;background:#0f172a;border-radius:50%;margin-left:4px}.phone-screen{flex:1;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0}.phone-statusbar{height:44px;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 24px 4px;font-size:12px;font-weight:600;z-index:40;box-sizing:border-box}.status-time{font-size:12px;font-weight:600}.status-icons{display:flex;align-items:center;gap:6px}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.signal-bar{width:2px;border-radius:1px}.status-wifi{display:inline-flex;align-items:center}.battery-wrap{display:flex;align-items:center;gap:4px}.battery-text{font-size:10px;font-weight:500}.battery-shell{width:22px;height:12px;border:1px solid #334155;border-radius:2px;padding:1px;position:relative;display:flex;align-items:center}.battery-fill{height:100%;border-radius:1px;background:#10b981}.battery-fill.mid{background:#f59e0b}.battery-fill.low{background:#ef4444}.battery-cap{position:absolute;right:-3px;top:3px;width:2px;height:4px;background:#334155;border-radius:0 1px 1px 0}.phone-header{height:44px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:40;box-sizing:border-box}.header-back{display:flex;align-items:center;font-size:12px}.header-back-icon{margin-right:2px}.header-back-text{font-size:12px}.header-title{font-size:15px;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.header-count{font-weight:400;font-size:12px}.header-more{display:inline-flex;align-items:center}.phone-chat{flex:1;min-height:0;padding:16px;overflow-y:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.phone-chat.recording{overflow:hidden;padding-top:0;padding-bottom:0}.messages-inner{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.messages-inner.is-recording{padding:16px 0}.msg-item{flex-shrink:0;box-sizing:border-box}.msg-system{display:flex;justify-content:center;width:100%;padding:0 24px;box-sizing:border-box}.msg-system-inner{background:rgba(0,0,0,.08);color:#64748b;font-size:11px;line-height:1.5;border-radius:6px;padding:2px 8px;max-width:90%;text-align:center}.msg-row{display:flex;flex-direction:row;align-items:flex-start;gap:10px;width:100%;box-sizing:border-box}.msg-row.right{flex-direction:row-reverse}.msg-avatar{width:38px;height:38px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06)}.msg-avatar-img{width:38px;height:38px;border-radius:8px;object-fit:cover}.msg-avatar-text{color:#fff;font-size:11px;font-weight:700}.msg-col{display:flex;flex-direction:column;max-width:70%;min-width:0;align-items:flex-start}.msg-col.align-end{align-items:flex-end}.msg-name{font-size:11px;color:#64748b;margin-bottom:2px;margin-left:4px;font-weight:500}.msg-bubble-wrap{position:relative;max-width:100%}.msg-bubble{padding:8px 12px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);word-break:break-all;box-sizing:border-box}.msg-bubble-text{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.msg-bubble-tail{position:absolute;top:13px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent}.msg-bubble-tail.tail-left{left:-5px;border-right:5px solid #fff}.msg-bubble-tail.tail-right{right:-5px;border-left:5px solid #95EC69}.msg-emoji{padding:4px}.msg-emoji-img{max-height:96px;max-width:120px;border-radius:8px}.msg-emoji-fallback{font-size:48px;line-height:1}.transfer-card{width:208px;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05);flex-shrink:0}.transfer-send{background:#f89d34;border:1px solid rgba(251,146,60,.2)}.transfer-body{padding:14px;display:flex;align-items:flex-start;gap:12px}.transfer-icon-wrap{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.transfer-info{display:flex;flex-direction:column;gap:2px;min-width:0}.transfer-amount{font-size:14px;font-weight:700;color:#fff;display:block}.transfer-amount.dark{color:#334155}.transfer-remark{font-size:11px;color:rgba(255,255,255,.85);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.transfer-status-text{font-size:11px;color:#64748b;display:block}.transfer-status-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.transfer-status-icon.accept{background:#e2943b}.transfer-status-icon.return{background:#94a3b8}.transfer-footer{padding:4px 14px;font-size:10px;color:#94a3b8;background:#fdf9f4;display:flex;align-items:center;justify-content:space-between;gap:4px}.transfer-accept{background:#fcead2;border:1px solid rgba(245,223,179,.4)}.transfer-return{background:#ededed;border:1px solid rgba(203,213,225,.25)}.accept-footer{background:#faf4eb}.return-footer{background:#f5f5f5}.phone-footer{height:48px;flex-shrink:0;border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:center;padding:0 16px;gap:10px;z-index:40;box-sizing:border-box}.footer-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.phone-input-fake{flex:1;border:1px solid #e2e8f0;border-radius:8px;padding:4px 12px;font-size:12px;color:#94a3b8;box-sizing:border-box}.timeline-deck{margin-top:12px;flex-shrink:0;padding:12px}.timeline-time{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;color:#334155;background:rgba(255,255,255,.25);padding:2px 8px;border-radius:4px;border:1px solid rgba(226,232,240,.2)}.dark .timeline-time{color:#e2e8f0;background:rgba(30,41,59,.4)}.timeline-label{font-size:11px;color:#94a3b8}.timeline-slider{margin:8px 0}.timeline-controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.play-controls{display:flex;align-items:center;gap:12px}.btn-rewind{padding:6px;border-radius:50%;border:none;background:transparent;color:#64748b;font-size:16px;cursor:pointer}.timeline-hint{font-size:10px;color:#94a3b8}.recording-status{font-size:14px;font-weight:700;color:#2dd4bf;margin-bottom:4px}.recording-percent{font-size:12px;color:#94a3b8;font-family:ui-monospace,monospace;margin-top:4px}.recording-hint{font-size:10px;color:#64748b;margin-top:16px;text-align:center;max-width:280px;line-height:1.5}.empty-icon{margin-bottom:8px;display:inline-flex;align-items:center;justify-content:center}.empty-title{font-size:16px;font-weight:700;margin-bottom:8px;color:#334155;display:block}.dark .empty-title{color:#e2e8f0}.recording-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;color:#fff;border-radius:16px}.spinner{width:48px;height:48px;border:4px solid #334155;border-top-color:#14b8a6;border-right-color:#14b8a6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:224px;height:6px;background:#1e293b;border-radius:999px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:#14b8a6;transition:width .3s}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-box{background:var(--cs-surface);color:var(--cs-text);border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.4);border:1px solid var(--cs-border-subtle);transition:var(--cs-transition)}.modal-header{padding:16px;border-bottom:1px solid var(--cs-border);display:flex;justify-content:space-between;align-items:center;transition:var(--cs-transition)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:16px;border-top:1px solid var(--cs-border);transition:var(--cs-transition)}.flex-row{display:flex;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-8{margin-bottom:8px}.text-xs{font-size:12px}.text-muted{color:var(--cs-text-subtle)}.font-mono{font-family:ui-monospace,monospace}.w-full{width:100%}.section-title{font-size:12px;font-weight:700;color:var(--cs-text-secondary);margin-bottom:8px;transition:var(--cs-transition)}.play-btn{width:48px;height:48px;border-radius:50%;background:#0d9488;color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.rate-group{display:flex;background:rgba(255,255,255,.2);padding:2px;border-radius:8px;border:1px solid rgba(226,232,240,.35)}.rate-btn{padding:2px 8px;border-radius:6px;border:none;background:transparent;font-size:11px;color:#64748b}.rate-btn.active{background:#0d9488;color:#fff;font-weight:700}.empty-hint{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;text-align:center;padding:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--cs-scrollbar);border-radius:999px}