.frame-review-note{padding:18px 24px;background:#d6ddc7;color:#35452a;font-size:13px;line-height:1.8;border:1px solid #b6bea7;border-radius:8px;margin-bottom:30px}.frame-review-note a{text-decoration:underline;text-underline-offset:4px}#frame .frame-board{grid-template-columns:1fr 1.15fr;background:#252a20;gap:35px}#frame .frame-script h4{font-family:Georgia,serif;font-weight:400;line-height:1.15;font-size:33px}.frame-viewer{min-width:0;align-self:center}.frame-format-controls{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.frame-format-button{border:1px solid #687558;border-radius:5px;min-height:44px;padding:10px 14px;background:transparent;color:#d8dfce;font-size:12px;cursor:pointer}.frame-format-button[aria-pressed=true]{background:#d0f35a;color:#191b18;border-color:#d0f35a}.frame-format-button:focus-visible{outline:2px solid #d0f35a;outline-offset:3px}#frame .frame-phone{max-width:250px;width:100%;background:radial-gradient(ellipse at 25% 20%,#dd9064,#ad5035);box-shadow:0 12px 30px #0003}#frame .frame-phone h4{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.15}#frame .frame-phone svg{height:150px}#frame .frame-phone[data-format="horizontal"]{aspect-ratio:16/9;max-width:100%;border-radius:12px;padding:25px 20px;align-items:flex-start}#frame .frame-phone[data-format="horizontal"] svg{position:absolute;right:12px;top:22px;width:38%;height:90px;opacity:.7}#frame .frame-phone[data-format="horizontal"] h4{font-size:24px;text-align:left;max-width:65%;margin:15px 0 35px;z-index:1}#frame .frame-phone[data-format="horizontal"] small{top:12px;font-size:8px}#frame .frame-phone[data-format="horizontal"] .frame-caption{bottom:12px;font-size:11px;padding:6px;left:12px;right:12px}.frame-format-note{font-size:11px;line-height:1.8;text-align:center;color:#babcaf!important;margin-top:16px}.frame-timeline{display:flex;gap:3px;margin:20px 0 10px;height:8px;border-radius:4px;overflow:hidden}.frame-timeline span:nth-child(1){flex:3;background:#d0f35a}.frame-timeline span:nth-child(2){flex:8;background:#8ea660}.frame-timeline span:nth-child(3){flex:4;background:#d3b171}.frame-timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:#c1cbb3}#frame .frame-scenes{margin-top:18px}#frame .frame-scene{padding:16px 10px}#frame .frame-scene-info{padding-top:12px}@media(max-width:700px){#frame .frame-board{grid-template-columns:1fr;padding:25px}.frame-viewer{width:100%}#frame .frame-phone[data-format="horizontal"]{min-height:185px}#frame .frame-phone[data-format="horizontal"] h4{font-size:23px}.frame-format-note{font-size:12px}}
