.hero{position:relative;isolation:isolate;background:#061e38}.hero-media,.hero-media span{position:absolute;inset:0}.hero-media{z-index:-2;background:#061e38;overflow:hidden}.hero-media span{opacity:0;background-position:center;background-size:cover;animation:mediaHero 18s infinite}.hero-media span:nth-child(1){background-image:url('/assets/media-hub/hero-media-1.webp');animation-delay:0s}.hero-media span:nth-child(2){background-image:url('/assets/media-hub/hero-media-2.webp');animation-delay:6s}.hero-media span:nth-child(3){background-image:url('/assets/media-hub/hero-media-3.webp');animation-delay:12s}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,21,41,.98) 0%,rgba(5,35,66,.91) 44%,rgba(5,36,68,.35) 76%,rgba(5,36,68,.2) 100%)}.hero-copy{position:relative;z-index:1}.hero-copy>p{font-size:12px;letter-spacing:.2em;font-weight:900;color:#76b8ff}.hero-copy>span{display:block;max-width:760px;font-size:18px;color:#d7e8fa}@keyframes mediaHero{0%,28%{opacity:1;transform:scale(1)}33%,95%{opacity:0;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}.references{padding:68px max(6vw,26px);background:#f2f7fd;border-bottom:1px solid var(--line)}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.reference-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:108px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none}.reference-card:hover,.reference-card:focus-visible{border-color:var(--orange);box-shadow:0 12px 30px rgba(9,41,74,.1)}.reference-card b,.reference-card small{display:block}.reference-card small{color:#667f99}.reference-card em{font-style:normal;font-size:11px;font-weight:800;color:#8a4b16;background:#fff0df;padding:6px 8px;border-radius:999px;white-space:nowrap}.editor-dialog button[disabled]{opacity:.65;cursor:wait}.field-error{color:#9a251c;font-size:13px;font-weight:650}.workspace-status[data-state="ready"]{color:#08723a;font-weight:700}
@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.hero-copy>span{font-size:16px}.hero-media span{background-position:64% center}}@media(max-width:560px){.reference-grid{grid-template-columns:1fr}.references{padding-top:48px}}@media(prefers-reduced-motion:reduce){.hero-media span{animation:none;opacity:0}.hero-media span:first-child{opacity:1;transform:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f4f9ff 48%,#fff7f1 100%)}.studio-glow{position:absolute;width:520px;height:520px;right:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,#ff7a4530,transparent 68%);pointer-events:none}.studio .section-title,.studio-actions,.studio-footer{position:relative;z-index:1}.studio .section-title h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.04em}.studio .section-title>span{font-size:18px}.studio-actions{gap:24px}.studio-actions button{position:relative;grid-template-columns:56px 1fr;grid-template-rows:auto auto 1fr auto;min-height:245px;padding:28px;overflow:hidden;border:1px solid #cfe0f0;background:rgba(255,255,255,.88);box-shadow:0 20px 55px rgba(9,41,74,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.studio-actions button::after{content:"";position:absolute;width:170px;height:170px;right:-90px;bottom:-90px;border-radius:50%;background:linear-gradient(135deg,#0b69d923,#ff6b352c);transition:transform .3s ease}.studio-actions button:hover::after,.studio-actions button:focus-visible::after{transform:scale(1.35)}.studio-actions button:hover,.studio-actions button:focus-visible{transform:translateY(-7px);box-shadow:0 28px 64px rgba(9,41,74,.16)}.studio-actions button:nth-child(3){background:linear-gradient(145deg,#082f5b,#0a579d);color:#fff;border-color:#176bb4}.studio-actions button:nth-child(3) small{color:#cce5ff}.studio-actions button:nth-child(3) em{color:#fff;border-color:#ffffff50}.studio-actions b{position:absolute;right:24px;top:20px;font-size:14px;letter-spacing:.16em}.studio-actions i{display:grid;place-items:center;grid-row:1/3;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#e9f4ff,#fff0e8);color:#e95e24;font-style:normal;font-size:18px;font-weight:900;box-shadow:0 10px 24px #0a4d8c18}.studio-actions span{font-size:23px;line-height:1.15;padding-right:22px}.studio-actions small{font-size:15px;line-height:1.45}.studio-actions em{align-self:end;grid-column:1/3;display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid #d9e5ef;color:#0b66c7;font-style:normal;font-weight:800}.studio-actions em strong{color:#f56a2b;font-size:20px}.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:15px 18px;border:1px solid #dbe6f0;border-radius:14px;background:#ffffffb8}.studio-footer .workspace-status{margin:0;font-weight:750}.studio-footer>span{font-size:13px;color:#58718b}.reference-tools{display:flex;align-items:center;gap:10px;margin:28px 0 22px;flex-wrap:wrap}.reference-tools button{border:1px solid #cbddeb;border-radius:999px;background:#fff;color:#31526f;padding:10px 15px;font-weight:800;cursor:pointer}.reference-tools button.active{background:#082f5b;border-color:#082f5b;color:#fff}.reference-tools button b{margin-left:5px;color:#f56a2b}.reference-tools label{margin-left:auto;min-width:min(100%,300px)}.reference-tools input{width:100%;height:44px;border:1px solid #cbddeb;border-radius:999px;background:#fff;padding:0 18px;font:inherit;color:#09294a}.reference-card{display:grid;grid-template-columns:auto 1fr auto}.reference-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf4ff;color:#1265b9;font-size:12px;font-weight:900}.reference-more{display:block;margin:24px auto 0}.reference-more[hidden]{display:none}
@media(max-width:760px){.studio-actions{grid-template-columns:1fr}.studio-actions button{min-height:190px}.studio-footer{align-items:flex-start;flex-direction:column}.reference-tools label{margin-left:0;width:100%}}@media(max-width:560px){.reference-card{grid-template-columns:auto 1fr}.reference-card em{grid-column:2}}
.feed-empty{grid-column:1/-1;padding:38px;border:1px dashed #b9cee1;border-radius:22px;background:linear-gradient(145deg,#fff,#f3f8fd);text-align:center}.feed-empty>span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:16px;background:#fff0e8;color:#f56a2b;font-size:23px}.feed-empty h3{margin:18px 0 8px;font-size:24px}.feed-empty p{max-width:650px;margin:0 auto 20px;color:#58718b}.feed-empty button,.feed-empty a{display:inline-block;margin:5px;padding:12px 17px;border-radius:11px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.feed-empty button{border:0;background:#0868d7;color:#fff}.feed-empty a{border:1px solid #cbddeb;background:#fff;color:#174e82}