.meldo-xml-player-wrapper{font-family:Akko,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.meldo-xml-player-wrapper svg{display:inline-block!important;opacity:1!important;vertical-align:middle!important;visibility:visible!important}.meldo-xml-player-wrapper svg:not([fill=none]),.meldo-xml-player-wrapper svg:not([fill=none]) path{fill:currentColor!important}.meldo-xml-player-wrapper button{font-family:inherit!important;line-height:1!important}.meldo-xml-player-wrapper button:focus{outline:2px solid rgba(61,124,133,.3)!important;outline-offset:2px!important}.meldo-xml-player-placeholder{background:#FAF8F3;border:2px dashed rgba(61,124,133,.25);border-radius:16px;padding:48px 24px;text-align:center}.meldo-xml-player-placeholder .placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.6}.meldo-xml-player-placeholder p{color:rgba(17,20,22,.6);font-size:15px;margin:0}.meldo-xml-player{background:#fff;border:1px solid rgba(61,124,133,.08);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.04),0 8px 32px rgba(0,0,0,.06);overflow:visible!important;position:relative}.notation-container{background:#fff;border-bottom:1px solid #FAF8F3;min-height:300px;position:relative}.notation-scroll{overflow-x:auto;overflow-y:hidden;padding:24px}.notation-scroll::-webkit-scrollbar{height:8px}.notation-scroll::-webkit-scrollbar-track{background:#FAF8F3;border-radius:4px}.notation-scroll::-webkit-scrollbar-thumb{background:rgba(61,124,133,.3);border-radius:4px}.notation-scroll::-webkit-scrollbar-thumb:hover{background:rgba(61,124,133,.5)}.notation-canvas{cursor:pointer;min-height:200px;overflow:visible!important;position:relative!important}.notation-canvas svg{max-width:none;pointer-events:none}.notation-canvas .cursor,.notation-canvas [class*=cursor],.notation-canvas [id*=cursor],.notation-canvas img[id^=cursorImg]{opacity:0!important;visibility:hidden!important}.meldo-xml-player,.meldo-xml-player-wrapper,.notation-container{overflow:visible!important}.notation-scroll{overflow-x:auto!important;overflow-y:visible!important}.notation-loading{align-items:center;background:hsla(0,0%,100%,.98);bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .25s ease;visibility:hidden}.notation-loading.active{opacity:1;visibility:visible}.loading-skeleton{display:flex;flex-direction:column;gap:24px;max-width:600px;width:80%}.skeleton-staff{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#FAF8F3,rgba(61,124,133,.1) 50%,#FAF8F3);background-size:200% 100%;border-radius:4px;height:40px;position:relative}.skeleton-staff:before{background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(17,20,22,.1) 0,rgba(17,20,22,.1) 5px);content:"";height:24px;left:0;position:absolute;right:0;top:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-progress{background:#FAF8F3;border-radius:2px;height:4px;max-width:300px;overflow:hidden;width:60%}.loading-progress-bar{animation:progress-indeterminate 1.2s ease-in-out infinite;background:linear-gradient(90deg,#3D7C85,#E8924F);border-radius:2px;height:100%;width:30%}@keyframes progress-indeterminate{0%{margin-left:0;width:30%}50%{margin-left:25%;width:50%}to{margin-left:70%;width:30%}}.loading-text{color:rgba(17,20,22,.5);font-size:13px;font-weight:500}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #FAF8F3;border-radius:50%;border-top-color:#3D7C85;height:40px;width:40px}.notation-canvas .vf-cursor{fill:rgba(232,146,79,.3);stroke:#E8924F;stroke-width:2}.note-highlight{fill:#3D7C85!important;transition:fill .15s ease}.player-controls{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#FAF8F3;background:rgba(250,248,243,.95);border-bottom:1px solid rgba(17,20,22,.05);border-radius:20px 20px 0 0;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:12px;padding:10px 16px;position:sticky!important;top:0!important;z-index:9999!important}.player-controls.is-fixed{border-bottom:1px solid rgba(61,124,133,.1);box-shadow:0 4px 16px rgba(0,0,0,.12)}@media(max-width:768px){.player-controls{flex-wrap:wrap;gap:8px;padding:8px 12px}.controls-left{order:1}.controls-center{flex:1;min-width:150px;order:2}.controls-right{flex-wrap:wrap;justify-content:flex-end;order:3}.controls-left,.controls-right{gap:4px!important}.btn-ab-loop,.inline-control{display:none!important}.btn-control{height:36px!important;min-width:36px!important;width:36px!important}.btn-control svg{height:18px!important;width:18px!important}.btn-play{height:48px!important;min-width:48px!important;width:48px!important}.btn-play svg{height:22px!important;width:22px!important}.time-display{font-size:12px!important;min-width:auto!important}.controls-divider{display:none}.hand-buttons-toolbar .btn-hand-toolbar,.hand-buttons-toolbar .btn-part-toolbar,.part-buttons-toolbar .btn-hand-toolbar,.part-buttons-toolbar .btn-part-toolbar{font-size:10px!important;padding:4px 8px!important}}@media(max-width:480px){.player-controls{gap:6px;padding:6px 8px}.controls-right{border-top:1px solid rgba(17,20,22,.08);justify-content:center;margin-top:4px;order:4;padding-top:6px;width:100%}.btn-ab-loop,.btn-count-in,.btn-loop,.btn-metronome,.tempo-preset-dropdown{display:none!important}.controls-left,.controls-right{gap:4px!important}.btn-control{height:32px!important;min-width:32px!important;width:32px!important}.btn-control svg{height:16px!important;width:16px!important}.btn-play{height:42px!important;min-width:42px!important;width:42px!important}.progress-time{font-size:10px!important;min-width:32px!important}.hand-buttons-toolbar,.part-buttons-toolbar{gap:1px!important;padding:1px!important}.hand-buttons-toolbar .btn-hand-toolbar,.hand-buttons-toolbar .btn-part-toolbar,.part-buttons-toolbar .btn-hand-toolbar,.part-buttons-toolbar .btn-part-toolbar{font-size:9px!important;padding:4px 6px!important}.export-dropdown .btn-control,.piano-dropdown .btn-control{height:32px!important;width:32px!important}.notation-scroll{padding:8px!important}.notation-container{min-height:200px}}.controls-placeholder{background:transparent}.controls-sticky-wrapper{background:#FAF8F3;border-radius:20px 20px 0 0}.controls-sticky-wrapper.is-fixed,.controls-sticky-wrapper.is-fixed .player-controls{border-radius:0!important}.controls-left,.controls-right{align-items:center!important;display:flex!important;gap:6px!important}.controls-center{flex:1;min-width:0}.controls-divider{background:rgba(17,20,22,.15);height:24px;margin:0 4px;width:1px}.export-dropdown{position:relative}.export-dropdown .export-menu{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);margin-top:8px;min-width:160px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:100000}.export-dropdown .export-menu.show{opacity:1;transform:translateY(0);visibility:visible}.export-dropdown .export-option{align-items:center!important;background:transparent!important;border:none!important;color:#111416!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:10px!important;padding:12px 16px!important;text-align:left!important;transition:all .15s ease!important;width:100%!important}.export-dropdown .export-option svg{display:block!important;fill:currentColor!important;height:18px!important;opacity:.7!important;visibility:visible!important;width:18px!important}.export-dropdown .export-option:hover{background:#FAF8F3!important;color:#3D7C85!important}.export-dropdown .export-option:hover svg{opacity:1!important}.export-dropdown .export-option:first-child{border-bottom:1px solid rgba(17,20,22,.08)}.piano-dropdown{position:relative}.piano-dropdown .piano-menu{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);margin-top:8px;min-width:150px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:100000}.piano-dropdown .piano-menu.show{opacity:1;transform:translateY(0);visibility:visible}.piano-dropdown .piano-option{align-items:center!important;background:transparent!important;border:none!important;color:#111416!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:10px!important;padding:12px 16px!important;text-align:left!important;transition:all .15s ease!important;width:100%!important}.piano-dropdown .piano-option svg{display:block!important;fill:currentColor!important;height:18px!important;opacity:.7!important;visibility:visible!important;width:18px!important}.piano-dropdown .piano-option:hover{background:#FAF8F3!important;color:#3D7C85!important}.piano-dropdown .piano-option:hover svg{opacity:1!important}.piano-dropdown .piano-option.active{background:rgba(61,124,133,.1)!important;color:#3D7C85!important}.piano-dropdown .piano-option.active svg{opacity:1!important}.piano-dropdown .piano-option.piano-close{border-top:1px solid rgba(17,20,22,.08);color:rgba(17,20,22,.6)!important}.piano-dropdown .piano-option.piano-close:hover{color:#e74c3c!important}.btn-count-in svg text{font-size:6px!important;letter-spacing:-.5px}.btn-count-in.active{background:#E8924F!important;color:#111416!important}.tempo-preset-dropdown .btn-tempo-preset:hover{background:rgba(61,124,133,.15)!important}.tempo-preset-dropdown .tempo-preset-option:hover{background:#FAF8F3!important;color:#3D7C85!important}.btn-export.active{background:#3D7C85!important;color:#fff!important}.btn-control{align-items:center!important;background:#fff!important;border:none!important;border-radius:8px!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important;color:#111416!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;margin:0!important;min-height:36px!important;min-width:36px!important;padding:0!important;transition:all .15s ease!important;width:36px!important}.btn-control svg{display:block!important;flex-shrink:0!important;height:18px!important;opacity:1!important;pointer-events:none!important;visibility:visible!important;width:18px!important}.btn-control:hover{background:#3D7C85!important;box-shadow:0 3px 8px rgba(61,124,133,.3)!important;color:#fff!important;transform:translateY(-1px)}.btn-control:active{transform:translateY(0)}.btn-control.active{background:#3D7C85!important;color:#fff!important}.player-controls svg[fill=none],.player-controls svg[fill=none] circle,.player-controls svg[fill=none] line,.player-controls svg[fill=none] path,.player-controls svg[fill=none] polygon,.player-controls svg[fill=none] polyline,.player-controls svg[fill=none] rect{fill:none!important;stroke:currentColor!important}.player-controls svg[fill=none] [fill=currentColor],.player-controls svg[fill=none] text{fill:currentColor!important;stroke:none!important}.btn-play{background:linear-gradient(135deg,#3D7C85,#275056)!important;border-radius:50%!important;box-shadow:0 3px 12px rgba(61,124,133,.35)!important;color:#fff!important;height:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}.btn-play svg{height:20px!important;width:20px!important}.btn-play .icon-play{display:block!important}.btn-play .icon-pause{display:none!important}.btn-play:hover{box-shadow:0 5px 16px rgba(61,124,133,.45)!important;transform:translateY(-1px) scale(1.05)}.btn-play.playing .icon-play{display:none!important}.btn-play.playing .icon-pause{display:block!important}.btn-play.count-in{animation:pulse-count-in .5s ease-in-out infinite;background:#E8924F!important}@keyframes pulse-count-in{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.inline-control{background:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;gap:2px!important;padding:3px 4px!important}.btn-mini,.inline-control{align-items:center!important;display:flex!important}.btn-mini{background:#FAF8F3!important;border:none!important;border-radius:4px!important;color:#111416!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;height:24px!important;justify-content:center!important;line-height:1!important;margin:0!important;min-height:24px!important;min-width:24px!important;padding:0!important;transition:all .15s ease!important;width:24px!important}.btn-mini:hover{background:#3D7C85!important;color:#fff!important}.input-tempo-mini{background:transparent!important;border:none!important;color:#111416!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;height:24px!important;padding:0 2px!important;text-align:center!important;width:38px!important}.input-tempo-mini::-webkit-inner-spin-button,.input-tempo-mini::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-tempo-mini{-moz-appearance:textfield}.transpose-key-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#FAF8F3!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27%3E%3Cpath fill=%27%232B2B2B%27 d=%27m0 2 4 4 4-4z%27/%3E%3C/svg%3E")!important;background-position:right 4px center!important;background-repeat:no-repeat!important;border:none!important;border-radius:4px!important;color:#111416!important;cursor:pointer!important;font-family:inherit!important;font-size:11px!important;font-weight:600!important;height:26px!important;min-width:70px!important;outline:none!important;padding:0 16px 0 6px!important;text-align:center!important}.transpose-key-select:hover{background-color:#e9ecef!important}.transpose-key-select:focus{box-shadow:0 0 0 2px rgba(61,124,133,.3)!important}.transpose-key-select option{font-weight:500;padding:4px 8px}.transpose-control{gap:2px!important;padding:2px 4px!important}.transpose-value-mini,.zoom-value-mini{color:#111416!important;font-size:12px!important;font-weight:600!important;min-width:32px!important;text-align:center!important}.progress-container{align-items:center;display:flex;gap:8px}.progress-time{color:rgba(17,20,22,.6);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;min-width:36px}.progress-time.current-time{text-align:right}.progress-bar-wrapper{cursor:pointer;flex:1;padding:6px 0}.progress-bar{background:rgba(17,20,22,.1);border-radius:2px;height:4px;overflow:visible;position:relative}.progress-fill{background:linear-gradient(135deg,#3D7C85,#275056);border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear;width:0}.progress-handle{background:#fff;border:2px solid #3D7C85;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);height:12px;left:0;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .15s ease,transform .15s ease;width:12px}.progress-bar-wrapper:hover .progress-handle{opacity:1}.progress-handle:hover{transform:translate(-50%,-50%) scale(1.2)}.ab-loop-region{background:rgba(232,146,79,.3);border-radius:4px;display:none;height:12px;pointer-events:none;position:absolute;top:-4px;z-index:1}.ab-loop-marker{background:#E8924F;border-radius:2px;cursor:ew-resize;display:none;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .15s ease,box-shadow .15s ease;width:8px;z-index:5}.ab-loop-marker:hover{box-shadow:0 2px 8px rgba(232,146,79,.4);transform:translate(-50%,-50%) scaleY(1.2)}.ab-loop-marker:before{background:#fff;border-radius:1px;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.ab-loop-start{left:0}.ab-loop-end{left:100%}.btn-ab-loop.active{background:#E8924F!important;color:#111416!important}.extended-controls{background:#fff;border-bottom:1px solid #FAF8F3;display:flex;flex-wrap:wrap;gap:24px;padding:20px 24px;position:sticky;top:76px;z-index:99}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{align-items:center!important;color:rgba(17,20,22,.5)!important;display:flex!important;font-size:12px!important;font-weight:600!important;gap:6px!important;letter-spacing:.5px!important;text-transform:uppercase!important}.control-label svg{display:inline-block!important;fill:currentColor!important;height:16px!important;opacity:.6!important;visibility:visible!important;width:16px!important}.tempo-control,.transpose-control,.zoom-control{align-items:center;background:#FAF8F3;border-radius:12px;display:flex;gap:8px;padding:6px 8px}.input-tempo{background:#fff;border:none;border-radius:8px;color:#111416;font-family:inherit;font-size:15px;font-weight:600;padding:6px 8px;text-align:center;width:60px}.input-tempo:focus{outline:2px solid #3D7C85;outline-offset:1px}.input-tempo::-webkit-inner-spin-button,.input-tempo::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-tempo{-moz-appearance:textfield}.tempo-unit{color:rgba(17,20,22,.5);font-size:13px;font-weight:500}.transpose-value,.zoom-value{color:#111416;font-size:15px;font-weight:600;min-width:50px;text-align:center}.btn-small{align-items:center!important;background:#fff!important;border:none!important;border-radius:8px!important;color:#111416!important;cursor:pointer!important;display:flex!important;font-size:18px!important;font-weight:500!important;height:32px!important;justify-content:center!important;line-height:1!important;margin:0!important;min-height:32px!important;min-width:32px!important;padding:0!important;transition:all .15s ease!important;width:32px!important}.btn-small:hover{background:#3D7C85!important;color:#fff!important}.btn-small:active{transform:scale(.95)}.mixer-panel{display:none!important}.mixer-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 24px;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mixer-header:hover{background:#FAF8F3}.mixer-title{align-items:center;color:#111416;display:flex;font-family:Akko,sans-serif;font-size:14px;font-weight:600;gap:8px;margin:0}.mixer-title:before{content:"🎚";font-size:16px}.btn-mixer-toggle{align-items:center;background:transparent;border:none;border-radius:8px;color:rgba(17,20,22,.4);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.btn-mixer-toggle svg{height:20px;transition:transform .25s ease;width:20px}.btn-mixer-toggle:hover{background:#FAF8F3;color:#111416}.mixer-panel.collapsed .btn-mixer-toggle svg{transform:rotate(-90deg)}.hand-buttons-toolbar{background:rgba(17,20,22,.06);border-radius:8px;display:flex;gap:2px;padding:2px}.btn-hand-toolbar{align-items:center;background:transparent;border:none;border-radius:6px;color:rgba(17,20,22,.5);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:700;justify-content:center;padding:6px 10px;transition:all .15s ease}.btn-hand-toolbar:hover{background:hsla(0,0%,100%,.5);color:#111416}.btn-hand-toolbar.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#3D7C85}.btn-hand-toolbar[data-hand=left].active{color:#E8924F}.btn-hand-toolbar[data-hand=right].active{color:#3D7C85}.part-buttons-toolbar{background:rgba(17,20,22,.06);border-radius:8px;display:flex;gap:2px;margin-right:4px;padding:2px}.btn-part-toolbar{align-items:center;background:transparent;border:none;border-radius:6px;color:rgba(17,20,22,.5);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:700;justify-content:center;padding:6px 10px;transition:all .15s ease;white-space:nowrap}.btn-part-toolbar:hover{background:hsla(0,0%,100%,.5);color:#111416}.btn-part-toolbar.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#3D7C85}.btn-part-toolbar[data-part=solo].active{color:#E8924F}.btn-part-toolbar[data-part=accomp].active{color:#3D7C85}.mixer-tracks{display:flex;flex-direction:column;gap:12px;padding:0 24px 20px}.mixer-panel.collapsed .mixer-tracks{display:none}.mixer-track{align-items:center;background:#FAF8F3;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .15s ease}.mixer-track:hover{background:rgba(61,124,133,.08)}.mixer-track.muted{opacity:.5}.mixer-track.muted .track-name{text-decoration:line-through}.mixer-track.solo{background:rgba(61,124,133,.1);border:1px solid rgba(61,124,133,.2)}.track-color{border-radius:2px;flex-shrink:0;height:36px;width:4px}.track-info{flex:1;min-width:0}.track-name{color:#111416;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-instrument{color:rgba(17,20,22,.5);font-size:12px}.track-controls{align-items:center;display:flex;gap:8px}.btn-track{background:#fff;border:none;border-radius:8px;color:rgba(17,20,22,.6);cursor:pointer;font-size:11px;font-weight:700;height:32px;transition:all .15s ease;width:32px}.btn-track:hover{color:#111416}.btn-track.btn-solo.active{background:#E8924F;color:#111416}.btn-track.btn-mute.active{background:#e74c3c;color:#fff}.track-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(17,20,22,.1);border-radius:2px;height:4px;outline:none;width:80px}.track-volume::-webkit-slider-thumb{-webkit-appearance:none;background:#3D7C85;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:14px}.track-volume::-webkit-slider-thumb:hover{transform:scale(1.2)}.track-volume::-moz-range-thumb{background:#3D7C85;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.mixer-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1);display:none;flex-direction:column;max-height:80vh;max-width:400px;min-width:280px;overflow:hidden;position:fixed;z-index:10000}.mixer-modal.dragging{cursor:grabbing;opacity:.9}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mixer-modal-header{align-items:center;background:#FAF8F3;border-bottom:1px solid rgba(17,20,22,.08);cursor:grab;display:flex;gap:8px;padding:12px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mixer-modal-header:active{cursor:grabbing}.mixer-modal-drag-handle{align-items:center;color:rgba(17,20,22,.4);display:flex;justify-content:center}.mixer-modal-drag-handle svg{height:16px;width:16px}.mixer-modal-title{color:#111416;flex:1;font-family:Akko,sans-serif;font-size:14px;font-weight:600;margin:0}.mixer-modal-close{align-items:center;background:transparent;border:none;border-radius:8px;color:rgba(17,20,22,.5);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.mixer-modal-close:hover{background:rgba(17,20,22,.1);color:#111416}.mixer-modal-close svg{height:18px;width:18px}.mixer-modal .mixer-tracks{max-height:calc(80vh - 60px);overflow-y:auto;padding:16px}.mixer-modal .mixer-track{margin-bottom:8px;padding:10px 12px}.mixer-modal .mixer-track:last-child{margin-bottom:0}.btn-mixer.active{background:#3D7C85!important;color:#fff!important}@media(max-width:480px){.mixer-modal{border-radius:16px 16px 0 0;bottom:0!important;left:0!important;max-height:60vh;max-width:none;position:fixed;right:0!important;top:auto!important;width:100%}.mixer-modal-header{cursor:default}.mixer-modal .mixer-tracks{max-height:calc(60vh - 60px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes waveform{0%,to{height:20%}50%{height:100%}}.btn-play.playing{animation:pulse 1s ease-in-out infinite}.btn-play.loading{opacity:.6;position:relative}.btn-play.loading:after{animation:spin .8s linear infinite;border:2px solid rgba(61,124,133,.3);border-radius:50%;border-top-color:#3D7C85;content:"";height:18px;left:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;width:18px}.btn-play.loading svg{opacity:.3}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.player-controls{flex-wrap:wrap;gap:12px;padding:12px 16px}.controls-left,.controls-right{order:1}.controls-center{flex:none;order:2;width:100%}.extended-controls{gap:16px;padding:16px}.control-group{flex:1;min-width:calc(50% - 8px)}.mixer-tracks{padding:0 16px 16px}.mixer-track{flex-wrap:wrap;gap:8px}.mixer-track .track-info{flex:1;min-width:120px}.mixer-track .track-controls{justify-content:flex-end;width:100%}}@media(max-width:480px){.btn-control{height:40px;width:40px}.btn-play{height:48px;width:48px}.progress-time{font-size:12px;min-width:40px}.control-group{min-width:100%}}.piano-visualizer{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-top:2px solid rgba(61,124,133,.4);bottom:0!important;box-shadow:0 -4px 30px rgba(0,0,0,.5);left:0!important;padding:10px 16px 12px;position:fixed!important;right:0!important;z-index:99998!important}.piano-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 4px}.piano-title{color:hsla(0,0%,100%,.6);font-family:Akko,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.piano-options{display:flex;gap:12px}.piano-option{align-items:center!important;color:hsla(0,0%,100%,.5)!important;cursor:pointer!important;display:flex!important;font-size:12px!important;gap:6px!important}.piano-option input[type=checkbox]{accent-color:#3D7C85!important;cursor:pointer!important;height:14px!important;width:14px!important}.piano-option:hover{color:hsla(0,0%,100%,.8)!important}.piano-close-btn{align-items:center!important;background:hsla(0,0%,100%,.15)!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Arial,sans-serif!important;font-size:18px!important;font-weight:300!important;height:32px!important;justify-content:center!important;line-height:1!important;margin-left:12px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;outline:none!important;padding:0!important;transition:all .2s ease!important;width:32px!important}.piano-close-btn:hover{background:hsla(0,0%,100%,.3)!important;transform:scale(1.1)!important}.piano-close-btn:active{transform:scale(.95)!important}.piano-close-btn:focus{box-shadow:none!important;outline:none!important}.waterfall-area{display:none;overflow:hidden;position:relative}.waterfall-canvas{background:#1a1a1a;border-radius:8px 8px 0 0;display:block}.waterfall-grid{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.piano-visualizer.waterfall-mode{padding-top:12px}.piano-visualizer.waterfall-mode .piano-keyboard-wrapper{margin-top:0}.piano-keyboard-wrapper{display:flex;justify-content:center;margin:0 auto;max-width:1200px;overflow:visible;position:relative}.piano-keyboard-container{display:inline-block;position:relative}.piano-keyboard{height:100px;position:relative}.piano-keyboard-with-particles{display:inline-block;position:relative}.piano-particles-canvas{bottom:100%;left:0;pointer-events:none;position:absolute;z-index:10}.piano-key{cursor:pointer;position:absolute;top:0;transition:all .06s ease-out}.piano-key.white-key{background:linear-gradient(180deg,#fff,#f0f0f0 85%,#d8d8d8);border:1px solid #999;border-radius:0 0 5px 5px;border-top:none;box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 -3px 6px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);z-index:1}.piano-key.white-key:hover{background:linear-gradient(180deg,#fff,#f8f8f8 85%,#e8e8e8)}.piano-key.white-key.active{box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 -1px 3px rgba(0,0,0,.1);transform:translateY(2px)}.piano-key.white-key.active.voice-1{background:linear-gradient(180deg,rgba(61,124,133,.4),rgba(61,124,133,.6) 50%,rgba(61,124,133,.8))!important;box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 30px rgba(61,124,133,.6),inset 0 0 15px rgba(61,124,133,.3)}.piano-key.white-key.active.voice-2{background:linear-gradient(180deg,rgba(232,146,79,.4),rgba(232,146,79,.6) 50%,rgba(232,146,79,.8))!important;box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 30px rgba(232,146,79,.6),inset 0 0 15px rgba(232,146,79,.3)}.piano-key.black-key{background:linear-gradient(180deg,#3a3a3a,#1a1a1a 70%,#000);border:1px solid #000;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px rgba(0,0,0,.6),inset 0 -2px 4px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.1);z-index:2}.piano-key.black-key:hover{background:linear-gradient(180deg,#4a4a4a,#2a2a2a 70%,#111)}.piano-key.black-key.active{box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 -1px 2px hsla(0,0%,100%,.05);transform:translateY(2px)}.piano-key.black-key.active.voice-1{background:linear-gradient(180deg,#4B98A3,#3D7C85 50%,#1D3A3E)!important;box-shadow:0 2px 4px rgba(0,0,0,.3),0 0 25px rgba(61,124,133,.8)}.piano-key.black-key.active.voice-2{background:linear-gradient(180deg,#ECA66F,#E8924F 50%,#B55C17)!important;box-shadow:0 2px 4px rgba(0,0,0,.3),0 0 25px rgba(232,146,79,.8)}.piano-octave-label{bottom:6px;color:rgba(0,0,0,.35);font-family:Akko,sans-serif;font-size:9px;font-weight:700;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.btn-piano.active{background:#3D7C85!important;color:#fff!important}.piano-spacer{background:transparent;height:130px}@media(max-width:768px){.piano-spacer{height:100px}.waterfall-area .waterfall-canvas{height:200px!important}.piano-visualizer.waterfall-mode .piano-spacer{height:320px}}@media(max-width:480px){.piano-spacer{height:85px}.waterfall-area .waterfall-canvas{height:150px!important}.piano-visualizer.waterfall-mode .piano-spacer{height:260px}}@media print{.meldo-xml-player-wrapper .controls-placeholder,.meldo-xml-player-wrapper .extended-controls,.meldo-xml-player-wrapper .mixer-panel,.meldo-xml-player-wrapper .notation-loading,.meldo-xml-player-wrapper .player-controls{display:none!important}.meldo-xml-player-wrapper .meldo-xml-player{background:#fff!important;border:none!important;box-shadow:none!important}.meldo-xml-player-wrapper .notation-container{background:#fff!important;padding:0!important}.meldo-xml-player-wrapper .notation-scroll{overflow:visible!important}.meldo-xml-player-wrapper .meldo-custom-cursor{display:none!important}.print-watermark{background:linear-gradient(135deg,rgba(61,124,133,.08),rgba(232,146,79,.08));border-bottom:2px solid #3D7C85;border-top:2px solid #3D7C85;display:block!important;left:0;padding:15px 30px;position:fixed;right:0;z-index:9999}.print-watermark.watermark-top{border-bottom:2px solid #3D7C85;border-top:none;top:0}.print-watermark.watermark-bottom{border-bottom:none;border-top:2px solid #3D7C85;bottom:0}.print-watermark .watermark-content{align-items:center;display:flex;gap:20px;justify-content:center}.print-watermark .watermark-logo{height:40px;width:40px}.print-watermark .watermark-text{color:#111416;font-family:Akko,sans-serif;font-size:12px;font-weight:500}.print-watermark .watermark-text .license-label{color:rgba(17,20,22,.6);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.print-watermark .watermark-text .license-email{color:#3D7C85;font-weight:600}}.print-watermark{display:none}.pdf-export-container{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.pdf-export-container .pdf-loading{background:#fff;border-radius:20px;padding:40px 60px;text-align:center}.pdf-export-container .pdf-loading .loading-spinner{height:48px;margin:0 auto 20px;width:48px}.pdf-export-container .pdf-loading p{color:#111416;font-size:16px;font-weight:500;margin:0}:root{--meldo-header-height:70px;--meldo-toolbar-height:52px;--meldo-keyboard-height:130px;--meldo-waterfall-height:250px;--meldo-notation-top:122px;--meldo-piano-total:420px}body.meldo-waterfall-active{overflow:hidden!important}body.meldo-waterfall-active .meldo-xml-player-wrapper .player-controls{backdrop-filter:blur(10px);background:rgba(250,248,243,.98)!important;box-shadow:0 2px 12px rgba(0,0,0,.15)!important;left:0!important;padding:8px 16px!important;position:fixed!important;right:0!important;top:var(--meldo-header-height)!important;z-index:99999!important}body.meldo-waterfall-active .meldo-xml-player-wrapper .extended-controls,body.meldo-waterfall-active .meldo-xml-player-wrapper .notation-container{display:none!important}.single-line-container{background:#fff;border-bottom:3px solid #3D7C85;display:none;height:calc(100vh - var(--meldo-notation-top) - var(--meldo-piano-total));left:0;min-height:120px;overflow:hidden;position:fixed;right:0;top:var(--meldo-notation-top);z-index:99990}.piano-visualizer.waterfall-mode .waterfall-area .waterfall-canvas{height:var(--meldo-waterfall-height)!important}@media(min-height:901px){:root{--meldo-waterfall-height:300px;--meldo-piano-total:470px}}@media(max-height:900px)and (min-height:701px){:root{--meldo-waterfall-height:220px;--meldo-piano-total:390px}}@media(max-height:700px)and (min-height:501px){:root{--meldo-waterfall-height:150px;--meldo-piano-total:320px}}@media(max-height:500px){:root{--meldo-waterfall-height:100px;--meldo-piano-total:250px}.piano-visualizer .piano-header{margin-bottom:4px;padding:4px 8px}.single-line-container{min-height:100px}}@media(max-height:400px){:root{--meldo-header-height:50px;--meldo-toolbar-height:44px;--meldo-notation-top:94px;--meldo-waterfall-height:80px;--meldo-piano-total:200px}body.meldo-waterfall-active .meldo-xml-player-wrapper .player-controls{padding:4px 12px!important}.piano-visualizer{padding:6px 12px 8px!important}}.single-line-viewport{background:#fff;height:100%;overflow:hidden;position:relative;width:100%}.single-line-content{left:0;position:absolute;top:0;transform-origin:top left}.single-line-content svg{display:block;position:relative;z-index:1}.single-line-cursor{display:none!important}.single-line-highlight{background:rgba(61,124,133,.12);border-left:2px solid rgba(61,124,133,.35);border-radius:4px;border-right:2px solid rgba(61,124,133,.35);height:500px;left:0;pointer-events:none;position:absolute;top:0;transition:left .12s ease-out,width .12s ease-out;width:100px;z-index:10}.piano-visualizer.waterfall-mode .waterfall-area{display:block}.meldo-xml-player-wrapper.is-preview-mode .notation-container{position:relative}.notation-preview-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;height:50%;justify-content:flex-end;left:0;pointer-events:none;position:absolute;right:0;z-index:50}.notation-preview-overlay .preview-blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 30%,hsla(0,0%,100%,.95) 70%,#fff);bottom:0;left:0;position:absolute;right:0;top:0}.notation-preview-overlay .preview-lock-icon{animation:lockPulse 2s ease-in-out infinite;color:#3D7C85;margin-bottom:20px;opacity:.6;position:relative;z-index:1}.notation-preview-overlay .preview-lock-icon svg{height:48px;width:48px}.notation-preview-overlay.preview-end-reached .preview-lock-icon{animation:lockShake .5s ease-in-out;color:#E8924F;opacity:1}.notation-preview-overlay.preview-end-reached .preview-blur{background:linear-gradient(180deg,rgba(232,146,79,0) 0,rgba(232,146,79,.1) 30%,rgba(232,146,79,.2) 70%,#fff)}@keyframes lockPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes lockShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.meldo-purchase-bar{align-items:center;background:linear-gradient(135deg,rgba(61,124,133,.08),rgba(232,146,79,.12));border-bottom:1px solid rgba(61,124,133,.15);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:8px 16px}.meldo-purchase-bar .purchase-bar-left{align-items:center;display:flex;gap:8px}.meldo-purchase-bar .purchase-bar-left .purchase-bar-icon{font-size:16px}.meldo-purchase-bar .purchase-bar-left .purchase-bar-text{color:#111416;font-size:13px;font-weight:500}.meldo-purchase-bar .purchase-bar-right{display:flex;gap:8px}.meldo-purchase-bar .purchase-bar-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;text-decoration:none;transition:all .15s ease}.meldo-purchase-bar .purchase-bar-btn.purchase-bar-buy{background:linear-gradient(135deg,#3D7C85,#275056);color:#fff}.meldo-purchase-bar .purchase-bar-btn.purchase-bar-buy:hover{box-shadow:0 4px 12px rgba(61,124,133,.3);transform:translateY(-1px)}.meldo-purchase-bar .purchase-bar-btn.purchase-bar-abo{background:#fff;border:1px solid #3D7C85;color:#3D7C85}.meldo-purchase-bar .purchase-bar-btn.purchase-bar-abo:hover{background:rgba(61,124,133,.05)}@media(max-width:500px){.meldo-purchase-bar{flex-direction:column;gap:8px;padding:10px 12px}.meldo-purchase-bar .purchase-bar-left .purchase-bar-text{font-size:12px}.meldo-purchase-bar .purchase-bar-btn{font-size:11px;padding:5px 10px}}.meldo-purchase-banner{background:linear-gradient(135deg,rgba(61,124,133,.03),rgba(232,146,79,.05));border-top:1px solid rgba(61,124,133,.1);padding:24px;text-align:center}.meldo-purchase-banner .purchase-banner-content{margin:0 auto;max-width:500px}.meldo-purchase-banner .purchase-banner-icon{font-size:32px;margin-bottom:8px}.meldo-purchase-banner .purchase-banner-title{color:#111416;font-family:Akko,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px}.meldo-purchase-banner .purchase-banner-desc{color:rgba(17,20,22,.7);font-size:14px;margin:0 0 20px}.meldo-purchase-banner .purchase-banner-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.meldo-purchase-banner .btn-purchase{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Akko,sans-serif;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .25s ease}.meldo-purchase-banner .btn-purchase .btn-icon{font-size:18px}.meldo-purchase-banner .btn-purchase .btn-price{border-left:1px solid hsla(0,0%,100%,.3);font-weight:600;margin-left:4px;padding-left:8px}.meldo-purchase-banner .btn-purchase.btn-purchase-buy{background:linear-gradient(135deg,#3D7C85,#275056);box-shadow:0 4px 12px rgba(61,124,133,.3);color:#fff}.meldo-purchase-banner .btn-purchase.btn-purchase-buy:hover{box-shadow:0 6px 20px rgba(61,124,133,.4);transform:translateY(-2px)}.meldo-purchase-banner .btn-purchase.btn-purchase-abo{background:#fff;border:2px solid #3D7C85;color:#3D7C85}.meldo-purchase-banner .btn-purchase.btn-purchase-abo:hover{background:rgba(61,124,133,.05);transform:translateY(-2px)}.meldo-purchase-banner .purchase-banner-features{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.meldo-purchase-banner .purchase-banner-features .feature{color:rgba(17,20,22,.6);font-size:13px}.meldo-purchase-banner .purchase-banner-features .feature:before{color:#E8924F}.meldo-xml-player-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;color:#c53030;font-family:Akko,sans-serif;padding:20px;text-align:center}@media(max-width:600px){.meldo-purchase-banner{padding:16px}.meldo-purchase-banner .purchase-banner-title{font-size:18px}.meldo-purchase-banner .purchase-banner-buttons{flex-direction:column}.meldo-purchase-banner .purchase-banner-buttons .btn-purchase{justify-content:center;width:100%}.meldo-purchase-banner .purchase-banner-features{flex-direction:column;gap:8px}.notation-preview-overlay{height:40%}.notation-preview-overlay .preview-lock-icon svg{height:36px;width:36px}}.export-preview-modal{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:2147483647}.export-preview-modal.show{display:flex}.export-preview-modal .export-preview-backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.9);bottom:0;left:0;position:absolute;right:0;top:0}.export-preview-modal .export-preview-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;padding:16px;position:relative;width:100%;z-index:1}.export-preview-modal .export-preview-header{align-items:center;background:#3D7C85;border-radius:12px 12px 0 0;color:#fff;display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px}.export-preview-modal .export-preview-header h3{font-family:Akko,sans-serif;font-size:16px;font-weight:600;margin:0;white-space:nowrap}.export-preview-modal .export-preview-header .export-toolbar{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:16px}.export-preview-modal .export-preview-header .export-tool-group{align-items:center;border-left:1px solid hsla(0,0%,100%,.2);display:flex;gap:8px;padding:0 12px}.export-preview-modal .export-preview-header .export-tool-group:first-child{border-left:none}.export-preview-modal .export-preview-header .export-tool-group .tool-label{font-size:12px;opacity:.8;white-space:nowrap}.export-preview-modal .export-preview-header .export-zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.3);border-radius:2px;height:4px;outline:none;width:80px}.export-preview-modal .export-preview-header .export-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:14px;width:14px}.export-preview-modal .export-preview-header .export-zoom-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.export-preview-modal .export-preview-header .zoom-value{font-size:12px;font-weight:600;min-width:35px}.export-preview-modal .export-preview-header .format-btn,.export-preview-modal .export-preview-header .option-btn{align-items:center!important;background:hsla(0,0%,100%,.15)!important;border:1.5px solid hsla(0,0%,100%,.3)!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:700!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;transition:all .15s ease!important;width:32px!important}.export-preview-modal .export-preview-header .format-btn:hover,.export-preview-modal .export-preview-header .option-btn:hover{background:hsla(0,0%,100%,.25)!important}.export-preview-modal .export-preview-header .format-btn.active,.export-preview-modal .export-preview-header .option-btn.active{background:#fff!important;border-color:#fff!important;color:#3D7C85!important}.export-preview-modal .export-preview-header .export-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.export-preview-modal .export-preview-header .btn-pdf,.export-preview-modal .export-preview-header .btn-print{align-items:center!important;border:none!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:6px!important;padding:8px 14px!important;transition:all .15s ease!important;white-space:nowrap!important}.export-preview-modal .export-preview-header .btn-pdf svg,.export-preview-modal .export-preview-header .btn-print svg{flex-shrink:0}.export-preview-modal .export-preview-header .btn-print{background:hsla(0,0%,100%,.9)!important;color:#3D7C85!important}.export-preview-modal .export-preview-header .btn-print:hover{background:#fff!important}.export-preview-modal .export-preview-header .btn-pdf{background:#E8924F!important;color:#111416!important}.export-preview-modal .export-preview-header .btn-pdf:hover{background:#E47E2F!important}.export-preview-modal .export-preview-header .btn-close{align-items:center!important;background:hsla(0,0%,100%,.15)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:32px!important;justify-content:center!important;line-height:1!important;margin-left:8px!important;min-width:32px!important;padding:0!important;width:32px!important}.export-preview-modal .export-preview-header .btn-close:hover{background:hsla(0,0%,100%,.25)!important}.export-preview-modal .export-preview-main{background:#e0e0e0;border-radius:0 0 12px 12px;flex:1;min-height:0;overflow:hidden}.export-preview-modal .export-preview-area{display:flex;flex-direction:column;height:100%;width:100%}.export-preview-modal .export-preview-scroll{display:flex;flex:1;justify-content:center;overflow:auto;padding:20px}.export-preview-modal .export-preview-scroll .export-preview-pages{align-items:center;display:flex;flex-direction:column;gap:16px}.export-preview-modal .export-preview-scroll .export-preview-page{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.2);position:relative}.export-preview-modal .export-preview-scroll .export-preview-page.format-a4-portrait{min-height:735px;width:520px}.export-preview-modal .export-preview-scroll .export-preview-page.format-a4-landscape{min-height:520px;width:735px}.export-preview-modal .export-preview-scroll .export-preview-page .page-content{padding:24px 20px}.export-preview-modal .export-preview-scroll .export-preview-page .page-content svg{display:block;height:auto;width:100%}.export-preview-modal .export-preview-scroll .export-preview-page .page-number{bottom:8px;color:#999;font-size:10px;position:absolute;right:12px}.export-preview-modal .export-preview-scroll .export-preview-page .page-watermark{align-items:center;background:rgba(61,124,133,.05);display:flex;font-size:8px;justify-content:flex-start;min-height:24px;padding:4px 10px;position:relative}.export-preview-modal .export-preview-scroll .export-preview-page .page-watermark.watermark-top{border-bottom:1.5px solid #3D7C85}.export-preview-modal .export-preview-scroll .export-preview-page .page-watermark.watermark-bottom{border-top:1.5px solid #3D7C85;bottom:0;left:0;position:absolute;right:0}.export-preview-modal .export-preview-scroll .export-preview-page .page-watermark .watermark-license{color:#3D7C85;font-size:8px}.export-preview-modal .export-preview-scroll .export-preview-page .page-watermark .watermark-license strong{font-weight:600}.export-preview-modal .export-preview-scroll .export-preview-page .page-watermark .watermark-logo{height:16px;left:50%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.export-preview-modal .export-preview-loading{align-items:center;color:#666;display:flex;flex:1;flex-direction:column;gap:12px;justify-content:center}.export-preview-modal .export-preview-loading .loading-spinner{animation:exportSpinner .8s linear infinite;border:3px solid #ccc;border-radius:50%;border-top-color:#3D7C85;height:36px;width:36px}@keyframes exportSpinner{to{transform:rotate(1turn)}}@media(max-width:800px){.export-preview-modal .export-preview-container{padding:8px}.export-preview-modal .export-preview-header{gap:10px;padding:10px 12px}.export-preview-modal .export-preview-header h3{font-size:14px}.export-preview-modal .export-preview-header .export-toolbar{gap:10px}.export-preview-modal .export-preview-header .export-tool-group{gap:6px;padding:0 8px}.export-preview-modal .export-preview-header .export-tool-group .tool-label{display:none}.export-preview-modal .export-preview-header .export-zoom-slider{width:60px}.export-preview-modal .export-preview-header .btn-pdf,.export-preview-modal .export-preview-header .btn-print{font-size:12px!important;padding:6px 10px!important}.export-preview-modal .export-preview-header .btn-pdf span:not(:empty),.export-preview-modal .export-preview-header .btn-print span:not(:empty){display:none}.export-preview-modal .export-preview-scroll{padding:12px}.export-preview-modal .export-preview-scroll .export-preview-page.format-a4-portrait{max-width:400px;min-height:auto;width:100%}.export-preview-modal .export-preview-scroll .export-preview-page.format-a4-landscape{max-width:500px;min-height:auto;width:100%}}@media(max-width:500px){.export-preview-modal .export-preview-header .export-toolbar{border-top:1px solid hsla(0,0%,100%,.2);justify-content:center;margin-top:8px;order:3;padding-top:8px;width:100%}.export-preview-modal .export-preview-header .export-toolbar .export-tool-group{border-left:none;padding:0 6px}.export-preview-modal .export-preview-header .export-actions{order:2}}