.track-composer{padding:0!important;overflow:hidden}
.track-composer [hidden]{display:none!important}
.track-composer-head{padding:18px;border-bottom:1px solid var(--border);background:#f7fbff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.track-composer-head h1{margin:0;font-size:20px;line-height:1.2}.track-composer-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.post-modes{display:flex;align-items:center;gap:8px}.post-modes>span{font-size:12px;color:var(--muted);font-weight:700}.post-modes .room-btn{text-decoration:none}
.split-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)}
.split-form{padding:18px;display:grid;gap:8px;border-right:1px solid var(--border);min-width:0}
.split-form label,.field-label{font-size:13px;font-weight:800}.split-form textarea{min-height:92px}.split-form .code-input{min-height:112px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}
.field-help{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;min-width:0}.field-help span{overflow-wrap:anywhere}
.source-details{display:none;grid-template-columns:1fr 1fr;gap:10px}.source-details.open{display:grid}.source-details>div{display:grid;gap:6px}.source-details input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);font:inherit;outline:none}.source-details input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2694d522;background:#fff}
.upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.upload-row input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-row .btn{min-width:0}.upload-row span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.composer-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:4px}.composer-foot #status{display:block;min-height:20px;margin-right:auto;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.composer-foot #status.bad{color:var(--danger)}.composer-foot #status.good{color:var(--ok)}
.split-preview{padding:18px;background:#f7fbff;display:grid;align-content:start;gap:8px;min-width:0}.preview-label{font-size:11px;color:var(--muted);font-weight:800}
.track-preview-post{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}.post-top{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;color:var(--muted);font-size:11px}.track-canvas{aspect-ratio:1;width:100%;display:grid;place-items:center;background:#eef7fc;overflow:hidden;color:var(--muted);font-size:12px}.track-canvas.track-map{background:#252422}.track-canvas img{display:block;width:100%;max-width:none;height:100%;object-fit:contain;margin:0;padding:14px;border:0;border-radius:0;background:transparent;box-sizing:border-box}.track-canvas.track-map img{padding:0}.track-canvas img.service-mark{width:42%;height:42%;padding:0}.post-copy{padding:12px;min-width:0}.post-copy h2{margin:0;font-size:20px;line-height:1.2;overflow-wrap:anywhere}.track-creator{margin-top:3px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.post-copy p{margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.preview-source{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:#eaf5fc;font-size:11px;min-width:0}.preview-source:empty{display:none}.preview-source code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-media img{display:block;max-width:100%;max-height:240px;object-fit:contain;margin-top:10px;border-radius:10px;border:1px solid var(--border)}
.renderer-frame{position:absolute;width:1px;height:1px;border:0;clip-path:inset(50%);overflow:hidden}
.track-entry{display:grid;grid-template-columns:176px minmax(0,1fr);gap:14px;margin-top:8px;min-width:0}.track-entry .track-canvas{width:176px;height:176px}.track-entry-copy{min-width:0}.track-entry h2{margin:0;font-size:19px;line-height:1.2;overflow-wrap:anywhere}.track-byline{margin-top:3px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.track-description{margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.track-description.expanded{display:block}.description-toggle{border:0;background:transparent;color:var(--accent);padding:5px 0 0;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.track-source{margin-top:10px}.content .track-extra-image{display:block;width:auto;max-width:min(100%,420px);max-height:300px;object-fit:contain;margin:12px 0 0;border-radius:10px;border:1px solid var(--border);background:#f7fbff}
.reply-composer{display:none;gap:8px;margin-top:10px}.reply-composer.open{display:grid}.reply-composer textarea{min-height:72px}.reply-compose-actions{display:flex;gap:8px;justify-content:flex-end}.local-empty{padding:24px;text-align:center;color:var(--muted)}
.nick.admin-glow{animation:trackAdminShimmer 3.2s ease-in-out infinite}@keyframes trackAdminShimmer{0%,100%{background-position:0 0}50%{background-position:200% 0}}
@media(max-width:640px){.split-grid{grid-template-columns:minmax(0,1fr)}.split-form{border-right:0;border-bottom:1px solid var(--border);padding:14px}.split-preview{padding:14px}.source-details.open{grid-template-columns:1fr}.composer-foot{align-items:stretch;flex-direction:column}.composer-foot .btn{width:100%}.track-entry{grid-template-columns:112px minmax(0,1fr);gap:10px}.track-entry .track-canvas{width:112px;height:112px}.track-canvas img{padding:8px}.track-entry h2{font-size:16px}.track-description{-webkit-line-clamp:4}.track-extra-image{max-width:100%}}