.cinematic{min-height:100vh;background:#090e16;color:#f5f8fa}.cinematic__inner{width:min(100% - 40px,1380px);margin:0 auto;padding:42px 0 90px}.cinematic__intro{padding:0 0 36px;border-bottom:1px solid #294252}.cinematic__intro p{margin:0 0 8px;color:#5ee2d7;font-size:12px;font-weight:800}.cinematic__intro h1{margin:0 0 10px;font-size:clamp(30px,3.4rem,52px);line-height:1.15}.cinematic__intro span,.cinematic__note{color:#9fb2bd;font-size:14px;line-height:1.6}.cinematic__layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);grid-gap:24px;gap:24px;padding-top:28px;align-items:start}.cinematic__panel,.cinematic__workspace{border:1px solid #2a3e4c;border-radius:8px;background:#111b27}.cinematic__form{padding:22px}.cinematic h2,.cinematic h3{margin:0 0 18px;line-height:1.3}.cinematic__form h2{font-size:21px}.cinematic label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#d5e5ed;font-size:13px;font-weight:700}.cinematic input,.cinematic select,.cinematic textarea{width:100%;min-width:0;border:1px solid #385263;border-radius:5px;background:#08121e;color:#f6fafc;padding:10px 12px;font:inherit;font-weight:400;box-sizing:border-box}.cinematic textarea{min-height:96px;resize:vertical;line-height:1.6}.cinematic input:focus,.cinematic select:focus,.cinematic textarea:focus{outline:2px solid #4fd4c7;outline-offset:1px}.cinematic__fields{display:grid;grid-template-columns:1fr}.cinematic button{min-height:36px;border:1px solid #3b6572;border-radius:5px;background:#162c39;color:#ecfbfb;padding:7px 12px;font:inherit;font-weight:700;cursor:pointer}.cinematic button:hover{background:#214455}.cinematic button:disabled{opacity:.5;cursor:not-allowed}.cinematic__primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px!important;border:0!important;border-radius:5px;background:#df9a35!important;color:#101820!important;font-weight:800!important;text-decoration:none;cursor:pointer}.cinematic__primary:hover{background:#f0b04e!important}.cinematic__note{margin-bottom:0}.cinematic__workspace{padding:24px;min-height:560px}.cinematic__message{margin-bottom:20px;padding:11px 14px;border:1px solid #477777;background:#123039;border-radius:5px;color:#d6fffa}.cinematic__empty{padding:84px 12px;text-align:center;color:#b0c4ce}.cinematic__empty h2{color:#f5f8fa}.cinematic__project-head,.cinematic__scene-actions,.cinematic__scene-head,.cinematic__section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.cinematic__project-head{padding-bottom:18px;border-bottom:1px solid #334959}.cinematic__project-head p{margin:0 0 4px;color:#61d9cf;font-size:12px}.cinematic__project-head h2{margin:0 0 4px;font-size:24px}.cinematic__project-head span{color:#abc2cc;font-size:13px}.cinematic__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:18px 0 6px}.cinematic__stats div{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #344c5b;border-radius:6px;background:#0d1723}.cinematic__stats strong{font-size:20px}.cinematic__stats span{color:#a8c3cb;font-size:12px}.cinematic__synopsis{color:#c4d5dd;line-height:1.7}.cinematic__characters{padding:12px 0 18px;border-top:1px solid #334959}.cinematic__characters h3{margin:6px 0;font-size:15px}.cinematic__characters p{margin:7px 0;color:#bdcdd6;font-size:13px}.cinematic__tabs{display:flex;gap:5px;overflow-x:auto;padding:10px 0;border-bottom:1px solid #334959}.cinematic__tabs button{flex:none;border-color:transparent;background:transparent}.cinematic__tabs button.is-active{border-color:#51bdb5;background:#16454c}.cinematic__output,.cinematic__scenes{padding-top:22px}.cinematic__section-head h3{margin:0;font-size:18px}.cinematic__scene{margin-top:16px;padding:17px;border:1px solid #344c5b;border-radius:6px;background:#0d1723}.cinematic__scene-head strong{font-size:15px}.cinematic__scene-head span{flex:none;color:#68d9cf;font-size:12px}.cinematic__scene p{color:#b9cbd5;line-height:1.65;font-size:14px}.cinematic__scene .cinematic__narration{border-left:2px solid #db9838;padding-left:12px;color:#e1e8eb}.cinematic__scene-actions{justify-content:flex-start;flex-wrap:wrap}.cinematic__editor{margin-top:18px}.cinematic__output textarea{min-height:450px;margin-bottom:12px}.cinematic__output button+button{margin-left:8px}.cinematic__history{margin-top:32px;padding-top:22px;border-top:1px solid #334959}.cinematic__history h3{font-size:17px}.cinematic__history button{display:flex;justify-content:space-between;width:100%;margin-bottom:8px;text-align:left}.cinematic__history small{color:#a8c3cb;font-weight:400}@media (max-width:840px){.cinematic__layout{grid-template-columns:1fr}.cinematic__workspace{min-height:0}}@media (max-width:520px){.cinematic__inner{width:min(100% - 24px,1380px);padding-top:24px}.cinematic__form,.cinematic__workspace{padding:16px}.cinematic__project-head{align-items:flex-start;flex-direction:column}}