.lrc-studio-workspace,.modal-backdrop,.lrc-toast{--studio-bg:#090d16;--studio-surface:#0b0f19;--studio-surface-elevated:#0f172a;--studio-border:#ffffff14;--studio-border-hover:#38bdf859;--studio-border-focus:#38bdf899;--studio-accent:#38bdf8;--studio-accent-hover:#0284c7;--studio-accent-glow:#38bdf833;--studio-cyan:#22d3ee;--studio-purple:#c084fc;--studio-amber:#fcd34d;--studio-emerald:#34d399;--studio-rose:#f43f5e;--studio-text:#f8fafc;--studio-text-muted:#94a3b8;--studio-text-subtle:#64748b;box-sizing:border-box}.lrc-studio-workspace *,.modal-backdrop *,.lrc-toast *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.lrc-studio-workspace{width:100%;max-width:1280px;color:var(--studio-text,#f8fafc);flex-direction:column;gap:14px;margin:0 auto;display:flex}.lrc-studio-workspace .studio-card{background:var(--studio-surface,#0b0f19);border:1px solid var(--studio-border,#ffffff14);border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 12px 30px -8px #000000bf,0 0 0 1px #ffffff08}.lrc-studio-workspace .studio-card.drag-active{border:2px dashed var(--studio-accent,#38bdf8)!important;box-shadow:0 0 24px var(--studio-accent-glow,#38bdf833)!important;background:#38bdf80f!important}.studio-toolbar{flex-direction:column;gap:8px;padding-bottom:2px;display:flex}.toolbar-tier-1{border-bottom:1px solid #33415573;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.status-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-status-indicator{background:#06090eb3;border:1px solid #33415580;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:flex}.status-pulse{background:var(--studio-accent,#38bdf8);width:7px;height:7px;box-shadow:0 0 8px var(--studio-accent,#38bdf8);border-radius:50%;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.title-label{color:#f1f5f9;letter-spacing:.75px;font-size:.78rem;font-weight:700}.title-sep{color:#475569;font-size:.75rem}.textarea-counter{color:#94a3b8;-webkit-user-select:none;user-select:none;letter-spacing:-.2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.74rem;font-weight:500}.counter-highlight{color:#38bdf8;font-weight:600}.counter-arrow{color:#64748b;margin:0 2px}.format-badge{-webkit-user-select:none;user-select:none;background:#0f172ad9;border:1px solid #334155b3;border-radius:6px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:.72rem;font-weight:500;display:inline-flex}.format-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.format-unmerged{color:#7dd3fc;border-color:#38bdf859}.format-unmerged .format-dot{background:#38bdf8}.format-merged{color:#c084fc;border-color:#a855f759}.format-merged .format-dot{background:#c084fc}.format-plain{color:#fde047;border-color:#fbbf2459}.format-plain .format-dot{background:#fde047}.badge-desktop-label{display:inline}.badge-mobile-label{display:none}.quick-editor-tools{align-items:center;gap:5px;display:flex}.tool-chip-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#06090ebf;border:1px solid #334155b3;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.tool-chip-btn:hover{color:#f8fafc;background:#1e293bcc;border-color:#38bdf866}.tool-chip-btn.active{color:#22d3ee;background:#08334499;border-color:#06b6d480}.toolbar-tier-2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.segmented-btn-group{background:#06090ee6;border:1px solid #33415599;border-radius:7px;align-items:center;padding:2px;display:inline-flex;box-shadow:0 2px 8px #0006}.segmented-btn{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;margin:0;padding:5px 10px;font-size:.76rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.segmented-btn:hover{color:#fff;background:#1e293bd9}.segmented-btn.btn-danger-hover:hover{color:#fda4af;background:#88133766}.segmented-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.segmented-divider{background:#33415599;width:1px;height:12px;margin:0 1px}.tools-btn-group{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tool-btn{color:#cbd5e1;cursor:pointer;background:#06090ed9;border:1px solid #334155b3;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.76rem;font-weight:500;transition:all .15s;display:inline-flex}.tool-btn:hover,.tool-btn.active{color:#fff;background:#1e293bd9;border-color:#38bdf873}.tool-bracket-preview{color:#38bdf8;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700}.mini-tag-badge{color:#22d3ee;background:#083344cc;border:1px solid #06b6d480;border-radius:9999px;padding:1px 6px;font-size:.68rem;font-weight:700;line-height:1.2}.symbol-prefix-note{color:#818cf8;font-size:.95rem}.dropdown-chevron{color:#64748b;width:12px;height:12px;transition:transform .2s}.dropdown-chevron.rotate-180{transform:rotate(180deg)}.mobile-dropdown-backdrop{display:none}.editor-canvas-wrap{resize:vertical;background:#090d16;border:1px solid #334155b3;border-radius:10px;height:clamp(380px,50vh,560px);min-height:300px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #000000b3}.editor-canvas-wrap:focus-within{border-color:#38bdf873;box-shadow:inset 0 2px 10px #000000b3,0 0 20px -4px #38bdf829}.cm-editor-root{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.cm-editor-root .cm-editor{width:100%;height:100%;outline:none!important}.empty-canvas-prompt{pointer-events:none;z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.empty-icon-wrap{color:#38bdf8;background:#0f172acc;border:1px solid #38bdf840;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #0006}.empty-prompt-title{color:#94a3b8;letter-spacing:-.1px;margin:0;font-size:.88rem;font-weight:500}.empty-prompt-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.empty-action-pill{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172ad9;border:1px solid #334155bf;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0006}.empty-action-pill:hover{color:#fff;background:#1e293bf2;border-color:#38bdf873;transform:translateY(-1px)}.drag-drop-overlay{color:#38bdf8;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d1aeb;border:2px dashed #38bdf8;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:.98rem;font-weight:600;display:none;position:absolute;inset:0}.studio-card.drag-active .drag-drop-overlay{display:flex}.cm-lrc-ts,.cm-lrc-ts-time{letter-spacing:.15px;font-weight:600;color:#22d3ee!important}.cm-lrc-ts-bracket{font-weight:400;color:#22d3ee73!important}.cm-lrc-ts-bracket-close{margin-right:5px}.cm-lrc-meta-bracket{font-weight:500;color:#a855f7!important}.cm-lrc-meta-tag{margin-right:2px;font-weight:600;color:#c084fc!important}.cm-lrc-meta-val{font-weight:400;color:#fcd34d!important}.cm-lrc-meta-val-sky{font-weight:500;color:#38bdf8!important}.editor-footer-status{color:#94a3b8;-webkit-user-select:none;user-select:none;background:#06090ee6;border-top:1px solid #33415599;border-bottom-right-radius:8px;border-bottom-left-radius:8px;justify-content:space-between;align-items:center;padding:4px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;display:flex}.status-meta-left,.status-meta-right{align-items:center;gap:12px;display:flex}.status-pill-item{align-items:center;gap:5px;display:inline-flex}.status-dot-emerald{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #34d39999}.status-cursor-coords{color:#94a3b8}.command-bar{border-top:1px solid #33415573;justify-content:space-between;align-items:center;width:100%;padding-top:10px;display:flex}.command-bar-desktop{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.command-bar-mobile{display:none}.command-group-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.command-divider{background:#33415599;flex-shrink:0;width:1px;height:20px}.command-group-export{flex-shrink:0;align-items:center;gap:6px;display:flex}.command-action-btn{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;height:38px;min-height:38px;padding:6px 14px;font-size:.82rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.command-action-btn.recommended{color:#06090e;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border:1px solid #38bdf8b3;font-weight:700;box-shadow:0 4px 16px #38bdf847}.command-action-btn.recommended:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #38bdf861}.command-action-btn.recommended:active{transform:scale(.98)}.command-action-btn.standard{color:#cbd5e1;background:#141d2ed9;border:1px solid #334155b3;font-weight:500}.command-action-btn.standard:hover{color:#fff;background:#1e293b;border-color:#38bdf873;transform:translateY(-1px)}.command-action-btn.standard:active{transform:scale(.98)}.btn-label-desktop{display:inline}.btn-label-mobile{display:none}.command-export-btn{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#141d2ed9;border:1px solid #334155b3;border-radius:8px;outline:none;align-items:center;gap:6px;height:38px;min-height:38px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.command-export-btn:hover{color:#fff;background:#1e293b;border-color:#38bdf873;transform:translateY(-1px)}.command-export-btn:active{transform:scale(.98)}.command-export-btn.save-btn svg{color:#38bdf8}.command-export-btn.copied{color:#34d399;background:#34d3991f;border-color:#34d39999}.dropdown-wrapper{display:inline-flex;position:relative}.dropdown-menu{overscroll-behavior:contain;-webkit-backdrop-filter:blur(16px);z-index:100;background:#0d1424f5;border:1px solid #38bdf859;border-radius:10px;flex-direction:column;gap:3px;min-width:230px;max-height:calc(100vh - 120px);padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 14px 30px -4px #000000bf,0 0 15px #38bdf81f}.dropdown-item{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;padding:8px 10px;transition:all .15s;display:flex}.dropdown-item:hover,.dropdown-item:focus-visible{background:#38bdf826;border-color:#38bdf84d;outline:none}.dropdown-item-title{color:#38bdf8;font-size:.8rem;font-weight:600;line-height:1.2}.dropdown-item-desc{color:#94a3b8;margin-top:3px;font-size:.72rem;line-height:1.2}.dropdown-divider{background:#33415599;width:100%;height:1px;margin:3px 0}.format-section-label{color:#94a3b8;letter-spacing:.6px;padding:4px 8px 2px;font-size:.66rem;font-weight:700}.format-case-grid{grid-template-columns:repeat(2,1fr);gap:5px;padding:3px 4px 6px;display:grid}.case-chip-btn{color:#cbd5e1;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172abf;border:1px solid #38bdf82e;border-radius:6px;justify-content:center;align-items:center;padding:7px 6px;font-size:.74rem;font-weight:600;line-height:1.2;transition:all .15s;display:flex}.case-chip-btn:hover,.case-chip-btn:focus-visible{color:#38bdf8;background:#38bdf82e;border-color:#38bdf873;outline:none;transform:translateY(-1px)}.dropdown-menu.symbol-menu{min-width:290px;max-width:320px;padding:10px}.symbol-chips-grid{flex-wrap:wrap;gap:6px;padding:4px 0;display:flex}.symbol-chip-btn{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172ad9;border:1px solid #334155bf;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}.symbol-chip-btn:hover{color:#fff;background:#38bdf81f;border-color:#38bdf8;transform:translateY(-1px)}.symbol-chip-btn.active{color:#090d16;background:#38bdf8;border-color:#38bdf8;font-weight:700;box-shadow:0 0 10px #38bdf859}.custom-symbol-input{color:#f1f5f9;box-sizing:border-box;background:#090d16;border:1px solid #334155bf;border-radius:6px;outline:none;width:100%;height:36px;padding:6px 10px;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.custom-symbol-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf859}.studio-hints{color:#64748b;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:8px 0 16px;font-size:.76rem;display:flex}.hint-chip{align-items:center;gap:7px;display:inline-flex}.hint-chip kbd{color:#94a3b8;background:#0f172ad9;border:1px solid #334155a6;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.69rem;box-shadow:0 1px 2px #00000059}.hint-chip span{color:#64748b;font-size:.74rem;font-weight:500}body.modal-open{overflow:hidden}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#030712d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#0b0f19;border:1px solid #334155bf;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 24px #38bdf81a}.modal-header{background:#090d15f2;border-bottom:1px solid #3341558c;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.modal-header-info{align-items:center;gap:10px;display:flex}.modal-header-icon{color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#a855f733);border:1px solid #38bdf873;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-title-row{align-items:center;gap:8px;display:flex}.modal-title{color:#f8fafc;letter-spacing:-.2px;margin:0;font-size:1.02rem;font-weight:700}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #33415580;border-radius:7px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:12px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.meta-tools-bar{align-items:center;gap:8px;padding-bottom:2px;display:flex}.meta-tool-pill{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172ad9;border:1px solid #334155b3;border-radius:7px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.meta-tool-pill:hover{color:#fff;background:#38bdf826;border-color:#38bdf8}.meta-tool-pill.meta-tool-danger:hover{color:#fca5a5;background:#ef444426;border-color:#ef444480}.meta-field-group{flex-direction:column;gap:5px;display:flex}.meta-field-header{justify-content:space-between;align-items:center;display:flex}.meta-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.meta-chip-tag{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.67rem;font-weight:700}.meta-input-wrap{background:#0b1121e6;border:1px solid #334155bf;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.meta-input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf847}.meta-input-icon{color:#64748b;pointer-events:none;flex-shrink:0;transition:color .15s;position:absolute;left:11px}.meta-input-wrap:focus-within .meta-input-icon{color:#38bdf8}.meta-text-input{color:#f8fafc;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:38px;padding:0 12px 0 34px;font-family:inherit;font-size:.83rem}.meta-text-input::placeholder{color:#475569}.meta-form-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.meta-preview-card{background:#090d15;border:1px solid #334155a6;border-radius:9px;flex-shrink:0;margin-top:2px;overflow:hidden}.meta-preview-bar{background:#090d15d9;border-bottom:1px solid #33415573;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.meta-preview-title-group{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.meta-preview-box{color:#f8fafc;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;flex-shrink:0;min-height:75px;max-height:110px;margin:0;padding:8px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;line-height:1.55;overflow-y:auto}.meta-preview-box::-webkit-scrollbar{width:5px}.meta-preview-box::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.meta-preview-box::-webkit-scrollbar-thumb{background:#38bdf866;border-radius:4px}.meta-preview-box::-webkit-scrollbar-thumb:hover{background:#38bdf8}.meta-preview-box.empty{color:#475569;font-style:italic}.modal-footer{background:#090d15f2;border-top:1px solid #3341558c;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:10px 20px;display:flex}.meta-btn-ghost{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.meta-btn-ghost:hover{color:#fff;background:#ffffff0d}.modal-apply-btn{color:#06090e;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border:1px solid #38bdf8cc;border-radius:7px;align-items:center;gap:6px;height:36px;min-height:36px;padding:0 16px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #38bdf840}.modal-apply-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px #38bdf859}.lrc-toast{-webkit-backdrop-filter:blur(14px);color:#f8fafc;opacity:0;pointer-events:none;z-index:9999;white-space:nowrap;background:#0f172af2;border:1px solid #38bdf873;border-radius:9999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:9px 18px;font-size:.82rem;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(30px);box-shadow:0 10px 28px #000000bf,0 0 16px #38bdf826}.lrc-toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.lrc-toast button.undo-action{color:#38bdf8;cursor:pointer;background:#38bdf82e;border:1px solid #38bdf880;border-radius:9999px;outline:none;padding:2px 9px;font-size:.76rem;font-weight:700;transition:all .15s}.lrc-toast button.undo-action:hover{color:#06090e;background:#38bdf8;transform:scale(1.04)}@media (width<=768px){.lrc-toast{bottom:calc(66px + max(10px, env(safe-area-inset-bottom)));gap:8px;padding:7px 14px;font-size:.78rem}.lrc-studio-workspace{padding-left:8px;padding-right:8px;padding-bottom:max(76px, calc(env(safe-area-inset-bottom) + 64px));gap:10px}.studio-hints{display:none!important}.lrc-studio-workspace .studio-card{border-radius:14px;gap:10px;padding:10px 12px}.studio-toolbar{gap:8px}.toolbar-tier-1{justify-content:space-between;align-items:center;gap:6px;min-height:28px;padding-bottom:8px;display:flex;flex-wrap:nowrap!important}.status-group{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden;flex-wrap:nowrap!important}.studio-status-indicator{flex-shrink:0;gap:5px;padding:3px 6px}.title-word-editor{display:none!important}.title-label{font-size:.7rem}.title-sep{font-size:.68rem}.textarea-counter{font-size:.7rem}.badge-desktop-label{display:none!important}.badge-mobile-label{display:inline!important}.format-badge{flex-shrink:0;gap:4px;height:24px;padding:0 6px;font-size:.68rem}.quick-editor-tools{flex-shrink:0;gap:4px}.tool-chip-btn{height:24px;min-height:24px;padding:3px 7px;font-size:.68rem}.toolbar-tier-2{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0 -4px;padding:2px 4px 6px 2px;display:flex;overflow:auto visible}.toolbar-tier-2::-webkit-scrollbar{display:none}.segmented-btn-group{box-shadow:none;background:0 0;border:none;flex-shrink:0;gap:4px;padding:0;display:flex}.segmented-divider{display:none}.tools-btn-group{flex-shrink:0;gap:5px;display:flex}.segmented-btn,.tools-btn-group .tool-btn{white-space:nowrap;color:#e2e8f0;background:#0f172ae0;border:1px solid #334155a6;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;min-height:30px;padding:4px 10px;font-size:.72rem;font-weight:500;display:inline-flex;box-shadow:0 1px 4px #00000059}.segmented-btn:active,.tools-btn-group .tool-btn:active{background:#1e293bf2;transform:scale(.96)}.editor-canvas-wrap{height:calc(100dvh - 224px);min-height:280px}.cm-content{padding:10px 12px 40px!important}.cm-gutterElement{padding:0 4px 0 6px;font-size:11px}.editor-footer-status{padding:4px 10px;font-size:.68rem}.command-bar{z-index:60!important;padding:8px 12px max(10px, env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(20px)!important;background:#06090fe0!important;border-top:1px solid #38bdf838!important;border-radius:0!important;margin:0!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -8px 24px #000000bf!important}.command-bar-desktop{display:none!important}.command-bar-mobile{justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:480px!important;margin:0 auto!important;display:flex!important}.mobile-dock-primary-btn{color:#06090e;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border:1px solid #38bdf8b3;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:7px;height:42px;min-height:42px;padding:0 16px;font-size:.86rem;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 2px 10px #38bdf84d}.mobile-dock-primary-btn:active{filter:brightness(.95);transform:scale(.97)}.mobile-dock-icon-btn{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#141d2ed9;border:1px solid #334155b3;border-radius:10px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;transition:all .15s;display:inline-flex}.mobile-dock-icon-btn:active{background:#1e293b;transform:scale(.94)}.mobile-dock-icon-btn.copied{color:#34d399;background:#34d39926;border-color:#34d39999}.mobile-dock-icon-btn.save-btn svg{color:#38bdf8}.mobile-dock-divider{background:#334155a6;flex-shrink:0;width:1px;height:24px;margin:0 2px}.mobile-dropdown-backdrop{-webkit-backdrop-filter:blur(2px);z-index:90;background:#0307128c;display:block;position:fixed;inset:0}.dropdown-menu.format-menu,.dropdown-menu.samples-menu,.dropdown-menu.symbol-menu{top:110px;left:12px;z-index:100!important;border-radius:12px!important;width:260px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 130px)!important;margin:0!important;padding:8px!important;position:fixed!important;bottom:auto!important;right:auto!important;box-shadow:0 12px 36px -4px #000000d9,0 0 0 1px #38bdf84d!important}.modal-card{border-radius:16px;width:calc(100% - 16px);max-height:calc(100dvh - 20px);margin:8px}.modal-header{padding:12px 16px}.modal-header-icon{width:34px;height:34px}.modal-title{font-size:1.02rem}.modal-body{gap:10px;padding:12px 14px}.meta-tools-bar{gap:8px}.meta-tool-pill{flex:1;justify-content:center;min-height:36px}.meta-form-grid{grid-template-columns:1fr;gap:10px}.meta-preview-box{min-height:70px;max-height:100px}.modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 14px;display:flex}.modal-footer button{justify-content:center;width:100%}.meta-btn-ghost{color:#94a3b8;text-align:center;background:#0f172ab3;border:1px solid #33415599;border-radius:8px;padding:10px 16px}}@media (width<=480px){.status-pill-item.offset-item,.command-export-btn.share-btn .share-label{display:none}.empty-prompt-title{font-size:.8rem}.empty-action-pill{padding:5px 10px;font-size:.72rem}}
