.history-generator{display:grid;gap:32px}.history-form{display:grid;grid-template-columns:2fr 1fr;gap:18px}.history-form .field small{margin-top:7px;color:#6f7787}.history-layout-picker{grid-column:1/-1;margin:0;padding:0;border:0}.history-layout-picker legend{margin-bottom:12px;font-weight:800}.history-layout-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-layout-picker label{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dce2ec;border-radius:12px;cursor:pointer;transition:.2s}.history-layout-picker label.active{border-color:#135ad7;background:#f1f6ff;box-shadow:0 0 0 1px #135ad7}.history-layout-picker input{position:absolute;opacity:0}.history-layout-picker>div>label>i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:#155bd7;background:#e7efff}.history-layout-picker span,.history-layout-picker strong,.history-layout-picker small{display:block}.history-layout-picker small{margin-top:2px;color:#6c7584}.history-note{grid-column:1/-1;display:flex;gap:12px;padding:14px 16px;border-radius:12px;color:#714b00;background:#fff8df}.history-note>i{margin-top:3px}.history-note strong,.history-note span{display:block}.history-form .wide,.history-error{grid-column:1/-1}.history-error{margin:0;color:#b42318}.history-feed{padding:24px;border:1px solid #dfe5ed;border-radius:20px;background:#f7f9fc}.history-feed header{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.history-feed header span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#175bd5}.history-feed header span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#f03e55}.history-feed header h3{margin:5px 0 0;font-size:24px}.history-feed header small{color:#77808e}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.history-track{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 8px 25px #192d5010}.history-cover{position:relative;display:grid;overflow:hidden;aspect-ratio:1.35;place-items:center;color:#98a5b7;background:linear-gradient(135deg,#e8edf5,#dbe4f2);font-size:36px}.history-cover img{width:100%;height:100%;object-fit:cover}.history-cover b{position:absolute;left:9px;top:9px;padding:5px 8px;border-radius:6px;color:#fff;background:#e9324e;font-size:10px;letter-spacing:.06em}.history-copy{display:flex;min-width:0;flex-direction:column;padding:14px}.history-copy small{color:#155bd7;font-size:11px;font-weight:800}.history-copy strong{overflow:hidden;margin-top:6px;white-space:nowrap;text-overflow:ellipsis}.history-copy>span{overflow:hidden;margin-top:3px;color:#697386;white-space:nowrap;text-overflow:ellipsis}.history-list .history-grid{grid-template-columns:1fr;gap:1px}.history-list .history-track,.history-compact .history-track{display:grid;grid-template-columns:74px 1fr;align-items:center;border-radius:0;box-shadow:none}.history-list .history-cover,.history-compact .history-cover{aspect-ratio:1;border-radius:10px}.history-featured .history-track:first-child{display:grid;grid-template-columns:1.2fr 1fr;grid-column:1/-1;align-items:center}.history-featured .history-track:first-child .history-copy strong{font-size:25px}.history-carousel .history-grid{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.history-carousel .history-track{flex:0 0 245px;scroll-snap-align:start}.history-compact .history-grid{grid-template-columns:repeat(2,1fr);gap:8px}.history-onair{border-color:#293043;color:#fff;background:radial-gradient(circle at top right,#303a54,#101522 55%)}.history-onair header h3,.history-onair .history-copy strong{color:#fff}.history-onair header span{color:#ff6076}.history-onair .history-track{background:#1c2333}.history-onair .history-copy>span,.history-onair header small{color:#aeb8c9}.history-embed{padding:26px;border-radius:18px;background:#f3f6fb}.history-embed h3{margin:7px 0}.history-embed p{color:#687386}
@media(max-width:760px){.history-form{grid-template-columns:1fr}.history-layout-picker>div{grid-template-columns:1fr 1fr}.history-grid,.history-compact .history-grid{grid-template-columns:1fr}.history-featured .history-track:first-child{display:flex;grid-column:auto}.history-feed header{align-items:start;flex-direction:column;gap:7px}}@media(max-width:480px){.history-layout-picker>div{grid-template-columns:1fr}.history-feed{padding:16px}}
.history-generator,.history-generator>*{min-width:0;max-width:100%}.history-form{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.history-carousel{min-width:0;max-width:100%;overflow:hidden}.history-carousel .history-grid{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 14px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.history-carousel .history-track{flex-basis:min(245px,82vw)}
@media(max-width:760px){.history-form{grid-template-columns:1fr}}
.history-customization{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:16px;padding:18px;border:1px solid #dce3ee;border-radius:14px;background:#f8faff}.history-customization>div:first-child{align-self:center}.history-customization>div:first-child strong,.history-customization>div:first-child small{display:block}.history-customization>div:first-child small{margin-top:4px;color:#6c7584}.history-toggle{display:flex;align-items:center;gap:9px;padding:12px 0;font-weight:700;white-space:nowrap}.history-toggle input{width:18px;height:18px;accent-color:#175bd5}.history-colors{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-colors label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dce3ee;border-radius:10px;background:#fff;font-size:13px;font-weight:700}.history-colors input{width:42px;height:32px;padding:2px;border:0;border-radius:7px;background:transparent;cursor:pointer}.history-feed{color:var(--history-text);background:var(--history-background)}.history-feed header span,.history-copy small{color:var(--history-primary)}.history-feed header h3,.history-copy strong{color:var(--history-text)}.history-cover b{background:var(--history-primary)}
@media(max-width:760px){.history-customization{grid-template-columns:1fr}.history-colors{grid-template-columns:1fr}.history-toggle{padding:0}}
.history-form>.field{align-self:start;align-content:start}.history-form>.field>input,.history-form>.field>select{height:58px;min-height:58px}.history-form>.field>select{padding-block:0}
.history-image-choice{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}.history-image-choice>span{font-size:13px;font-weight:700}.history-image-choice>div{display:flex;padding:3px;border-radius:9px;background:#e9eef7}.history-image-choice button{min-width:70px;padding:8px 16px;border:0;border-radius:7px;background:transparent;color:#607087;font-weight:700}.history-image-choice button.active{color:#fff;background:#175bd5;box-shadow:0 3px 9px #174ca52b}
.history-customization{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr)}.history-customization>div:first-child{grid-column:1/-1}.history-customization>.field{margin:0}.history-customization>.field input{height:58px}.history-toggle{align-self:end;justify-content:center;height:58px;padding:0 18px;border:1px solid #d6dce6;border-radius:8px;background:#fff}.history-toggle input{flex:0 0 20px;width:20px;height:20px}.history-image-choice{padding:12px 14px;border:1px solid #dce3ee;border-radius:10px;background:#fff}.history-image-choice>span{font-size:14px}.history-colors{grid-column:1/-1}
@media(max-width:760px){.history-customization{grid-template-columns:1fr}.history-toggle{justify-content:flex-start}.history-image-choice{align-items:flex-start;flex-direction:column}.history-image-choice>div{width:100%}.history-image-choice button{flex:1}}
.history-image-choice>span{font-size:16px;font-weight:700}
.history-colors label>span{font-size:16px;font-weight:700}
.history-no-images.history-list .history-track,.history-no-images.history-compact .history-track{display:block;grid-template-columns:1fr}.history-no-images.history-list .history-copy,.history-no-images.history-compact .history-copy{width:100%;padding:16px 18px}.history-no-images .history-copy strong,.history-no-images .history-copy>span{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.history-fallback-field{grid-column:1/-1;width:100%}.history-fallback-field>span{font-size:16px}.history-fallback-field small{color:#6c7584}
.history-fallback-cover{aspect-ratio:1.35/1;background:#111}.history-fallback-cover img{object-fit:cover;object-position:center center}
.history-fallback-field small{font-size:0}.history-fallback-field small:after{content:"Tamanho recomendado: 1456 × 1080 pixels.";font-size:13px;line-height:1.5}