.productions-root{max-width:1400px;margin:auto;padding:clamp(16px,3vw,40px)}.production-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.production-row h1{flex:1}.production-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px;margin:20px 0}.production-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:inherit;min-width:0;text-decoration:none;overflow-wrap:anywhere}.production-card h2,.production-card h3,.production-card p{margin:0}.production-card>svg{width:36px;height:36px;color:#8664e5}.production-card img,.production-card video{width:100%;height:190px;object-fit:contain;border-radius:12px;background:#181726}.production-placeholder{height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#666bd51a,#af67d918);border-radius:12px;text-align:center}.production-card progress{width:100%;accent-color:#8765e5}.production-field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.production-field input,.production-field select,.production-field textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:inherit;font:inherit}.production-field textarea{min-height:90px;resize:vertical}.production-dialog{width:min(760px,94vw);max-height:90dvh;overflow:auto;padding:24px}.production-dialog header{position:sticky;top:0;background:var(--surface);z-index:2}.production-dialog header h2{flex:1}.production-picks{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:12px;padding:14px;max-height:250px;overflow:auto;margin:12px 0}.production-picks label{display:flex;align-items:center;gap:10px;min-height:40px}.production-picks input{width:20px;height:20px}.production-scene{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:20px}.production-scene>summary{cursor:pointer;font-size:1.2rem;font-weight:700;padding:10px 0}.production-timeline{display:flex;gap:16px;overflow-x:auto;padding:20px 0}.production-timeline .production-card{flex:0 0 290px}.production-selected{outline:2px solid #8765e5;outline-offset:3px}.production-progress{font-weight:600}.productions-root button,.production-dialog button{min-height:44px}.production-card[draggable=true]{cursor:grab}@media(max-width:600px){.production-timeline{display:grid;grid-template-columns:1fr;overflow:visible}.production-timeline .production-card{width:100%}.production-row{align-items:stretch}.production-scene{padding:12px}.production-dialog{padding:16px}.production-card img,.production-card video{height:auto;max-height:300px}}