.studio-shell{color:#1c1917;background:#f5f5f4;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.studio-top{background:#fff;border-bottom:1px solid #e7e5e4;align-items:center;gap:1rem;padding:.8rem 1.4rem;display:flex}.studio-top h1{font-size:1rem;font-weight:700}.user-chip{color:#57534e;padding:.2rem .5rem;font-size:.82rem}.studio-top .spacer{margin-left:auto}.langtog{border:1px solid #d6d3d1;border-radius:7px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.langtog button{color:#78716c;cursor:pointer;background:#fff;border:none;padding:.3rem .6rem}.langtog button.on{background:var(--dh-green-600,#14693f);color:#fff}.langtog button:disabled{opacity:.7}.studio-main{max-width:1100px;margin:0 auto;padding:1.4rem}.btn,.btn-primary,.btn-ghost{font:inherit;cursor:pointer;color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:.45rem .9rem}.btn-primary{background:var(--dh-green-600,#14693f);border-color:var(--dh-green-600,#14693f);color:#fff;font-weight:600}.btn-ghost{color:#78716c;border-color:#0000}.btn:disabled{opacity:.6}.dash-section{margin-bottom:2rem}.dash-section h2{text-transform:uppercase;letter-spacing:.05em;color:#78716c;margin-bottom:.6rem;font-size:.8rem}.card-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.list-card{color:inherit;background:#fff;border:1px solid #e7e5e4;border-radius:10px;padding:.9rem 1rem;text-decoration:none;display:block}.list-card:hover{border-color:var(--dh-green-600,#14693f)}.list-card .lc-title{font-weight:600}.list-card .lc-sub{color:#78716c;margin-top:.2rem;font-size:.8rem}.scenario-row{border-top:1px solid #f0efed;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.82rem;display:flex}.scenario-row a{color:var(--dh-blue-600,#1f4e8c);text-decoration:none}.list-card .lc-link{color:inherit;text-decoration:none;display:block}.hinario-editor{flex-direction:column;gap:1.6rem;display:flex}.hinario-meta-row{flex-wrap:wrap;gap:1rem;display:flex}.hinario-css-field{text-transform:uppercase;letter-spacing:.03em;color:#78716c;flex-direction:column;gap:.25rem;max-width:560px;font-size:.72rem;display:flex}.hinario-css-field textarea{text-transform:none;letter-spacing:normal;color:#1c1917;resize:vertical;background:#fafaf9;border:1px solid #d6d3d1;border-radius:7px;padding:.6rem;font-family:ui-monospace,SF Mono,monospace;font-size:.82rem}.hinario-title-field select{font:inherit;text-transform:none;letter-spacing:normal;color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:7px;padding:.45rem .5rem}.hinario-title-field{text-transform:uppercase;letter-spacing:.03em;color:#78716c;flex-direction:column;gap:.25rem;max-width:420px;font-size:.72rem;display:flex}.hinario-title-field input{font:inherit;text-transform:none;letter-spacing:normal;color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:7px;padding:.4rem .5rem;font-size:1.1rem;font-weight:600}.hinario-block{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:1.1rem 1.2rem}.hinario-block h2{text-transform:uppercase;letter-spacing:.05em;color:#78716c;margin-bottom:.8rem;font-size:.8rem}.hinario-empty{color:#78716c;padding:.4rem 0;font-size:.85rem}.page-list{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.page-row{background:#fafaf9;border:1px solid #e7e5e4;border-radius:10px;padding:.6rem .8rem}.page-row-head{align-items:center;gap:.6rem;display:flex}.page-type{text-transform:uppercase;letter-spacing:.04em;color:var(--dh-blue-600,#1f4e8c);background:var(--dh-blue-100,#e7effa);border-radius:5px;padding:.12rem .4rem;font-size:.68rem;font-weight:700}.page-name{font-size:.9rem;font-weight:600}.page-tag{text-transform:uppercase;letter-spacing:.04em;color:#78716c;border:1px solid #d6d3d1;border-radius:5px;padding:.12rem .4rem;font-size:.68rem}.page-open{color:var(--dh-green-700,#0e5435);border:1px solid var(--dh-green-200,#bcd9c6);border-radius:5px;padding:.12rem .5rem;font-size:.78rem;text-decoration:none}.page-open:hover{background:var(--dh-green-100,#e3efe7)}.page-actions{gap:.2rem;margin-left:auto;display:flex}.page-actions .btn-ghost{padding:.2rem .5rem;font-size:.8rem}.page-content-fields{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-top:.6rem;display:flex}.page-content-fields label{text-transform:uppercase;letter-spacing:.03em;color:#78716c;flex-direction:column;flex:160px;gap:.25rem;font-size:.7rem;display:flex}.page-content-fields input,.page-content-fields textarea{font:inherit;text-transform:none;letter-spacing:normal;color:#1c1917;resize:vertical;background:#fff;border:1px solid #d6d3d1;border-radius:7px;padding:.4rem .5rem}.page-image-field{flex:200px;align-items:center;gap:.6rem;display:flex}.page-thumb{object-fit:cover;border:1px solid #e7e5e4;border-radius:6px;height:40px}.page-thumb--lg{height:90px}.add-page-bar,.add-hymn-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.add-page-label{text-transform:uppercase;letter-spacing:.03em;color:#78716c;font-size:.72rem}.add-hymn-bar select{font:inherit;background:#fafaf9;border:1px solid #d6d3d1;border-radius:7px;max-width:240px;padding:.4rem .5rem}.add-hymn-hint{color:#78716c;margin-top:.5rem;font-size:.78rem}.member-list{flex-direction:column;gap:.4rem;margin-bottom:.8rem;display:flex}.member-row{align-items:center;gap:.6rem;display:flex}.member-name{flex:1;font-size:.88rem;font-weight:600}.member-row select,.add-hymn-bar input[type=email]{font:inherit;background:#fafaf9;border:1px solid #d6d3d1;border-radius:7px;padding:.35rem .5rem}.collab-field{position:relative}.collab-presence{color:#16a34a;font-size:.72rem;font-weight:700;position:absolute;top:.5rem;right:.6rem}.collab-textarea{font:inherit;resize:vertical;box-sizing:border-box;background:#fafaf9;border:1px solid #d6d3d1;border-radius:8px;width:100%;padding:.6rem}.scenario-cards{flex-direction:column;gap:.8rem;margin-bottom:1rem;display:flex}.scenario-card{background:#fafaf9;border:1px solid #e7e5e4;border-radius:10px;padding:.8rem .9rem}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;display:grid}.scenario-grid label{text-transform:uppercase;letter-spacing:.03em;color:#78716c;flex-direction:column;gap:.25rem;font-size:.7rem;display:flex}.scenario-grid input,.scenario-grid select{font:inherit;text-transform:none;letter-spacing:normal;color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:7px;padding:.4rem .5rem}.scenario-grid .scenario-check{text-transform:none;letter-spacing:normal;color:#44403c;flex-direction:row;align-self:end;align-items:center;gap:.4rem;font-size:.85rem}.scenario-grid .scenario-check input{width:auto;padding:0}.scenario-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.8rem;display:flex}.scenario-link{color:var(--dh-blue-600,#1f4e8c);font-size:.85rem;text-decoration:none}.scenario-actions .btn-ghost{margin-left:auto}.editor{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:1.4rem;display:grid}@media (max-width:900px){.editor{grid-template-columns:1fr}}.editor-form{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:1.1rem 1.2rem}.meta-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1rem;display:grid}.meta-grid label,.repeat-ctl{text-transform:uppercase;letter-spacing:.03em;color:#78716c;flex-direction:column;gap:.25rem;font-size:.72rem;display:flex}.meta-grid input,.meta-grid select{font:inherit;text-transform:none;letter-spacing:normal;color:#1c1917;background:#fafaf9;border:1px solid #d6d3d1;border-radius:7px;padding:.4rem .5rem}.capo-row{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.capo-row .btn-ghost{border:1px solid #d6d3d1;padding:.25rem .55rem;font-size:.8rem}.capo-fields{align-items:center;gap:.8rem;display:flex}.capo-fields .repeat-ctl input{width:3rem}.forma-label{color:#44403c;font-size:.85rem}.version-bar{border-bottom:1px solid #e7e5e4;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.translate-banner{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:13px}.version-bar select,.version-name{font:inherit;background:#fafaf9;border:1px solid #d6d3d1;border-radius:7px;padding:.35rem .5rem}.version-name{min-width:140px}.version-bar .btn-ghost{border:1px solid #d6d3d1;padding:.25rem .55rem;font-size:.8rem}.stanza-card{background:#fafaf9;border:1px solid #e7e5e4;border-radius:10px;margin-bottom:.7rem;padding:.7rem .8rem}.group-box{border:1px solid var(--dh-blue-200,#c4d6ee);border-left:3px solid var(--dh-blue-600,#1f4e8c);background:#f7fafd;border-radius:10px;margin-bottom:.7rem;padding:.6rem .7rem}.group-box .group-box{background:#eef4fb}.group-head{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.group-label{color:var(--dh-blue-600,#1f4e8c);font-size:.78rem;font-weight:600}.group-box .item-list{margin-left:.4rem}.tree-add{gap:.5rem;margin-bottom:.7rem;display:flex}.stanza-head{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.stanza-no{font-size:.85rem;font-weight:600}.repeat-ctl{text-transform:none;letter-spacing:normal;color:#44403c;flex-direction:row;align-items:center;gap:.35rem}.repeat-ctl input{border:1px solid #d6d3d1;border-radius:6px;width:3rem;padding:.2rem .3rem}.stanza-head .btn-ghost{margin-left:auto;padding:.2rem .5rem;font-size:.8rem}.stanza-cols{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.lyrics{font:inherit;resize:vertical;border:1px solid #d6d3d1;border-radius:7px;width:100%;padding:.5rem;line-height:1.5}.lyrics.translation{color:#57534e;font-style:italic}.editor-actions{gap:.6rem;margin-top:.5rem;display:flex}.editor-preview{position:sticky;top:1rem}.preview-label{text-transform:uppercase;letter-spacing:.05em;color:#78716c;margin-bottom:.5rem;font-size:.72rem}.editor-preview .paper{background:#fbfaf7;border:1px solid #e7e5e4;border-radius:6px;min-height:360px;padding:1.6rem 1.8rem;box-shadow:0 6px 20px #0000001a}.key-ctl{align-items:center;gap:.35rem;display:flex}.key-ctl .btn-ghost{padding:.25rem .5rem;font-size:.78rem}.page-provenance{color:#78716c;font-size:.75rem;font-style:italic}.page-version{font:inherit;background:#fff;border:1px solid #d6d3d1;border-radius:6px;padding:.15rem .3rem;font-size:.78rem}.editor-fieldset{border:none;flex-direction:column;gap:1.6rem;min-width:0;margin:0;padding:0;display:flex}.btn-danger{color:#fff;background:#b91c1c;border-color:#b91c1c;font-weight:600}.btn-danger:hover{background:#991b1b}.danger-zone{border-top:1px dashed #e7e5e4;margin-top:1rem;padding-top:.8rem}.hymn-search{font:inherit;background:#fafaf9;border:1px solid #d6d3d1;border-radius:7px;max-width:180px;padding:.4rem .5rem}.invite-msg{color:#166534;font-size:.8rem}.invite-msg--warn{color:#92400e}@media (max-width:640px){.studio-top{flex-wrap:wrap;row-gap:.4rem}.studio-main{padding:.9rem}.stanza-cols{grid-template-columns:1fr}}