:root{--bg:#f0eee7;--paper:#fffdf8;--ink:#2d332d;--muted:#777e71;--line:#dce0d4;--green:#455b49;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:var(--bg);font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b4865d;outline-offset:2px}button{color:inherit}button svg{flex-shrink:0}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button[hidden],[hidden]{display:none!important}
.app{height:100dvh;height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr) 32px;padding:0 24px;gap:0}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.brand-group{display:flex;align-items:center;gap:17px}.brand{display:flex;gap:10px;align-items:center;font:700 25px var(--serif);letter-spacing:-1px;white-space:nowrap}.brand-mark{border:1px solid var(--green);width:24px;height:31px;display:grid;place-items:center;border-radius:2px 6px 2px 2px;transform:rotate(-5deg);color:var(--green);font-size:20px}.tagline{color:var(--muted);font-size:11px;border-left:1px solid #c9cebf;padding-left:17px}.top-actions{display:flex;align-items:center;gap:18px}.local-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.local-note::before{content:'';width:5px;height:5px;background:#68805b;border-radius:50%}.print-button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:4px;background:var(--green);color:white;padding:10px 17px;font-size:12px}.print-button:hover{background:#364b3a}.workspace{min-height:0;display:grid;grid-template-columns:270px minmax(0,1fr) 252px;gap:18px;padding:18px 0}.panel{min-width:0;min-height:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px}.panel-title h1,.panel-title h2{font:400 23px var(--serif);letter-spacing:-.5px;margin:0}.step{font:italic 11px var(--serif);color:var(--muted)}.source-panel,.design-panel{padding:18px}.source-panel{gap:13px}.source-panel .panel-title{margin-bottom:0}.field-label{font-size:10px;color:#5c6756;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}.text-input,.select-input{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:#fffefb;font-size:12px;color:var(--ink)}.source-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.file-button{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;border:1px dashed #adbda2;background:#edf1e8;border-radius:5px;padding:12px 5px;color:var(--green);font-size:12px}.file-button:hover,.file-button.drag-over{background:#dfe9d6;border-color:var(--green)}.file-caption{font-size:9px;color:var(--muted);margin-top:5px;text-align:center}.text-group{flex:1;min-height:90px;display:flex;flex-direction:column;gap:0}.text-group textarea{flex:1;min-height:0;width:100%;border:1px solid var(--line);border-radius:4px;background:#fffefb;padding:11px;font:12px/1.7 var(--sans);resize:none;color:var(--ink);scrollbar-width:thin}.text-group textarea::placeholder{color:#929887}.text-group textarea:focus{border-color:#8f9f83}.small-button{padding:0;border:0;background:none;color:var(--green);font-size:10px;text-decoration:underline;text-decoration-color:#b1bba6;text-underline-offset:3px}.source-help{font-size:9px;line-height:1.55;color:var(--muted);margin:5px 0 0}.sample-select{width:100%;border:1px solid var(--line);border-radius:4px;padding:8px;background:transparent;color:#66725e;font-size:10px}.import-status{font-size:10px;line-height:1.5;color:var(--green);min-height:15px;overflow-wrap:anywhere}.import-status.error{color:#ad4639}.source-panel.drag-over{border-color:var(--green);outline:2px dashed #8ca07d;outline-offset:2px}.preview-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.layout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.layout-buttons{display:flex;gap:3px;padding:4px;background:#e4e7dc;border:1px solid #d9dfce;border-radius:5px}.layout-button{border:0;background:transparent;border-radius:3px;padding:7px 10px;font-size:10px;color:#69715f;display:flex;align-items:center;gap:6px;white-space:nowrap}.layout-button[aria-pressed=true]{background:var(--paper);color:var(--green);box-shadow:0 1px 4px #2f3c2714}.layout-button svg{width:15px;height:15px}.layout-indicator{font-size:9px;color:var(--muted);white-space:nowrap}.preview-stage{min-height:0;min-width:0;background:#e2e5db;border:1px solid #d8decd;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;position:relative}.page-frame{position:relative;flex-shrink:0;box-shadow:0 6px 22px #29392523}.page-frame>.song-page{position:absolute;left:0;top:0;transform-origin:top left}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px}.preview-caption{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-nav{width:26px;height:26px;border:1px solid #cbd2c1;background:var(--paper);border-radius:4px;font-size:16px;display:grid;place-items:center;line-height:1}.page-position{font-size:10px;font-variant-numeric:tabular-nums;color:#596650;min-width:50px;text-align:center}.design-panel{gap:13px}.design-panel .panel-title{margin-bottom:0}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-button{min-width:0;padding:0;border:1px solid #e0e3d7;background:#fafaf4;border-radius:4px;overflow:hidden;text-align:left}.theme-button[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.theme-art{height:55px;padding:9px 12px 5px;position:relative;overflow:hidden;color:var(--theme-color);background:var(--theme-bg,#fff)}.theme-art .theme-ornament{position:absolute;right:-4px;top:1px;width:67px;height:57px;opacity:.7}.theme-art .theme-ornament svg{width:100%;height:100%;display:block}.theme-type{font:21px/1.1 var(--theme-font,Georgia,serif);position:relative;z-index:1;max-width:75px;display:block}.theme-lines{position:relative;z-index:1;width:33px;height:10px;margin-top:4px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.3}.theme-name{padding:5px 8px;display:flex;align-items:center;justify-content:space-between;font-size:10px;border-top:1px solid #e9ebdf;background:#fafbf5}.theme-name span:last-child{font-size:10px;color:var(--green);visibility:hidden}.theme-button[aria-pressed=true] .theme-name span:last-child{visibility:visible}.settings{border-top:1px solid var(--line);padding-top:13px;display:flex;flex-direction:column;gap:13px}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:#5c6756;margin-bottom:5px}.range-label output{font-weight:400;color:var(--green)}input[type=range]{accent-color:var(--green);width:100%;height:16px;margin:0;cursor:pointer}.checkbox-row{display:flex;align-items:center;gap:7px;font-size:10px;color:#647159;cursor:pointer}.checkbox-row input{accent-color:var(--green);margin:0}.design-note{margin:0;margin-top:auto;font-size:9px;line-height:1.6;color:var(--muted)}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}.footer-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-right{flex-shrink:0}.mobile-tabs{display:none}.render-lab{position:fixed;left:-20000px;top:0;visibility:hidden;pointer-events:none}.print-pages{display:none}
/* The physical page is measured with its final design before pagination. */
.song-page{--accent:#455749;--title-font:Georgia,'Times New Roman',serif;--lyrics-font:Arial,sans-serif;position:relative;isolation:isolate;width:210mm;height:297mm;background:#fff;color:#252923;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding:12mm 14mm 10mm;font-family:var(--lyrics-font);box-sizing:border-box}.song-page.landscape{width:297mm;height:210mm}.page-decoration{position:absolute;pointer-events:none;z-index:-1;right:8mm;top:6mm;width:48mm;height:32mm;color:var(--accent)}.page-decoration svg{display:block;width:100%;height:100%}.song-header{position:relative;flex-shrink:0;padding-bottom:5mm;margin-bottom:5mm;border-bottom:.25mm solid #c6ccbf}.song-title{margin:0;font:400 27pt/1.08 var(--title-font);color:var(--accent);letter-spacing:-.6pt;overflow-wrap:anywhere;max-width:100%}.song-columns{display:flex;flex:1;min-height:0;gap:8mm;position:relative}.song-column{min-width:0;flex:1}.song-part{margin-bottom:4mm;break-inside:avoid}.song-part.chorus{border-left:.6mm solid var(--accent);padding-left:2.5mm}.song-part.no-accent{border-left:0!important;background:none!important;padding-left:0!important}.part-label{font:700 6.5pt/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:1pt;color:var(--accent);margin-bottom:1.3mm}.lyric-line{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.lyric-line.fragment-continued{text-indent:1em}.song-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:.2mm solid #e1e6d8;padding:2mm 0 0;margin:3mm 0 0;font:7pt/1.3 Arial,sans-serif;color:#858a7d}.empty-page{font:15pt/1.6 Arial,sans-serif;color:#8c9583}.theme-clean .page-decoration{display:none}
.theme-botanical{background:#fffef9;--title-font:'Palatino Linotype',Georgia,serif;--lyrics-font:Georgia,serif}.theme-botanical .song-header{padding-right:28mm;border-bottom-color:#c8d2b6}.theme-botanical .song-title{font-style:italic;font-size:29pt}.theme-botanical .page-decoration{right:8mm;top:7mm;width:27mm;height:20mm}.theme-botanical .song-part.chorus{border-left-width:.4mm}.theme-botanical .song-footer{border-top-color:#d7dec9}
.theme-retro{background:#fffcf5;--title-font:Georgia,serif;--lyrics-font:'Trebuchet MS',Arial,sans-serif}.theme-retro .song-header{border-bottom:1mm double var(--accent);padding-right:34mm}.theme-retro .song-title{font-weight:700;letter-spacing:-1.2pt;font-size:29pt}.theme-retro .page-decoration{top:9mm;right:9mm;width:30mm;height:20mm}.theme-retro .part-label{letter-spacing:1.7pt}.theme-retro .song-part.chorus{border-left:1.1mm solid var(--accent);padding-left:3mm}
.theme-deco{--title-font:'Palatino Linotype',Georgia,serif;--lyrics-font:'Segoe UI',Arial,sans-serif;padding:14mm 16mm 12mm;background:#fffefb}.theme-deco::before{content:'';position:absolute;inset:5mm;border:.3mm solid var(--accent);z-index:-1;pointer-events:none}.theme-deco::after{content:'';position:absolute;inset:6.5mm;border:.15mm solid #c9b88a;z-index:-1;pointer-events:none}.theme-deco .song-header{text-align:center;border-bottom:0;padding-bottom:4mm;margin-bottom:4mm;padding-top:7mm}.theme-deco .song-title{letter-spacing:.5pt;font-size:28pt}.theme-deco .page-decoration{top:7mm;left:50%;right:auto;transform:translateX(-50%);width:34mm;height:12mm}.theme-deco .song-part.chorus{border-left:.4mm double var(--accent)}.theme-deco .song-footer{border-top:.3mm double var(--accent)}
.theme-editorial{--title-font:Cambria,Georgia,serif;--lyrics-font:Cambria,Georgia,serif}.theme-editorial .song-header{border-top:1.3mm solid var(--accent);border-bottom:.25mm solid var(--accent);padding:4mm 22mm 4mm 0}.theme-editorial .song-title{font-size:30pt;letter-spacing:-1pt;font-weight:700}.theme-editorial .page-decoration{right:13mm;top:12mm;width:17mm;height:22mm}.theme-editorial .song-part.chorus{border-left:0;padding:0 0 0 3mm;border-left:.6mm solid var(--accent)}.theme-editorial .part-label{font-weight:700;letter-spacing:1.2pt}
.theme-waves{--title-font:Georgia,serif;--lyrics-font:'Segoe UI',Arial,sans-serif;background:#fcfefd}.theme-waves .song-header{padding-right:29mm;border-bottom:.35mm solid var(--accent)}.theme-waves .song-title{font-style:italic;font-size:29pt}.theme-waves .page-decoration{width:34mm;height:18mm;top:8mm;right:8mm}.theme-waves .song-part.chorus{border-left:.5mm solid var(--accent)}.theme-waves .part-label{letter-spacing:1.8pt}.theme-waves .song-footer{border-top-color:#b8d2d0}
@media(max-height:780px) and (min-width:1101px){.app{grid-template-rows:54px minmax(0,1fr) 26px}.workspace{padding:12px 0;gap:13px}.source-panel,.design-panel{padding:14px;gap:10px}.theme-art{height:45px;padding-top:6px}.theme-name{padding:4px 7px}.theme-art .theme-ornament{height:48px}.theme-grid{gap:6px}.settings{gap:9px;padding-top:10px}.panel-title h1,.panel-title h2{font-size:21px}.design-note{font-size:8px}.preview-stage{padding:13px}.file-button{padding:9px 4px}}
@media(max-height:650px) and (min-width:1101px){.app{grid-template-rows:48px minmax(0,1fr) 24px;padding:0 15px}.workspace{padding:9px 0;grid-template-columns:250px minmax(0,1fr) 230px}.theme-art{height:34px;padding:4px 9px}.theme-type{font-size:18px}.theme-lines{display:none}.theme-name{font-size:9px;padding:3px 7px}.theme-grid{gap:5px}.settings{gap:6px;padding-top:8px}.design-note,.source-help,.file-caption{display:none}.source-panel,.design-panel{padding:12px;gap:9px}.panel-title h1,.panel-title h2{font-size:19px}.select-input{padding:6px 8px}.theme-art .theme-ornament{height:38px}.layout-button{padding:5px 8px}.print-button{padding:8px 14px}}
@media(max-width:1100px){.app{grid-template-rows:56px 40px minmax(0,1fr) 26px;padding:0 16px}.mobile-tabs{display:flex;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid var(--line)}.mobile-tab{border:0;background:none;padding:6px 22px;font-size:11px;color:var(--muted);border-radius:4px}.mobile-tab[aria-selected=true]{background:#e1e7d9;color:var(--green)}.workspace{display:block;padding:12px 0;min-height:0}.workspace>.panel,.workspace>.preview-panel{height:100%;max-width:780px;margin:auto}.source-panel{display:none}.design-panel{display:none}.app[data-panel=text] .source-panel{display:flex}.app[data-panel=text] .preview-panel{display:none}.app[data-panel=design] .design-panel{display:flex}.app[data-panel=design] .preview-panel{display:none}.source-panel{padding:18px;gap:11px}.design-panel{padding:16px;gap:12px}.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-art{height:60px}.design-panel .settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.design-note{margin-top:0}.topbar .tagline{display:none}.preview-stage{padding:16px}.text-group textarea{font-size:14px}.layout-toolbar{justify-content:center}.layout-indicator{display:none}.preview-bottom{padding:0 3px}.local-note{display:none}}
@media(max-width:480px){.app{padding:0 10px;grid-template-rows:51px 38px minmax(0,1fr) 24px}.brand{font-size:23px}.top-actions{gap:8px}.print-button{padding:8px 11px;font-size:11px}.workspace{padding:9px 0}.layout-buttons{padding:3px;gap:2px}.layout-button{padding:7px 6px;font-size:9px;gap:4px}.layout-button svg{width:12px;height:12px}.preview-panel{gap:8px}.preview-stage{padding:12px}.preview-caption{font-size:9px;max-width:160px}.pagination{gap:5px}.footer-right{display:none}.source-panel{padding:14px}.design-panel{padding:13px;gap:12px}.theme-grid{gap:7px}.theme-art{height:65px;padding:8px}.theme-type{font-size:22px}.theme-name{font-size:9px;padding:5px 6px}.design-panel .settings{grid-template-columns:1fr;gap:12px}.theme-art .theme-ornament{width:53px}.panel-title h1,.panel-title h2{font-size:22px}.source-panel .text-group{min-height:65px}}
@media(max-height:670px) and (max-width:1100px){.design-panel{gap:9px}.theme-art{height:39px;padding-top:4px}.theme-name{padding:3px 6px}.theme-type{font-size:19px}.theme-lines{display:none}.design-panel .settings{gap:9px}.design-note{display:none}.source-help,.file-caption{display:none}.source-panel{gap:9px}.select-input{padding:6px 8px}.source-panel .text-group{min-height:30px}.preview-panel{gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.song-page.no-graphics::before,.song-page.no-graphics::after{display:none}
.author-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.author-fields>div{min-width:0}.song-credits{display:flex;flex-wrap:wrap;gap:1mm 5mm;margin-top:2.5mm;font:9pt/1.4 Arial,sans-serif;color:#606958;overflow-wrap:anywhere}.song-credits>span{min-width:0;max-width:100%}
.theme-deco .song-credits{justify-content:center}
@media(max-height:480px) and (max-width:1100px){.app[data-panel=design] .design-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:22px minmax(0,1fr);gap:8px 18px;padding:10px 14px}.design-panel>.panel-title{grid-column:1/-1}.design-panel .theme-grid{grid-template-columns:1fr 1fr;align-content:start;gap:5px}.design-panel .theme-art{height:32px;padding:3px 8px}.design-panel .theme-art .theme-ornament{height:34px}.design-panel .theme-name{padding:3px 6px;font-size:9px}.design-panel .settings{display:flex;gap:6px;border:0;padding:0}.design-panel .field-label{margin-bottom:4px}.design-panel .select-input{padding:5px 6px}.design-panel .range-label{margin-bottom:2px}.design-note{display:none}.source-panel{padding:10px 14px;gap:7px}.source-panel .text-group{min-height:0}.source-panel .panel-title h1{font-size:20px}.file-button{padding:7px}.source-panel .text-input{padding:6px 8px}.import-status{font-size:9px}.sample-select{padding:5px 8px}}
@supports(height:100dvh){.app{height:100dvh}}
@media print{html,body{height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;background:white}.app{display:none!important}.render-lab{display:block!important;position:fixed!important;left:-20000px!important;top:0!important;visibility:hidden!important}.print-pages{display:block!important}.print-pages .song-page{margin:0;border:0;box-shadow:none;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-pages .song-page:last-child{break-after:auto;page-break-after:auto}}