.forecast-shell{max-width:1800px;margin:auto;padding:30px 28px 44px}.forecast-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.eyebrow{color:var(--primary);font:700 .72rem var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.forecast-heading h1{font-size:2.35rem;line-height:1.1;color:var(--ink-900)}.forecast-heading p{margin-top:7px;color:var(--slate-600)}.cycle-state{display:grid;justify-items:end}.cycle-state span{font-size:.72rem;color:var(--green);font-weight:700}.cycle-state span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor}.cycle-state strong{margin-top:4px;color:var(--ink-800)}.cycle-state small{color:var(--slate-500)}.forecast-grid{display:grid;grid-template-columns:270px minmax(540px,1fr) 250px;gap:16px}.control-panel,.viewer-panel,.timeline-panel{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm)}.control-panel,.timeline-panel{padding:18px}.control-title,.timeline-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;font-weight:800;color:var(--ink-800)}.control-title small,.timeline-head small{color:var(--slate-500);font-size:.64rem;font-weight:600}.control-panel label{display:grid;gap:6px;margin:13px 0;color:var(--slate-600);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.control-panel select{width:100%;padding:10px;border:1px solid var(--slate-200);border-radius:8px;background:#f8fbfc;color:var(--ink-800);font-size:.78rem;text-transform:none}.control-panel fieldset{margin-top:20px;border:0}.control-panel legend{margin-bottom:8px;color:var(--slate-600);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.product-list{display:grid;gap:7px}.product-list button{padding:11px;border:1px solid var(--slate-200);border-radius:9px;background:#f8fbfc;text-align:left;cursor:pointer}.product-list button.active{border-color:rgba(11,127,171,.45);background:#eaf7fb;box-shadow:inset 3px 0 var(--primary)}.product-list strong,.product-list small{display:block}.product-list strong{font-size:.78rem}.product-list small{margin-top:2px;color:var(--slate-500);font-size:.66rem}.source-note{margin-top:24px;padding:13px;border-radius:9px;background:var(--ink-900);color:#dce8ef}.source-note strong{color:var(--cyan);font-size:.75rem}.source-note p{margin-top:5px;color:#9eb3c2;font-size:.66rem}.viewer-panel{overflow:hidden}.viewer-meta{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--slate-200)}.viewer-meta span,.viewer-meta strong{display:block}.viewer-meta span{color:var(--primary);font-size:.7rem;font-weight:800;text-transform:uppercase}.viewer-meta strong{margin-top:2px;font-size:.78rem}.viewer-meta>span{font:800 1.05rem var(--font-mono);color:var(--ink-700)}.image-stage{position:relative;display:grid;min-height:600px;background:#e9f0f4;place-items:center}.image-stage img{display:block;width:100%;height:100%;object-fit:contain}.loading,.empty-state{position:absolute;display:grid;gap:10px;place-items:center;color:var(--slate-500)}.loading[hidden],.empty-state[hidden],.image-stage img[hidden]{display:none}.loading i{width:26px;height:26px;border:3px solid #c8d8e2;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state span{font-size:.75rem}.player{display:grid;grid-template-columns:36px 42px 36px 1fr auto;gap:8px;align-items:center;padding:12px 15px;border-top:1px solid var(--slate-200)}.player button{height:32px;border:1px solid var(--slate-200);border-radius:7px;background:white;cursor:pointer}.player input{accent-color:var(--primary)}.player span{font:700 .7rem var(--font-mono);color:var(--slate-500)}.hour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:626px;overflow:auto;padding-right:3px}.hour-grid button{padding:7px 2px;border:1px solid var(--slate-200);border-radius:6px;background:#f1f4f6;color:#a7b3bc;font:700 .65rem var(--font-mono)}.hour-grid button.available{background:#edf8fb;color:var(--primary);cursor:pointer}.hour-grid button.selected{border-color:var(--primary);background:var(--primary);color:white}.timeline-key{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;color:var(--slate-500);font-size:.62rem}.timeline-key i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#d9e1e6}.timeline-key i.available{background:#c2eaf3}.timeline-key i.selected{background:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.forecast-grid{grid-template-columns:240px 1fr}.timeline-panel{grid-column:1/-1}.hour-grid{grid-template-columns:repeat(12,1fr);max-height:none}}@media(max-width:760px){.forecast-shell{padding:20px 10px}.forecast-heading{align-items:flex-start;flex-direction:column;gap:12px}.cycle-state{justify-items:start}.forecast-grid{display:block}.control-panel,.viewer-panel,.timeline-panel{margin-bottom:12px}.image-stage{min-height:360px}.hour-grid{grid-template-columns:repeat(6,1fr)}}