.ap-page { max-width: 1100px; margin: 0 auto; padding: 2rem; }
.ap-shell { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.ap-player { width: 100%; aspect-ratio: 16 / 9; background: #000; display: block; }
.ap-form { display: grid; gap: 0.75rem; padding: 1rem; border-top: 1px solid var(--border); }
.ap-row { display: grid; grid-template-columns: 1fr 180px 120px; gap: 0.75rem; }
.ap-input { width: 100%; padding: 0.75rem 0.9rem; background: var(--bg-input, rgba(255,255,255,0.04)); color: var(--text-bright); border: 1px solid var(--border); border-radius: var(--radius); }
.ap-btn { border: 0; border-radius: var(--radius); background: var(--accent); color: #000; font-weight: 700; cursor: pointer; }
.ap-title { margin: 0 0 1rem; color: var(--text-bright); font-size: 1.35rem; }
@media (max-width: 760px) { .ap-page { padding: 1rem; } .ap-row { grid-template-columns: 1fr; } .ap-btn { min-height: 44px; } }