.lang-switcher[data-v-8f699f24]{position:relative;display:inline-flex;align-items:center}.lang-btn[data-v-8f699f24]{background:none;border:none;color:#8b949e;cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;transition:color .15s;line-height:1}.lang-btn[data-v-8f699f24]:hover{color:#e6edf3}.lang-dropdown[data-v-8f699f24]{position:absolute;top:calc(100% + 6px);left:0;background:#161b22;border:1px solid #30363d;border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:130px;z-index:200;overflow:hidden}.lang-item[data-v-8f699f24]{display:block;width:100%;padding:9px 16px;font-size:.82rem;color:#8b949e;background:none;border:none;border-bottom:1px solid #30363d;cursor:pointer;text-align:left;transition:background .1s,color .1s}.lang-item[data-v-8f699f24]:last-child{border-bottom:none}.lang-item[data-v-8f699f24]:hover{background:#21262d;color:#e6edf3}.lang-item--active[data-v-8f699f24]{color:#58a6ff;background:#1f3a5f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0d1117;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;justify-content:center;padding:40px 20px;min-height:100vh}.container{width:100%;max-width:700px;display:flex;flex-direction:column;gap:20px}.title-row{display:flex;align-items:center;gap:10px}h1{font-size:1.5rem;color:#58a6ff}.toolbar{display:flex;flex-direction:column;gap:8px}.toolbar-top{display:flex;justify-content:space-between;align-items:stretch;gap:8px}.toolbar-right{display:flex;gap:8px}.toolbar-modes{margin-top:1rem;display:flex;gap:8px}.btn{flex:1;padding:10px 16px;font-size:.9rem;border:1px solid #30363d;border-radius:8px;background:#21262d;color:#8b949e;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.btn:hover{border-color:#58a6ff;color:#58a6ff}.btn-selected{border-color:#58a6ff;color:#58a6ff;background:#1f3a5f}.btn-danger{background:#da3633;color:#e6edf3;border-color:#da3633}.btn-danger:hover{background:#da3633;color:#e6edf3;border-color:#da3633;filter:brightness(1.15)}.visualizer-wrap{border:1px solid #30363d;border-radius:8px;overflow:hidden}.msg-error{color:#f85149;font-size:.9rem}.msg-silence{color:#e3b341;font-size:.9rem}.info{display:flex;gap:20px;font-size:.85rem;color:#8b949e}.side-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:#161b22;border-left:1px solid #30363d;display:flex;flex-direction:column;z-index:100;box-shadow:-8px 0 24px #0006}.panel-enter-active,.panel-leave-active{transition:transform .25s ease}.panel-enter-from,.panel-leave-to{transform:translate(100%)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #30363d;flex-shrink:0}.panel-header h2{font-size:1rem;display:flex;align-items:center;gap:8px}.unsaved-dot{color:#e3b341;font-size:.75rem}.icon-btn{background:none;border:none;color:#8b949e;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;line-height:1}.icon-btn:hover{color:#e6edf3;background:#21262d}.panel-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}section{display:flex;flex-direction:column;gap:14px}section:first-child{padding-bottom:1rem;border-bottom:1px solid #30363d}section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8b949e;display:flex;align-items:center;gap:8px}.mode-tag{background:#1f3a5f;color:#58a6ff;border:1px solid #58a6ff44;border-radius:4px;padding:1px 8px;font-size:.72rem;text-transform:none;letter-spacing:0}.field{display:flex;flex-direction:column;gap:6px;cursor:default}.field>span{font-size:.8rem;color:#8b949e}.input-row{display:flex;align-items:center;gap:8px}.input-row input[type=range]{flex:1;min-width:0;accent-color:#58a6ff;cursor:pointer}.num-input,.text-input{width:80px;padding:4px 8px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:.82rem;flex-shrink:0}.color-input{width:34px;height:30px;border:1px solid #30363d;border-radius:6px;background:#0d1117;cursor:pointer;padding:2px;flex-shrink:0}input:disabled,select:disabled{opacity:.35;cursor:not-allowed}.check-label{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#8b949e;cursor:pointer;white-space:nowrap;flex-shrink:0}.select-input{width:100%;padding:6px 10px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:.82rem;cursor:pointer}.panel-footer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid #30363d;flex-shrink:0}.footer-btn{flex:1;padding:9px;font-size:.88rem;border-radius:8px;border:1px solid #30363d;cursor:pointer;transition:all .15s}.footer-btn:disabled{opacity:.35;cursor:not-allowed}.footer-btn-reset{background:#21262d;color:#8b949e}.footer-btn-reset:not(:disabled):hover{border-color:#f85149;color:#f85149}.footer-btn-save{background:#1f3a5f;color:#58a6ff;border-color:#58a6ff44}.footer-btn-save:not(:disabled):hover{background:#58a6ff;color:#0d1117;border-color:#58a6ff}.code-dialog{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:0;width:min(680px,95vw);max-height:85vh;color:#e6edf3;position:fixed;top:50%;left:50%;translate:-50% -50%}.code-dialog::backdrop{background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.code-dialog-inner{display:flex;flex-direction:column;max-height:85vh}.code-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #30363d;flex-shrink:0}.code-dialog-header h2{font-size:1rem}.code-dialog-body{overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.code-tip{font-size:.85rem;color:#8b949e;line-height:1.6}.code-tip strong{color:#58a6ff}.code-section{display:flex;flex-direction:column;gap:8px}.code-section-label{font-size:.8rem;color:#8b949e;display:flex;align-items:center;gap:8px}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#1f3a5f;color:#58a6ff;border:1px solid #58a6ff44;border-radius:50%;font-size:.72rem;font-weight:600;flex-shrink:0}.code-block-wrap{position:relative}.code-block{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:14px 72px 14px 16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;line-height:1.6;color:#e6edf3;white-space:pre;overflow-x:auto}.copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:.75rem;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;transition:all .15s;white-space:nowrap}.copy-btn:hover{border-color:#58a6ff;color:#58a6ff}