:root{--font-body:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--uke-font-size:16px;--uke-line-height:1.6;--uke-title-size:28px;--uke-artist-size:16px;--uke-meta-size:14px;--uke-diagram-gap:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-body);background:#fff;color:#111}a{color:inherit;text-decoration:none}.wrap{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;padding:24px}.panel{padding:16px;border:none;box-shadow:none;border-radius:14px}.header-center{text-align:center;margin-bottom:6px}h1{font-size:var(--uke-title-size);margin:0 0 4px}.artist{font-size:var(--uke-artist-size);color:#222;margin:0 0 2px}.meta-top{font-size:var(--uke-meta-size);color:#666;margin:0 0 6px}textarea.lyrics{width:100%;height:60vh;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;padding:12px;border:1px solid #ddd;border-radius:10px}.preview{font-size:var(--uke-font-size);line-height:var(--uke-line-height)}.section{margin:10px 0 1px;font-weight:700;text-transform:uppercase}.section+.line{margin-top:0}.line{white-space:pre-wrap;margin:0}.chord{font-weight:700;padding:0 2px}.uketips{margin-top:12px;padding:10px 12px;background:#fff;border:1px dashed #ddd;border-radius:10px}.diagram-row{display:flex;gap:var(--uke-diagram-gap,12px);flex-wrap:wrap;margin-top:16px;align-items:flex-start;justify-content:center}.chord-diagram{width:120px}.chord-missing{width:120px;height:160px;display:grid;place-items:center;border:2px dashed #f90;border-radius:10px;color:#f90;font-weight:700}.controls-left{margin-top:12px;padding:12px;background:#f7f7f7;border:1px solid #eee;border-radius:10px;display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-row label{font-size:13px;color:#444;min-width:110px}.controls-left input[type=range]{width:100%;display:block}