.blog-surface{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0a0a0a;--surface:#171717;--text:#fff;--muted:#d0d0d4;--body:#dcddde;--border:#343434;--primary:#6421ff;--lime:#d8ff7c;--focus:#8f70ff;--glass:inset 0 50px 100px #ffffff1f, 0 5px 10px #0000000d, 0 15px 30px #0000000d, 0 30px 60px #0000001a}.blog-surface *{box-sizing:border-box}.blog-surface{scroll-behavior:smooth;background:var(--background);color:#fff;font:500 16px/1.5 var(--font-switzer), Arial, sans-serif;margin:0;scroll-padding-top:90px}.blog-surface button,.blog-surface input,.blog-surface select,.blog-surface textarea{font:inherit}.blog-surface button,.blog-surface a,.blog-surface input{-webkit-tap-highlight-color:transparent}.blog-surface button,.blog-surface a{touch-action:manipulation}.blog-surface button{color:inherit;cursor:pointer;background:0 0;border:0}.blog-surface button:disabled{cursor:default;opacity:.45}.blog-surface a{color:inherit;text-decoration:none}.blog-surface img{max-width:100%;display:block}.blog-surface h1,.blog-surface h2,.blog-surface h3,.blog-surface p,.blog-surface figure{margin:0}.blog-surface h1,.blog-surface h2,.blog-surface h3{font-weight:600}.blog-surface :focus-visible{outline:2px solid var(--focus);outline-offset:4px}.blog-surface ::selection{color:#fff;background:#6421ff99}.blog-surface .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-surface .icon{object-fit:contain;flex:none;display:block}.blog-surface .rotate-180{transform:rotate(180deg)}.blog-surface .avatar{object-fit:cover;aspect-ratio:1;background:linear-gradient(100deg,#fd3e8480,#b32eff80);border-radius:50%;flex-shrink:0}.blog-surface .avatar.editorial-logo{object-fit:contain;background:0 0;border-radius:0}.blog-surface .featured-byline .avatar,.blog-surface .article-hero-text .avatar{width:32px;height:32px}.blog-surface .card-byline .avatar{width:24px;height:24px}.blog-surface .button,.blog-surface .icon-button,.blog-surface .page-number{box-shadow:var(--glass);white-space:nowrap;background:#0a0a0a59;border-radius:32px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 24px;font-size:12px;line-height:18px;transition:background .18s,box-shadow .18s;display:inline-flex}.blog-surface .button:hover,.blog-surface .icon-button:hover{background:#343434}.blog-surface .button.primary{background:var(--primary)}.blog-surface .button.primary:hover{background:#7c41ff}.blog-surface .icon-button{width:40px;height:40px;padding:10px}.blog-surface .text-link{color:var(--muted);font-size:inherit;padding:0;text-decoration:underline}.blog-surface .text-link:hover{color:#fff}.blog-surface .main-shell{min-width:0}.blog-surface .page-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:30;background:#0a0a0aee;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:12px 8px 0;display:flex;position:sticky;top:0}.blog-surface .page-header h1{text-transform:uppercase;font-size:32px;line-height:36px}.blog-surface .auth-actions{gap:8px;display:flex}.blog-surface .breadcrumbs{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:flex;overflow:hidden}.blog-surface .breadcrumbs>a:hover{color:#fff}.blog-surface .breadcrumbs>[aria-current]{text-overflow:ellipsis;color:var(--text);overflow:hidden}.blog-surface .feed-intro{padding:16px 12px 32px}.blog-surface .feed-intro>p{color:#fff;line-height:24px}.blog-surface .feed-controls{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.blog-surface .category-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-surface .category-tab{border:1px solid var(--border);min-height:24px;color:var(--muted);text-transform:uppercase;white-space:nowrap;border-radius:32px;align-items:center;gap:4px;padding:2px 12px;font-size:12px;line-height:18px;display:flex}.blog-surface .category-tab>span{color:#fff}.blog-surface .category-tab:hover,.blog-surface .category-tab.active{color:var(--lime);border-color:#4b503d}.blog-surface .category-tab.active>span{color:#f2ffd4}.blog-surface .search-filters{flex-shrink:0;align-items:center;gap:8px;display:flex}.blog-surface .search-field{width:248px;height:40px;box-shadow:var(--glass);background:#0a0a0a59;border-radius:1000px;align-items:center;gap:8px;padding:8px 12px;display:flex}.blog-surface .search-field:focus-within{outline:1px solid var(--focus)}.blog-surface .search-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px;line-height:21px}.blog-surface .search-field input::placeholder{color:var(--muted);opacity:1}.blog-surface .search-field input::-webkit-search-cancel-button{display:none}.blog-surface .search-field button{padding:0 2px;font-size:24px;line-height:20px}.blog-surface .time-filter{position:relative}.blog-surface .time-button{white-space:nowrap;align-items:center;gap:8px;height:40px;padding:8px 16px;font-size:12px;display:flex}.blog-surface .time-menu{z-index:35;background:#252525;border:1px solid #343434;border-radius:12px;width:144px;padding:8px;position:absolute;top:44px;right:0;box-shadow:0 15px 40px #0009}.blog-surface .time-menu>button{text-align:left;border-radius:6px;width:100%;padding:8px 10px;font-size:14px;display:block}.blog-surface .time-menu>button:hover,.blog-surface .time-menu>button[aria-selected=true]{color:var(--lime);background:#ffffff0d}.blog-surface .category-intro h1{text-transform:uppercase;margin-bottom:8px;font-size:32px;line-height:36px}.blog-surface .featured-container{padding:0 12px}.blog-surface .featured-card{background:#ffffff0d;border:1px solid #0000;border-radius:24px;gap:24px;min-height:424px;padding:24px;transition:border-color .2s,background .2s;display:flex}.blog-surface .featured-card:hover{background:linear-gradient(65deg,#f21dc326 3%,#6421ff26 27%,#19191926 44%),#ffffff0d;border-color:#8f70ff}.blog-surface .featured-text{flex-direction:column;flex:1;justify-content:space-between;gap:32px;min-width:0;display:flex}.blog-surface .featured-text h2{text-transform:uppercase;font-size:24px;line-height:27px}.blog-surface .featured-text p{color:var(--body);margin-top:16px;font-size:16px;line-height:24px}.blog-surface .featured-byline{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.blog-surface .author{white-space:nowrap;align-items:center;gap:8px;display:flex}.blog-surface .featured-byline>span:last-child{white-space:nowrap;font-size:12px}.blog-surface .featured-byline time{text-transform:uppercase}.blog-surface .featured-image{background:#151515;border-radius:24px;flex-shrink:0;width:min(640px,51%);min-height:376px;position:relative;overflow:hidden}.blog-surface .featured-image>img{object-fit:fill;width:100%;max-width:none;height:304.96%;position:absolute;top:-52.54%}.blog-surface .featured-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 61%,#000b);position:absolute;inset:0}.blog-surface .image-tag{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;background:#ffffff0d;border-radius:32px;padding:3px 12px;font-size:12px;line-height:18px;position:absolute;top:16px;left:16px}.blog-surface .featured-image .image-tag{padding:7px 12px}.blog-surface .category-section{margin-top:36px;scroll-margin-top:76px;position:relative}.blog-surface .section-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:66px;margin-bottom:16px;padding:12px;display:flex}.blog-surface .section-heading h2{text-transform:uppercase;font-size:24px;line-height:27px}.blog-surface .section-heading p{color:var(--body);margin-top:8px;font-size:14px;line-height:21px}.blog-surface .section-heading .icon-button{width:32px;height:32px;min-height:32px;padding:8px}.blog-surface .article-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;display:grid}.blog-surface .article-card{border:1px solid #0000;border-radius:24px;flex-direction:column;gap:12px;min-width:0;min-height:404px;padding:12px;transition:background .2s,border-color .2s;display:flex}.blog-surface .article-card:hover,.blog-surface .article-card:focus-visible{background:linear-gradient(65deg,#f21dc315,#6421ff15 35%,#0000 75%),#ffffff08;border-color:#8f70ff66}.blog-surface .card-thumbnail{background:#171717;border:1px solid #ffffff0d;border-radius:16px;width:100%;height:284px;position:relative;overflow:hidden}.blog-surface .card-thumbnail>img{object-fit:cover;opacity:.7;width:100%;height:100%;transition:opacity .3s,transform .3s}.blog-surface .article-card:hover .card-thumbnail>img{opacity:1;transform:scale(1.015)}.blog-surface .card-thumbnail.custom-crop>img{height:var(--crop-height);width:var(--crop-width);top:var(--crop-top);left:var(--crop-left);object-fit:fill;position:absolute}.blog-surface .card-thumbnail:after{content:"";pointer-events:none;background:linear-gradient(#0000 61%,#000b);position:absolute;inset:0}.blog-surface .card-thumbnail.baked-poster:after{display:none}.blog-surface .baked-poster>img{opacity:1}.blog-surface .read-time{z-index:1;color:var(--muted);font-size:12px;line-height:18px;position:absolute;bottom:16px;right:16px}.blog-surface .card-content{flex-direction:column;gap:12px;display:flex}.blog-surface .card-byline{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:18px;display:flex}.blog-surface .card-byline time{text-transform:uppercase;text-align:right}.blog-surface .article-card h3{font-size:16px;font-weight:500;line-height:24px}.blog-surface .view-all{pointer-events:none;background:linear-gradient(#0000,#0a0a0ae6 60%,#0a0a0a);justify-content:center;align-items:flex-end;height:77px;margin-top:-77px;padding:16px 0;display:flex;position:relative}.blog-surface .view-all>.button{pointer-events:auto}.blog-surface .results-section{padding-bottom:32px}.blog-surface .end-of-feed{text-align:center;color:var(--muted);padding:40px 16px;font-size:14px}.blog-surface .load-more,.blog-surface .pagination{justify-content:center;gap:8px;padding:32px 12px;display:flex}.blog-surface .page-number{width:40px;padding:8px}.blog-surface .page-number.active{background:var(--primary)}.blog-surface .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:560px;display:flex}.blog-surface .empty-state h2{text-transform:uppercase;font-size:24px;line-height:27px}.blog-surface .empty-state p{color:var(--muted)}.blog-surface .empty-state .icon{opacity:.65}.blog-surface mark{color:var(--lime);background:#b5ff071a;border-radius:2px}.blog-surface .modal{color:#fff;border:1px solid var(--border);background:#191919;border-radius:24px;width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 100px #000b}.blog-surface .modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000b}.blog-surface .modal-inner{padding:36px 28px;position:relative}.blog-surface .modal-inner>h2{margin-bottom:16px;padding-right:36px;font-size:24px}.blog-surface .modal-inner>p{color:var(--muted);margin:16px 0}.blog-surface .modal-close{z-index:2;font-size:26px;line-height:1;position:absolute;top:12px;right:12px}@media (min-width:1800px){.blog-surface .main-shell{max-width:1680px}}@media (max-width:1279px){.blog-surface .feed-controls{flex-wrap:wrap}.blog-surface .search-filters{margin-left:auto}.blog-surface .featured-image{width:48%}.blog-surface .featured-byline{flex-wrap:wrap}.blog-surface .featured-text h2{font-size:22px}.blog-surface .card-byline{flex-wrap:wrap}}@media (max-width:1023px){.blog-surface .burger{flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;display:flex}.blog-surface .burger span{background:var(--muted);width:22px;height:2px}.blog-surface .page-header{height:auto;min-height:40px;padding:0;position:static}.blog-surface .page-header h1{font-size:24px;line-height:27px}.blog-surface .feed-intro{padding:16px 0 32px}.blog-surface .feed-controls{gap:16px;margin-top:24px}.blog-surface .category-tabs{width:100%}.blog-surface .search-filters{justify-content:space-between;width:100%;margin:0}.blog-surface .search-field{flex:1;width:auto}.blog-surface .featured-container{padding:0}.blog-surface .featured-card{min-height:440px}.blog-surface .featured-text h2{font-size:18px;line-height:27px}.blog-surface .featured-text p{font-size:14px;line-height:21px}.blog-surface .featured-image{width:42%;min-height:392px}.blog-surface .featured-image>img{object-fit:cover;height:170%;top:-10%}.blog-surface .featured-byline{gap:8px;font-size:12px}.blog-surface .featured-byline .avatar{width:24px;height:24px}.blog-surface .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-surface .card-byline{flex-wrap:nowrap}.blog-surface .section-heading{padding:12px 0}}@media (max-width:599px){.blog-surface .auth-actions .button{min-height:36px;padding:8px 16px}.blog-surface .feed-intro>p{font-size:14px;line-height:21px}.blog-surface .category-tabs{gap:8px}.blog-surface .category-tab{padding:2px 10px}.blog-surface .time-button{padding:8px}.blog-surface .time-button>.icon:first-child{display:none}.blog-surface .featured-card{flex-direction:column;gap:16px;min-height:0;padding:16px 12px}.blog-surface .featured-text{gap:16px}.blog-surface .featured-byline{flex-wrap:nowrap;font-size:12px}.blog-surface .featured-byline>span:last-child{font-size:12px}.blog-surface .featured-image{border-radius:16px;width:100%;min-height:284px}.blog-surface .featured-image>img{object-fit:fill;height:201.25%;top:-11.27%}.blog-surface .article-grid{grid-template-columns:1fr}.blog-surface .article-card{min-height:380px}.blog-surface .feed-grid>.article-card:nth-child(n+4){display:none}.blog-surface .card-thumbnail.custom-crop>img{height:var(--mobile-crop-height);width:var(--mobile-crop-width);top:var(--mobile-crop-top);left:var(--mobile-crop-left)}.blog-surface .category-section{margin-top:36px}.blog-surface .section-heading{margin-bottom:12px}.blog-surface .section-heading h2{font-size:18px;line-height:27px}.blog-surface .section-heading p{margin-top:4px;font-size:12px;line-height:18px}.blog-surface .section-heading .icon-button{flex-shrink:0}.blog-surface .view-all{height:70px;margin-top:-70px}.blog-surface .category-intro h1{font-size:24px;line-height:27px}.blog-surface .empty-state{min-height:400px}.blog-surface .modal-inner{padding:36px 20px}}@media (prefers-reduced-motion:reduce){.blog-surface{scroll-behavior:auto}.blog-surface *,.blog-surface :before,.blog-surface :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.blog-surface .article-page{padding-top:24px}.blog-surface .article-hero{background:#ffffff0d;border:1px solid #8f70ff60;border-radius:24px;gap:24px;min-height:365px;margin:0 24px;padding:24px;display:flex}.blog-surface .article-hero-text{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.blog-surface .article-date{color:var(--muted);font-size:14px}.blog-surface .article-date time{text-transform:uppercase;color:var(--body)}.blog-surface .article-hero-text>.author{color:var(--muted);font-size:14px}.blog-surface .article-hero h1{text-transform:uppercase;font-size:32px;line-height:36px}.blog-surface .article-hero-text>p:not(.article-date){color:var(--body);margin-top:4px;font-size:16px;line-height:24px}.blog-surface .article-hero-cta{align-self:flex-start;min-height:44px;margin-top:12px;font-size:14px}.blog-surface .article-hero-image{border-radius:24px;align-self:stretch;width:36%;max-width:440px;position:relative;overflow:hidden}.blog-surface .article-hero-image>img{object-fit:cover;opacity:.7;width:100%;height:100%;position:absolute;top:0;left:0}.blog-surface .article-hero-image.influencer-hero>img{object-fit:fill;width:100%;height:251.86%;position:absolute;top:-34.38%}.blog-surface .article-hero-image:after{content:"";background:linear-gradient(#0000 61%,#000b);position:absolute;inset:0}.blog-surface .article-hero-image.image-artwork,.blog-surface .card-thumbnail.image-artwork,.blog-surface .featured-image.image-artwork{background:#111}.blog-surface .article-hero-image.image-artwork>img,.blog-surface .card-thumbnail.image-artwork>img,.blog-surface .featured-image.image-artwork>img{object-fit:contain;object-position:center;opacity:1;width:100%;height:100%;top:0;left:0}.blog-surface .card-thumbnail.image-artwork>img{object-fit:cover}.blog-surface .image-artwork .image-tag,.blog-surface .image-artwork .read-time{color:#fff;background:#000000b3}.blog-surface .image-artwork .read-time{border-radius:12px;padding:2px 8px}.blog-surface .article-hero-image.image-artwork:after,.blog-surface .card-thumbnail.image-artwork:after,.blog-surface .featured-image.image-artwork:after{display:none}.blog-surface .article-layout{grid-template-columns:minmax(0,824px) 360px;justify-content:space-between;gap:clamp(24px,6.65vw,96px);margin:40px 24px 0;display:grid}.blog-surface .article-body{min-width:0;color:var(--body);flex-direction:column;gap:32px;padding:0 32px;font-size:16px;line-height:24px;display:flex}.blog-surface .article-body section{flex-direction:column;gap:16px;scroll-margin-top:90px;display:flex}.blog-surface .article-body h2{text-transform:uppercase;color:#fff;font-size:24px;line-height:27px}.blog-surface .article-body h3{color:#fff;font-size:18px;line-height:27px}.blog-surface .article-body ul{margin:0;padding-left:24px;list-style:outside}.blog-surface .article-body li{padding-left:0}.blog-surface .article-body strong{color:#fff;font-weight:600}.blog-surface .article-body blockquote{color:#fff;border-left:2px solid #8f70ff;margin:0;padding:0 0 0 16px;font-style:italic}.blog-surface .article-body hr{border:0;border-top:1px solid #343434;width:100%;margin:0}.blog-surface .callout{border-radius:12px;flex-direction:column;gap:8px;padding:12px 24px;font-size:14px;line-height:21px;display:flex}.blog-surface .callout h3{font-size:16px;line-height:24px}.blog-surface .callout.note{background:#21a7ff14;border:1px solid #21a7ff1f}.blog-surface .callout.prompt{background:#6421ff14;border:1px solid #6421ff1f}.blog-surface .callout.tip{background:#b5ff0714;border:1px solid #b5ff071f}.blog-surface .callout .button{align-self:flex-start}.blog-surface .table-scroll{--table-inline-padding:20px;border:1px solid #343434;border-radius:12px;margin-top:0;overflow-x:auto}.blog-surface table{border-collapse:collapse;text-align:left;width:100%}.blog-surface th,.blog-surface td{padding:18px var(--table-inline-padding,20px);border-bottom:1px solid #343434;font-size:14px}.blog-surface thead th{color:var(--muted);text-transform:uppercase;background:#ffffff08;font-size:12px}.blog-surface tbody th{color:var(--text);font-size:14px;font-weight:600}.blog-surface .table-row-label{align-items:center;gap:12px;display:inline-flex}.blog-surface .table-row-icon{object-fit:contain;flex:0 0 24px;width:24px;height:24px}.blog-surface tbody tr:last-child>*{border-bottom:0}.blog-surface .article-figure{flex-direction:column;gap:12px;display:flex}.blog-surface .figure-images{gap:8px;display:flex}.blog-surface .figure-image{aspect-ratio:16/9;background:#191919;border-radius:24px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.blog-surface .figure-image>img{object-fit:contain;width:100%;height:100%}.blog-surface .figure-image.portrait-screenshot{max-width:440px;margin-inline:0}.blog-surface .paired-figure .figure-image{aspect-ratio:1}.blog-surface .image-expand{box-shadow:var(--glass);opacity:0;background:#0a0a0a59;border-radius:32px;padding:8px;transition:opacity .2s;position:absolute;top:24px;right:24px}.blog-surface .figure-image:hover .image-expand,.blog-surface .figure-image:focus-visible .image-expand{opacity:1}.blog-surface .article-figure>figcaption,.blog-surface .article-video>figcaption{color:#f0eaff;overflow-wrap:anywhere;background:#211b30;border:1px solid #8f70ff66;border-left:3px solid #a68aff;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:500;line-height:24px}.blog-surface .lightbox{background:#101010;width:calc(100% - 32px);max-width:1500px}.blog-surface .lightbox .modal-inner{padding:24px}.blog-surface .lightbox-tools{gap:8px;margin-bottom:20px;padding-right:48px;display:flex}.blog-surface .lightbox-image{overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;max-height:calc(100dvh - 210px);display:flex;overflow:auto}.blog-surface .lightbox-image>img{object-fit:contain;cursor:zoom-in;max-height:calc(100dvh - 210px);margin:auto}.blog-surface .lightbox.is-zoomed .lightbox-image,.blog-surface .lightbox.is-zoomed .lightbox-image>img{cursor:zoom-out}.blog-surface .lightbox .lightbox-image.is-panning,.blog-surface .lightbox .lightbox-image.is-panning>img{cursor:grabbing}.blog-surface .lightbox-caption{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:14px;display:flex}.blog-surface .image-navigation{align-items:center;gap:12px;display:flex}.blog-surface .code-block{background:#ffffff0d;border:1px dashed #ffffff14;border-radius:24px;padding:24px}.blog-surface .code-toolbar,.blog-surface .code-toolbar>span,.blog-surface .code-toolbar>div{align-items:center;gap:8px;display:flex}.blog-surface .code-toolbar{color:var(--muted);justify-content:space-between;margin-bottom:16px;font-size:12px}.blog-surface .code-toolbar .icon-button{width:32px;height:32px;min-height:32px;box-shadow:none;padding:8px}.blog-surface pre{tab-size:2;color:#dcddde;max-width:100%;margin:0;font:400 14px/24px Azeret Mono,ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.blog-surface code{font-family:inherit}.blog-surface .code-modal{width:min(1000px,100% - 32px)}.blog-surface .code-modal pre{max-height:65dvh;margin-top:24px}.blog-surface .link-preview{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.blog-surface .link-preview>img{object-fit:cover;border-radius:8px;width:60px;height:60px}.blog-surface .link-preview>div{flex:1;min-width:0}.blog-surface .link-preview small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.blog-surface .link-preview h4{color:#fff;margin:4px 0;font-size:16px;line-height:24px}.blog-surface .link-preview p{font-size:12px;line-height:18px}.blog-surface .tutorial-video{aspect-ratio:16/9;background:#191919;border-radius:24px;position:relative;overflow:hidden}.blog-surface .tutorial-video video{object-fit:cover;width:100%;height:100%}.blog-surface .video-controls{background:linear-gradient(#0000,#000d);align-items:center;gap:8px;padding:12px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.blog-surface .video-controls input{accent-color:#b5ff07;flex:1;min-width:0;height:20px}.blog-surface .video-controls .icon-button{width:32px;height:32px;min-height:32px;padding:8px}.blog-surface .video-unavailable{text-align:center;background:#0a0a0acc;border-radius:12px;padding:16px;font-size:14px;position:absolute;inset:35% 10% auto}.blog-surface .video-caption{font-size:14px;line-height:21px}.blog-surface .faq>div{flex-direction:column;gap:8px;display:flex}.blog-surface .author-card{background:#ffffff0d;border:1px solid #8f70ff60;border-radius:24px;padding:24px}.blog-surface .author-card-info{align-items:flex-start;gap:16px;display:flex}.blog-surface .author-card-info .avatar{width:80px;height:80px}.blog-surface .author-card-info p{font-size:14px;line-height:21px}.blog-surface .author-card-info .author-handle{color:var(--muted);margin:4px 0 8px;font-size:12px}.blog-surface .author-card-bottom,.blog-surface .author-socials{align-items:center;gap:12px;display:flex}.blog-surface .author-card-bottom{justify-content:space-between;margin-top:16px}.blog-surface .article-tags>div{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.blog-surface .article-tags .image-tag{text-transform:none;position:static}.blog-surface .article-side{scrollbar-width:none;-ms-overflow-style:none;align-self:start;min-width:0;max-height:calc(100dvh - 112px);margin:0 -6px -6px;padding:0 6px 6px;position:sticky;top:80px;overflow-y:auto}.blog-surface .article-side::-webkit-scrollbar{display:none}.blog-surface .toc{border-bottom:1px solid #343434;padding-bottom:24px}.blog-surface .toc h2,.blog-surface .sharing h2,.blog-surface .recent-posts>h2{text-transform:uppercase;font-size:18px;font-weight:600;line-height:27px}.blog-surface .toc ol{counter-reset:toc;margin:16px 0 0;padding:0;list-style:none}.blog-surface .toc li{counter-increment:toc}.blog-surface .toc a{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:14px;line-height:21px;display:block}.blog-surface .toc a:before{content:counter(toc) ". "}.blog-surface .toc a:hover,.blog-surface .toc a.active{color:#d8ff7c;background:#ffffff0d}.blog-surface .sharing{border-bottom:1px solid #343434;padding:24px 0}.blog-surface .share-icons{gap:8px;margin:12px 0 24px;display:flex}.blog-surface .share-icons:last-of-type{margin-bottom:0}.blog-surface .copy-message{color:var(--lime);min-height:18px;margin-top:8px;font-size:12px}.blog-surface .sharing textarea{width:100%;height:240px;color:var(--body);border:1px solid var(--border);background:#0a0a0a;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.blog-surface .summary-actions{gap:8px;display:flex}.blog-surface .recent-posts{padding-top:24px}.blog-surface .recent-posts .article-card{border:0;border-radius:0;grid-template-columns:96px minmax(0,1fr);gap:12px;min-height:0;padding:12px 0;display:grid}.blog-surface .recent-posts .card-thumbnail{border-radius:12px;width:96px;height:96px}.blog-surface .recent-posts .image-tag,.blog-surface .recent-posts .read-time{display:none}.blog-surface .recent-posts .card-content{gap:8px}.blog-surface .recent-posts .card-byline{flex-wrap:wrap;justify-content:start;gap:4px}.blog-surface .recent-posts .card-byline img{width:16px;height:16px}.blog-surface .recent-posts .card-byline time{text-transform:none}.blog-surface .recent-posts h3{font-size:14px;line-height:21px}.blog-surface .article-cta{background:linear-gradient(90deg,#6421ff14,#0000);border-block:1px solid #343434;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding:48px 56px;display:flex}.blog-surface .article-cta h2{text-transform:uppercase;font-size:24px;line-height:27px}.blog-surface .article-cta p{color:var(--body);margin-top:16px}.blog-surface .article-cta .button{min-height:44px;font-size:14px}.blog-surface .read-next{margin:36px 12px 0}.blog-surface .back-top{justify-content:flex-end;padding:20px 12px;display:flex}.blog-surface .mobile-contents,.blog-surface .mobile-share{display:none}.blog-surface .excerpt-body{flex-direction:column;gap:32px;display:flex}.blog-surface .excerpt-body h2{font-size:20px}.blog-surface .excerpt-body .callout p{margin:12px 0}@media (max-width:1279px){.blog-surface .article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.blog-surface .article-body{padding:0 12px}.blog-surface .article-hero h1{font-size:28px;line-height:32px}}@media (max-width:1023px){.blog-surface .article-page{padding-top:24px}.blog-surface .article-hero{min-height:413px;margin:0;padding:24px}.blog-surface .article-hero h1{font-size:24px;line-height:27px}.blog-surface .article-hero-text>p:not(.article-date){font-size:14px;line-height:21px}.blog-surface .article-date,.blog-surface .article-hero-text>.author{font-size:12px;line-height:18px}.blog-surface .article-date time{text-transform:none}.blog-surface .article-hero-text .avatar{width:24px;height:24px}.blog-surface .article-hero-image{border-radius:16px;width:32%}.blog-surface .article-hero-image.influencer-hero>img{object-fit:cover;height:120%;top:0}.blog-surface .article-layout{margin:32px 0 0;display:block}.blog-surface .article-body{padding:0}.blog-surface .article-side{display:none}.blog-surface .mobile-contents{z-index:25;background:#191919f2;border:1px solid #343434;border-radius:12px;margin-top:24px;padding:12px 16px;display:block;position:sticky;top:56px}.blog-surface .mobile-contents>summary{text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;list-style:none;display:flex}.blog-surface .mobile-contents>summary::-webkit-details-marker{display:none}.blog-surface .mobile-contents .toc{border:0;max-height:55dvh;padding-bottom:0;overflow:auto}.blog-surface .mobile-contents .toc h2{display:none}.blog-surface .mobile-share{margin:24px 0;display:block}.blog-surface .article-cta{border:1px solid #343434;border-radius:16px;padding:32px 24px}.blog-surface .article-cta h2{font-size:20px}.blog-surface .read-next{margin:32px 0 0}.blog-surface .read-next .article-grid>.article-card:last-child,.blog-surface .article-header .auth-actions{display:none}}@media (max-width:599px){.blog-surface .article-hero{flex-direction:column;gap:16px;padding:16px}.blog-surface .article-hero h1{text-transform:none}.blog-surface .article-hero-image{width:100%;max-width:none;height:240px}.blog-surface .article-hero-image.influencer-hero>img{object-fit:fill;height:201.25%;top:-11.27%}.blog-surface .article-hero-cta{width:100%;margin-top:4px}.blog-surface .article-body h2{font-size:20px;line-height:27px}.blog-surface .article-body h3{font-size:18px;line-height:27px}.blog-surface .callout{padding:12px 16px}.blog-surface .figure-image{border-radius:16px}.blog-surface .image-expand{opacity:1;top:12px;right:12px}.blog-surface .paired-figure .figure-images{flex-direction:column}.blog-surface .paired-figure .figure-image{aspect-ratio:1}.blog-surface .code-block{border-radius:16px;padding:16px}.blog-surface pre{font-size:12px;line-height:21px}.blog-surface .code-toolbar .icon-button{width:40px;min-height:40px}.blog-surface .author-card{padding:16px}.blog-surface .author-card-info{gap:12px}.blog-surface .author-card-info .avatar{width:56px;height:56px}.blog-surface .author-card-info p{font-size:12px;line-height:18px}.blog-surface .author-card-info h3{font-size:16px}.blog-surface .article-cta{flex-direction:column;align-items:start;padding:24px 16px}.blog-surface .article-cta h2{font-size:18px;line-height:27px}.blog-surface .article-cta p{font-size:14px;line-height:21px}.blog-surface .article-cta .button{width:100%}.blog-surface .read-next .article-grid>.article-card:last-child{display:flex}.blog-surface .read-next .section-heading{align-items:center}.blog-surface .read-next .section-heading h2{font-size:18px}.blog-surface .read-next .section-heading .button{padding:8px 16px}.blog-surface .video-controls{gap:4px;padding:8px}.blog-surface .video-controls input{max-width:70px}.blog-surface .video-controls .icon-button{width:28px;height:28px;min-height:28px;padding:6px}.blog-surface .lightbox .modal-inner{padding:16px}.blog-surface .lightbox-tools{flex-wrap:wrap;gap:4px}.blog-surface .lightbox-tools .button{padding:8px 12px}.blog-surface .lightbox-caption{flex-direction:column;align-items:start}.blog-surface .article-layout{margin-top:24px}.blog-surface .article-body{gap:28px}.blog-surface .table-scroll{--table-inline-padding:12px}.blog-surface .table-scroll th,.blog-surface .table-scroll td{padding:16px var(--table-inline-padding)}.blog-surface .breadcrumbs{gap:8px;font-size:12px}}.blog-surface .card-kind{text-transform:uppercase;color:var(--muted);text-align:right;font-size:12px}.blog-surface .article-reading-links{gap:12px;display:grid}.blog-surface .article-reading-links .link-preview{margin:0}.blog-surface .article-reading-links h3{font-size:16px;line-height:24px}.blog-surface .article-reading-links p{margin-top:4px;font-size:14px;line-height:21px}.blog-surface .article-body ol{padding-left:24px;list-style:decimal}.blog-surface .article-body table caption{text-align:left;padding:12px var(--table-inline-padding,20px);color:var(--body);font-size:14px;line-height:21px}.blog-surface .availability-note h2,.blog-surface .newsletter-intro h2{text-transform:none;font-size:18px;line-height:27px}.blog-surface .article-body .callout{overflow-wrap:anywhere}.blog-surface .article-video{flex-direction:column;gap:12px;margin:0;display:flex}.blog-surface .article-video video{background:#151515;border-radius:16px;width:100%;height:auto;display:block}.blog-surface .article-video details{color:var(--muted);font-size:14px;line-height:21px}.blog-surface .article-video summary{cursor:pointer}.blog-surface .article-video details p{margin-top:8px}.blog-surface .figure-image.long-screenshot>img{object-fit:cover;object-position:top}.blog-surface .modal-toolbar{z-index:3;pointer-events:none;height:0;position:sticky;top:0}.blog-surface .modal-toolbar .modal-close{pointer-events:auto}@media (max-width:1023px){.blog-surface{--mobile-header-height:calc(64px + env(safe-area-inset-top,0px));scroll-padding-top:calc(var(--mobile-header-height) + 64px)}.blog-surface .burger{width:44px;height:44px}.blog-surface .page-header>.auth-actions{display:none}.blog-surface .button,.blog-surface .icon-button,.blog-surface .page-number{white-space:normal;overflow-wrap:anywhere;min-height:44px;font-size:.875rem;line-height:1.4}.blog-surface .button>.icon{flex-shrink:0}.blog-surface .icon-button{flex-shrink:0;width:44px;height:44px}.blog-surface .code-toolbar .icon-button{width:44px;height:44px;min-height:44px}.blog-surface .auth-actions .button{min-height:44px;padding:8px 16px;font-size:.875rem}.blog-surface .breadcrumbs{gap:8px;width:100%;min-width:0;font-size:.875rem}.blog-surface .breadcrumbs a{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.blog-surface .breadcrumbs>[aria-current]{min-width:0}.blog-surface .feed-intro>p,.blog-surface .featured-text p,.blog-surface .article-hero-text>p:not(.article-date){font-size:1rem;line-height:1.5}.blog-surface .category-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#555 transparent;flex-wrap:nowrap;padding:4px 2px 8px;scroll-padding-inline:4px;position:relative;overflow-x:auto}.blog-surface .category-tab{flex-shrink:0;min-height:44px;padding:8px 14px;font-size:.875rem}.blog-surface .search-filters{min-width:0}.blog-surface .search-field{min-width:0;height:48px;padding-block:0}.blog-surface .search-field input{min-height:44px;font-size:1rem}.blog-surface .search-field button{flex:0 0 44px;width:44px;height:44px;margin-right:-10px}.blog-surface .time-button{min-height:48px;padding-inline:10px;font-size:.875rem}.blog-surface .time-menu{overscroll-behavior:contain;width:172px;max-height:min(320px,60dvh);top:52px;overflow-y:auto}.blog-surface .time-menu>button{min-height:44px}.blog-surface .author{white-space:normal;min-width:0}.blog-surface .featured-byline,.blog-surface .card-byline{flex-wrap:wrap;row-gap:6px}.blog-surface .card-kind{margin-left:auto}.blog-surface .article-card,.blog-surface .featured-card{overflow-wrap:anywhere}.blog-surface .article-card{min-height:0}.blog-surface .section-heading .icon-button{width:44px;height:44px;min-height:44px}.blog-surface .section-heading p{font-size:.875rem;line-height:1.5}.blog-surface .view-all{background:0 0;align-items:center;height:auto;margin-top:8px;padding:0 0 8px}.blog-surface .article-hero{min-height:0}.blog-surface .article-hero h1{overflow-wrap:anywhere;font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.2}.blog-surface .article-hero-text>.author{align-self:flex-start;min-height:44px;font-size:.875rem}.blog-surface .article-body{overflow-wrap:anywhere;font-size:1rem;line-height:1.6}.blog-surface .article-body section{scroll-margin-top:calc(var(--mobile-header-height) + 80px)}.blog-surface .article-body section:focus{outline:none}.blog-surface .article-body h2{font-size:1.25rem;line-height:1.35}.blog-surface .article-body h3{font-size:1.125rem;line-height:1.4}.blog-surface .mobile-contents{top:var(--mobile-header-height);padding:0}.blog-surface .mobile-contents>summary{min-height:48px;padding:12px 16px;font-size:.875rem}.blog-surface .mobile-contents[open]>summary .icon{transform:rotate(180deg)}.blog-surface .mobile-contents .toc{max-height:min(50dvh, calc(100dvh - var(--mobile-header-height) - 72px));overscroll-behavior:contain;padding:0 8px 8px}.blog-surface .mobile-contents .toc a{min-height:44px;padding:12px;font-size:.875rem;line-height:1.5;display:block}.blog-surface .mobile-contents .toc ol{margin-top:0}.blog-surface .article-figure>figcaption,.blog-surface .article-video>figcaption{padding:12px 16px;font-size:.875rem;line-height:1.5}.blog-surface .image-expand{opacity:1;place-items:center;width:44px;height:44px;padding:10px;display:grid;top:8px;right:8px}.blog-surface .table-scroll{overscroll-behavior-x:contain;max-width:100%}.blog-surface .table-scroll table{min-width:36rem}.blog-surface .table-scroll td,.blog-surface .table-scroll th{font-size:.875rem}.blog-surface .article-video summary{min-height:44px;padding-block:10px}.blog-surface .article-tags .image-tag{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.blog-surface .read-next .article-grid>.article-card:last-child{display:flex}.blog-surface .share-icons,.blog-surface .pagination,.blog-surface .summary-actions{flex-wrap:wrap}.blog-surface .modal{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow:auto}.blog-surface .modal-inner,.blog-surface .lightbox .modal-inner{overflow-wrap:anywhere;padding:64px 20px 24px}.blog-surface .modal-inner>h2{padding-right:0;font-size:1.5rem}.blog-surface .modal-close{background:#292929;width:44px;height:44px;font-size:26px}.blog-surface .lightbox-tools{flex-wrap:wrap;gap:8px;padding-right:0}.blog-surface .lightbox-tools .button{min-height:44px}.blog-surface .lightbox-image{overscroll-behavior:contain;max-height:max(140px,100dvh - 280px)}.blog-surface .lightbox-image>img{max-height:max(140px,100dvh - 280px)}.blog-surface .lightbox-caption{flex-direction:column;align-items:flex-start}.blog-surface .summary-actions .button{flex:160px}.blog-surface .sharing textarea{font-size:1rem}}@media (max-width:599px){.blog-surface .featured-card{padding:16px}.blog-surface .featured-text h2{font-size:1.25rem;line-height:1.35}.blog-surface .featured-image{aspect-ratio:4/3;height:auto;min-height:0}.blog-surface .article-hero{padding:16px}.blog-surface .article-hero-image{aspect-ratio:4/3;flex:none;height:auto}.blog-surface .article-hero-image>img{object-position:center top}.blog-surface .article-hero-cta{min-height:48px}.blog-surface .article-card{padding:12px 0}.blog-surface .card-thumbnail{aspect-ratio:8/5;height:auto}.blog-surface .article-grid{gap:12px}.blog-surface .author-card-info{flex-direction:column;align-items:flex-start}.blog-surface .author-card-info p{font-size:.875rem;line-height:1.5}.blog-surface .author-card-info h3{font-size:1.125rem}.blog-surface .article-cta p{font-size:1rem}.blog-surface .video-controls{flex-wrap:wrap}.blog-surface .video-controls .icon-button{width:44px;height:44px;min-height:44px}}.blog-surface .main-shell{width:100%;min-width:0;margin:0 auto;padding:0}.blog-contribution-actions{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.blog-surface .page-header{z-index:20;background:#0a0a0a;position:sticky;top:0}.blog-surface{width:100%;min-width:0;padding:0 20px}@media (max-width:640px){.blog-surface{padding:0 12px}}.blog-surface .community-badge{color:#bba2ff;margin:8px 0;font-size:12px;display:inline-block}
:where(.blog-dialog,.blog-dialog *,.blog-editor,.blog-editor *,.blog-post-preview,.blog-post-preview *){box-sizing:border-box}.blog-dialog{color:#fff;background:#171717;border:1px solid #46404f;border-radius:22px;width:min(960px,100vw - 32px);max-height:92dvh;margin:auto;padding:24px;overflow:auto}.blog-dialog::backdrop{background:#000b}.blog-dialog-heading,.blog-toolbar,.blog-editor-actions,.blog-stages{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.blog-dialog-heading{justify-content:space-between;margin-bottom:18px}.blog-dialog h2{font-size:24px;font-weight:600}.blog-editor,.blog-post-preview{color:#f5f5f5;font:400 16px/1.6 var(--font-switzer,Arial), sans-serif;overflow-wrap:anywhere}.blog-editor fieldset{border:0;min-width:0;margin:0;padding:0}.blog-editor button,.blog-dialog button{min-height:44px;color:inherit;cursor:pointer;background:#2c2c2c;border:1px solid #454545;border-radius:12px;padding:10px 16px}.blog-editor button:disabled,.blog-dialog button:disabled{opacity:.5;cursor:default}.blog-editor button[aria-pressed=true],.blog-stages button[aria-current=step]{background:#3b275b;border-color:#9268ff}.blog-editor .blog-primary,.blog-dialog .blog-primary{color:#fff;background:#7137ff;border-color:#7137ff}.blog-field{flex-direction:column;gap:6px;min-width:0;margin:18px 0;display:flex}.blog-field>span{font-weight:600}.blog-editor .blog-field-hint{color:#b9b6c1;margin-top:2px;font-size:13px;font-weight:400;line-height:1.55;display:block}.blog-field input::placeholder,.blog-field textarea::placeholder{color:#aaa6b3;opacity:1}.blog-field input,.blog-field textarea,.blog-field select{color:#fff;width:100%;font:inherit;background:#232323;border:1px solid #494949;border-radius:10px;min-height:44px;padding:12px}.blog-field select{max-width:100%}.blog-field textarea{resize:vertical}.blog-field-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.blog-step{background:#1e1e1e;border:1px solid #3b3b3b;border-radius:16px;margin:20px 0;padding:20px}.blog-toolbar h3{margin-right:auto;font-size:18px}.blog-check{align-items:flex-start;gap:10px;margin:16px 0;display:flex}.blog-check input{accent-color:#8954ff;flex:none;width:18px;height:18px;margin-top:6px}.blog-media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:16px 0;display:grid}.blog-media-grid img{object-fit:contain;width:100%;height:150px}.blog-banner-crop{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%}.blog-upload-group{margin:28px 0}.blog-upload-title{margin-bottom:12px;font-weight:600;display:block}.blog-upload{background:#ffffff0d;border:1px dashed #fff3;border-radius:16px;padding:12px;transition:border-color .15s,background .15s;position:relative}.blog-upload[data-drag-active=true]{background:#b6ff000d;border-color:#b6ff00}.blog-editor .blog-upload-trigger{text-align:left;background:0 0;border:0;justify-content:center;align-items:center;gap:24px;width:100%;min-height:120px;padding:16px;display:flex}.blog-upload-icon{color:#dcdcdc;background:#ffffff0a;border-radius:16px;flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 12px 28px #ffffff0d,0 6px 18px #0002}.blog-upload-copy{flex-direction:column;gap:10px;line-height:1.5;display:flex}.blog-upload-copy strong{color:#b6ff00;font-weight:500}.blog-upload-copy small{color:#a5a5a5;font-size:13px}.blog-file-input{opacity:0;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.blog-upload:focus-within{outline-offset:3px;outline:2px solid #956cff}.blog-editor-status{color:#c8bdde;margin:14px 0}.blog-error{color:#ffb2bd;border:1px solid #8b3a4c;border-radius:10px;padding:12px}.blog-requirements,.blog-feedback{background:#281c3a;border-radius:12px;margin-bottom:18px;padding:16px}.blog-editor-actions{background:#171717;border-top:1px solid #444;justify-content:flex-end;margin-top:20px;padding:18px 0;position:sticky;bottom:-24px}.blog-annotation{z-index:100}.blog-annotation canvas{object-fit:contain;max-width:100%;max-height:62dvh;margin:18px auto;display:block}.blog-post-preview .article-hero{background:#171717;border:1px solid #4b3b65;border-radius:20px;grid-template-columns:1fr 36%;gap:24px;padding:24px;display:grid}.blog-post-preview h1{text-transform:uppercase;margin:18px 0;font-size:clamp(22px,3vw,36px);font-weight:700;line-height:1.2}.blog-post-preview .article-hero-image img{object-fit:cover;border-radius:16px;width:100%;height:100%}.blog-post-preview .article-body{max-width:850px;margin:28px auto}.blog-post-preview .article-body p{white-space:pre-wrap;margin:16px 0}.blog-post-preview section{margin:32px 0}.blog-post-preview h2{text-transform:uppercase;margin-bottom:16px;font-size:22px;font-weight:700}.blog-post-preview figure img,.blog-post-preview figure video{border-radius:14px;max-width:100%;max-height:700px}.blog-post-preview figcaption{color:#b9b9b9;margin:8px 0 20px;font-size:13px}.blog-post-preview pre{white-space:pre-wrap;background:#251b34;border-radius:12px;padding:16px}.blog-settings{background:#202020;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.blog-settings dt{color:#aaa;font-size:12px}.blog-settings dd{margin:0}.blog-submission-list{gap:12px;display:grid}.blog-submission-list button{text-align:left;justify-content:space-between;gap:16px;width:100%;display:flex}@media (max-width:640px){.blog-dialog{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:16px}.blog-editor-actions{bottom:-16px}.blog-field-grid,.blog-post-preview .article-hero{grid-template-columns:1fr}.blog-stages{grid-template-columns:1fr 1fr;display:grid}.blog-step{padding:12px}.blog-post-preview .article-hero{padding:18px}}.blog-annotation canvas{width:auto;max-width:100%;height:auto;max-height:none;display:block}.blog-dialog .blog-dialog-heading{margin-bottom:28px}.blog-dialog .blog-draft-actions{gap:12px;margin:0 0 24px;display:flex}.blog-editor .blog-requirements{margin:0 0 24px;padding:20px 24px;line-height:1.7}.blog-editor .blog-stages{gap:12px;margin:0 0 24px}.blog-editor .blog-editor-status{margin:0 0 28px}.blog-banner-framing{background:#1e1e1e;border:1px solid #ffffff26;border-radius:16px;margin:28px 0;padding:20px}.blog-editor .blog-banner-framing h3{margin:0 0 16px;font-size:18px}.blog-banner-frame{aspect-ratio:16/9;background:#101010;border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.blog-banner-frame .blog-banner-crop{object-fit:cover;border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.blog-editor .blog-banner-frame p{color:#aaa;text-align:center;max-width:420px;padding:24px}.blog-crop-control>span{justify-content:space-between;gap:16px;display:flex}.blog-crop-control output{color:#bda4ff}.blog-crop-control input{accent-color:#8954ff;background:0 0;border:0;padding:0}.blog-editor .blog-banner-hint{color:#b9b9b9;margin:0;font-size:13px}@media (max-width:640px){.blog-editor .blog-requirements{margin-bottom:20px;padding:18px}.blog-dialog .blog-draft-actions{margin-bottom:20px}.blog-editor .blog-upload-trigger{text-align:center;flex-direction:column;gap:16px}.blog-banner-framing{padding:16px}}