.qc-toolbar{box-shadow:var(--elev-topbar);border-radius:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;z-index:10;position:relative}.dark .qc-toolbar,.light .qc-toolbar,.qc-toolbar,.root.light .qc-toolbar{background-color:var(--panel-bg);border-bottom:1px solid var(--panel-border)}.qc-left{flex-shrink:0;min-width:180px;padding-right:24px}.qc-controls,.qc-group,.qc-left{display:flex;align-items:center}.qc-group{gap:8px}.qc-divider{width:1px;height:24px;background:hsla(0,0%,100%,.15);margin:0 16px;border-radius:1px}.light .qc-divider,:root.light .qc-divider{background:#d1d5db}.qc-btn{display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;white-space:nowrap}.qc-btn-icon-only{width:40px!important;padding:0!important}.qc-btn-default:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.qc-btn-default:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.light .qc-btn-default,:root.light .qc-btn-default{background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.light .qc-btn-default:hover,:root.light .qc-btn-default:hover{background-color:#f9fafb!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.light .qc-btn-default:focus,:root.light .qc-btn-default:focus{outline:none;box-shadow:0 0 0 2px #93c5fd,0 0 0 4px rgba(59,130,246,.2)}.qc-font-control{display:flex;align-items:center;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:0 8px;gap:4px}.qc-btn-primary{background-color:#3b82f6!important;color:#fff!important;border:none!important}.qc-btn-primary:hover{background-color:#2563eb!important}.qc-btn-default{background-color:hsla(0,0%,100%,.05)!important;color:currentColor!important;border:1px solid hsla(0,0%,100%,.1)!important}:global(.light) .qc-btn-default{background-color:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.1)!important}.qc-btn-default:hover{background-color:hsla(0,0%,100%,.1)!important}:global(.light) .qc-btn-default:hover{background-color:rgba(0,0,0,.1)!important}.qc-btn-icon{margin-right:8px;width:16px;height:16px}.light .qc-font-control,:root.light .qc-font-control{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.light .qc-font-control:hover,:root.light .qc-font-control:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.qc-font-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:inherit;cursor:pointer;border:none;background:transparent}.qc-font-btn:hover{background-color:hsla(0,0%,100%,.1)}.qc-font-display{padding:0 8px;font-size:.8rem;font-family:monospace;min-width:40px;text-align:center}.qc-hidden-mobile{display:none}@media (min-width:768px){.qc-hidden-mobile{display:flex}}