body{font-family:Arial,sans-serif;margin:0;padding:0}#pages-container,.page-content-slot,.print-page,.staff-container{width:100%;max-width:100%}.header-info{text-align:left;margin:0 0 20px;line-height:30px}.header-info h1{font-size:24px;margin:0;display:inline;font-family:黑体,SimHei,sans-serif}.header-info p{margin:5px 0;font-size:14px;font-family:宋体,SimSun,serif}.header-info p.inline{display:inline;font-weight:700;font-family:楷体,KaiTi,serif}.header-info p.block{display:block;margin-top:10px;font-family:黑体,SimHei,sans-serif}.staff-container{box-sizing:border-box;overflow:hidden}.staff{position:relative;width:100%;box-sizing:border-box;border-left:2px solid #000;border-right:2px solid #000;overflow:visible}.staff:last-child{margin-bottom:0!important}.staff-line{display:block;width:100%;height:10px;border-top:1px solid #000;box-sizing:border-box;position:relative;z-index:1}.staff-line:last-child{border-bottom:1px solid #000}.clef{position:absolute;left:5px;font-family:Bravura,serif;line-height:1;margin:0;padding:0;color:#000;z-index:2;pointer-events:none}.clef-svg{display:block;overflow:visible;fill:currentColor}.treble-clef .clef-svg{width:33.546875px;height:100px}.bass-clef .clef-svg{width:32.7890625px;height:56px}.alto-clef .clef-svg{width:31.3515625px;height:58px}.tenor-clef .clef-svg{width:32.4375px;height:60px}.treble-clef{font-size:100px;top:-37px;transform:translateY(2px)}.bass-clef{font-size:56px;top:-11px}.alto-clef{font-size:58px;top:-16px;transform:translateY(6px)}.tenor-clef{font-size:60px;top:-25px;transform:translateY(2px)}.percussion-clef{position:absolute;left:10px;top:10px;width:30px;height:20px;display:flex;gap:3px;z-index:2}.percussion-clef:after,.percussion-clef:before{content:"";display:block;width:13.5px;height:100%;background:#000}.tab-staff{overflow:visible}.tab-clef{left:5px;top:-3px;height:56px;width:22px;font-size:18px;font-weight:700;font-family:Arial,sans-serif;z-index:2;pointer-events:none}.tab-clef,.tab-clef>div{position:absolute;line-height:1}.tab-clef>div{left:0;transform:translateY(-50%)}.tab-clef>div:first-child{top:10px}.tab-clef>div:nth-child(2){top:28px}.tab-clef>div:nth-child(3){top:46px}.control-panel>label{font-weight:700}.spacing-row{display:flex;align-items:center;gap:10px}#spacingInput{width:80px;height:35px;text-align:center;font-size:16px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}#decreaseBtn,#increaseBtn{width:80px;height:44px;border:none;border-radius:12px;background:#1f7ae8;color:#fff;font-size:28px;line-height:1;cursor:pointer}.print-btn{width:100%;padding:15px;background-color:#007bff;color:#fff;border:none;cursor:pointer;text-align:center;margin-top:20px;border-radius:10px;font-size:16px;font-family:Arial,sans-serif}@media print{.staff{break-inside:avoid!important}.staff-container{overflow:hidden!important}}:root{--shell-header-height:96px;--shell-header-gap:20px}.header-info{height:var(--shell-header-height)!important;margin:0 0 var(--shell-header-gap)!important;box-sizing:border-box!important}.header-info h1,.header-info p{margin:0!important}.header-info h1,.header-info p.block,.header-info p.inline{line-height:1.2!important}.header-info p.block{margin-top:10px!important}@media print{.header-info{height:var(--shell-header-height)!important;margin:0 0 var(--shell-header-gap)!important}}