:root{--paper:#f7f2e7;--deep:#eee6d5;--ink:#292822;--muted:#746f61;--line:#dcd2be;--gold:#ae872b;--gold-dark:#86641a;--danger:#9b5145}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body,button,input,textarea,select{font-family:Arial,sans-serif}button{color:inherit}.gate{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 75% 18%,#fffaf0 0,transparent 36%),linear-gradient(135deg,#eee5d3,var(--paper) 52%,#f1eadc)}.mark{position:fixed;top:24px;left:28px;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-dark);font:700 12px Georgia}.card{width:min(520px,100%);padding:clamp(32px,6vw,64px);border:1px solid var(--line);background:#fffbf2d9;box-shadow:0 35px 100px #4434191f}.eyebrow{margin:0;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700}.card h1{margin:12px 0 18px;font:500 clamp(42px,7vw,72px)/.98 Georgia}.card>p{color:var(--muted);font:16px/1.6 Georgia}.entry,.admin-form{display:grid;margin-top:30px}.entry label,.admin-form label{margin:12px 0 7px;font-size:11px;font-weight:700}.entry input,.admin-form input,.copy-row input,.search{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;outline:0}.entry button,.primary,.copy-row button{margin-top:18px;padding:12px 16px;border:0;border-radius:9px;background:var(--gold);color:#fff;cursor:pointer}.error{color:var(--danger)!important;font:12px Arial!important}.note{margin-top:28px!important;font:11px Arial!important}.studio{min-height:100vh;display:grid;grid-template-columns:68px 1fr;overflow:hidden}.rail{z-index:20;display:flex;flex-direction:column;align-items:center;padding:16px 10px;border-right:1px solid var(--line);background:var(--deep)}.brand{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;background:transparent;color:var(--gold-dark);font:700 11px Georgia}.rail-actions{display:grid;gap:10px;margin-top:28px}.rail-actions button,.close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#ffffff61;font-size:20px;cursor:pointer}.editor{min-width:0;min-height:100vh;display:grid;grid-template-rows:auto minmax(320px,1fr) auto}.head{padding:24px 34px 14px;border-bottom:1px solid var(--line)}.title-line{display:flex;align-items:start;justify-content:space-between;gap:20px}.title{width:min(760px,75%);border:0;border-bottom:1px solid transparent;outline:0;background:transparent;font:500 clamp(30px,4vw,52px)/1.06 Georgia}.category{display:grid;gap:4px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.category select{border:0;background:transparent;color:var(--gold-dark)}.tabs{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.tabset{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.tabset button{padding:8px 14px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.tabset button.active{background:var(--gold);color:#fff}.saved{font-size:11px;color:#526f5b}.versions{display:flex;gap:7px;margin-top:12px}.versions button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.versions button.active{border-color:var(--gold);background:#efe2bb;color:var(--gold-dark)}.write{width:100%;height:100%;resize:none;border:0;outline:0;padding:30px 7vw 70px;background:var(--paper);color:var(--ink);font:18px/1.75 Georgia}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--line);background:#eee6d5b8}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button,.import,.delete{padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:#ffffff6b;cursor:pointer;font-size:11px}.import input{position:absolute;width:1px;height:1px;opacity:0}.delete{color:var(--danger)}.drawer{position:fixed;z-index:15;inset:0 auto 0 68px;width:min(390px,calc(100vw - 68px));padding:28px;background:#f4edde;border-right:1px solid var(--line);box-shadow:18px 0 55px #45381f1f;overflow:auto}.drawer-head,.modal-head{display:flex;align-items:start;justify-content:space-between}.drawer h2,.modal h2{margin:3px 0 0;font:500 34px Georgia}.new{width:100%;margin:28px 0 16px;padding:12px;border:0;border-radius:9px;background:var(--gold);color:#fff}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.filters button{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:11px}.filters button.active{background:#efe2bb}.songs{display:grid;gap:8px}.song{padding:14px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left}.song.active{border-color:var(--line);background:#fffaf0}.song strong,.song span{display:block}.song strong{font:17px Georgia}.song span{margin-top:5px;color:var(--muted);font-size:11px}.backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#2722197a}.modal{width:min(560px,100%);max-height:88vh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fbf6eb;box-shadow:0 28px 100px #27221940}.copy-row{display:flex;gap:8px;margin-top:20px}.copy-row button{margin:0}.history{display:grid;gap:10px;margin-top:22px}.history article{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px}.history time{display:block;margin-top:4px;color:var(--muted);font-size:11px}.toast{position:fixed;z-index:70;left:50%;bottom:80px;transform:translateX(-50%);padding:11px 15px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px}@media(max-width:700px){.studio{grid-template-columns:54px 1fr}.rail{padding-inline:6px}.drawer{left:54px;width:calc(100vw - 54px);padding:22px}.head{padding:18px}.title-line{display:block}.title{width:100%;font-size:34px}.category{margin-top:14px}.write{padding:24px 24px 90px}.saved{display:none}.footer{align-items:start}.actions button,.import{padding:8px 9px}}