@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700;800&display=swap";:root{--brand:#f47721;--brand-600:#d95d12;--brand-100:#ffe3ce;--brand-50:#fff4ec;--ink:#17181c;--body:#4a4d57;--muted:#7b7f8a;--paper:#fff;--paper-2:#fbf8f5;--line:#ebe9e6;--a-violet:#6d5ae6;--a-green:#0f9d74;--a-blue:#2f80ed;--a-pink:#e5457b;--font-head:"Poppins", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--shell:1180px;--gutter:40px;--radius:16px;--radius-sm:10px;--shadow-sm:0 2px 6px #17181c0d;--shadow:0 14px 34px #17181c14;--shadow-lg:0 26px 60px #17181c1f;--ease:cubic-bezier(.22, .68, .36, 1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--paper);color:var(--body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-head);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.12}h1{font-size:clamp(2.35rem,4.6vw,3.65rem);font-weight:800}h2{font-size:clamp(1.95rem,3.5vw,2.9rem)}h3{font-size:1.125rem;line-height:1.35}h1 em,h2 em{color:var(--brand);font-style:normal}h2 span{color:var(--muted)}p{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.shell{max-width:var(--shell);padding-left:var(--gutter);padding-right:var(--gutter);width:100%;margin:0 auto}.section{padding:clamp(64px,8vw,104px) 0}.section-tinted{background:var(--paper-2)}.section-brand{background:var(--brand-50)}.eyebrow{color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:16px;font-size:.75rem;font-weight:600;display:flex}.eyebrow:before{background:var(--brand);content:"";border-radius:3px;width:8px;height:8px}.is-centered .eyebrow{justify-content:center}.eyebrow-light{color:#ffffffe6}.eyebrow-light:before{background:#fff}.is-centered{text-align:center}.lede{color:var(--muted);max-width:46ch;font-size:1rem;line-height:1.8}.btn{font-family:var(--font-body);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease),color .25s var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px #f4772147}.btn-primary:hover{background:var(--brand-600);transform:translateY(-2px);box-shadow:0 16px 30px #f4772157}.link{color:var(--ink);transition:color .2s var(--ease),gap .2s var(--ease);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.link span{color:var(--brand)}.link:hover{color:var(--brand-600);gap:13px}.site-header{-webkit-backdrop-filter:saturate(150%)blur(12px);backdrop-filter:saturate(150%)blur(12px);transition:border-color .25s var(--ease),box-shadow .25s var(--ease);z-index:50;background:#ffffffe0;border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-stuck{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}.header-inner{justify-content:space-between;align-items:center;gap:28px;height:78px;display:flex}.wordmark{display:inline-flex}.wordmark img{width:auto;height:40px}.wordmark-footer img{height:64px}.main-nav{gap:30px;display:flex}.main-nav a{color:var(--body);transition:color .2s var(--ease);font-size:.9rem;font-weight:500;position:relative}.main-nav a:after{background:var(--brand);content:"";transform-origin:0;height:2px;transition:transform .25s var(--ease);border-radius:2px;width:100%;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.main-nav a:hover{color:var(--ink)}.main-nav a:hover:after{transform:scaleX(1)}.header-cta{padding:11px 22px;font-size:.85rem}.nav-toggle{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.nav-toggle span{background:var(--ink);height:2px;transition:transform .25s var(--ease),opacity .2s var(--ease);border-radius:2px;width:18px;display:block;position:relative}.nav-toggle span:after,.nav-toggle span:before{background:var(--ink);content:"";height:2px;transition:transform .25s var(--ease);border-radius:2px;width:18px;position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.nav-toggle[aria-expanded=true] span{background:0 0}.nav-toggle[aria-expanded=true] span:before{transform:translateY(6px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:after{transform:translateY(-6px)rotate(-45deg)}.mobile-nav{background:var(--paper);border-top:1px solid var(--line);padding:18px var(--gutter) 28px;display:none}.mobile-nav.is-open{display:block}.mobile-nav a:not(.btn){border-bottom:1px solid var(--line);color:var(--ink);padding:15px 0;font-size:1rem;font-weight:500;display:block}.mobile-nav .btn{width:100%;margin-top:22px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(56px,7vw,96px);display:grid}.hero h1{max-width:12ch;margin-bottom:20px}.hero .lede{margin-bottom:34px}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.play-link{color:var(--ink);gap:12px;font-size:.9rem;font-weight:600}.play-icon,.play-link{align-items:center;display:inline-flex}.play-icon{background:var(--brand-50);color:var(--brand);height:40px;transition:background-color .25s var(--ease),transform .25s var(--ease);border-radius:50%;justify-content:center;width:40px}.play-link:hover .play-icon{background:var(--brand-100);transform:scale(1.06)}.hero-visual{position:relative}.hero-visual svg{width:100%;height:auto}.float-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute}.float-card svg{width:22px;height:22px}.float-card strong{color:var(--ink);font-family:var(--font-head);font-size:1.05rem;line-height:1.2;display:block}.float-card small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.float-growth{top:10%;left:-4%}.float-reach{bottom:16%;left:30%}.trust-strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:22px 0}.trust-strip .shell{align-items:center;gap:40px;display:flex}.trust-strip p{color:var(--muted);letter-spacing:.04em;flex-shrink:0;font-size:.8rem}.trust-marquee{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.trust-track{white-space:nowrap;gap:44px;width:max-content;animation:26s linear infinite marquee;display:flex}.trust-track span{color:#b2b5bd;font-family:var(--font-head);letter-spacing:.08em;font-size:.85rem;font-weight:700}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.trust-track{animation:none}}.services{background:var(--paper)}.section-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:24px 48px;margin-bottom:52px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.service-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.service-card{background:var(--paper);color:inherit;border:1px solid var(--line);border-radius:var(--radius);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);flex-direction:column;padding:26px 24px 22px;display:flex;position:relative}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.service-icon{background:var(--tint,var(--brand-50));color:var(--accent,var(--brand));border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:22px;display:flex}.service-icon svg{width:24px;height:24px}.service-number{color:#c4c6cc;font-family:var(--font-head);font-size:.75rem;font-weight:600;position:absolute;top:26px;right:22px}.service-card :is(h2,h3){font-family:var(--font-head);letter-spacing:-.025em;margin-bottom:10px;font-size:1.125rem;font-weight:700;line-height:1.35}.service-card p{color:var(--muted);font-size:.85rem;line-height:1.75}.service-arrow{color:var(--brand);opacity:0;transition:opacity .25s var(--ease),transform .25s var(--ease);align-items:center;margin-top:20px;display:flex;transform:translate(-6px)}.service-card:hover .service-arrow{opacity:1;transform:none}.portfolio{background:var(--paper-2)}.portfolio-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px;display:flex}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.portfolio-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform .3s var(--ease),box-shadow .3s var(--ease);flex-direction:column;display:flex;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.portfolio-art{background:var(--portfolio-color);position:relative;overflow:hidden}.portfolio-art svg{width:100%;height:auto}.portfolio-tag{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;padding:6px 13px;font-size:.7rem;font-weight:600;position:absolute;top:16px;left:16px}.portfolio-body{flex-direction:column;flex:1;gap:14px;padding:24px;display:flex}.portfolio-body h3{font-size:1.05rem}.portfolio-body .link{margin-top:auto}.process{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,72px);display:grid}.process-visual svg{width:100%;height:auto}.process h2{margin-bottom:20px}.process>div>p{color:var(--body);max-width:46ch}.process-steps{grid-template-columns:repeat(2,1fr);gap:14px;margin:32px 0;display:grid}.process-step{background:#ffffffbf;border-radius:12px;gap:12px;padding:13px 16px}.process-step,.process-step b{align-items:center;display:flex}.process-step b{background:var(--brand);color:#fff;font-family:var(--font-head);border-radius:50%;flex-shrink:0;justify-content:center;width:28px;height:28px;font-size:.8rem}.process-step span{color:var(--ink);font-size:.9rem;font-weight:600}.about{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(36px,6vw,72px);display:grid}.about h2{margin-bottom:20px}.about-copy p{margin-bottom:30px}.about-points{gap:14px;margin-bottom:32px;display:grid}.about-point{align-items:flex-start;gap:12px;display:flex}.about-point svg{color:var(--brand);flex-shrink:0;width:21px;height:21px;margin-top:2px}.about-point span{color:var(--body);font-size:.92rem}.about-visual svg{width:100%;height:auto}.testimonials{background:var(--paper-2)}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.testimonial{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-align:left;transition:transform .3s var(--ease),box-shadow .3s var(--ease);flex-direction:column;gap:16px;padding:28px 26px;display:flex}.testimonial:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.stars{color:#f5a623;gap:3px;display:flex}.stars svg{width:16px;height:16px}.testimonial p{color:var(--body);font-size:.93rem;line-height:1.8}.testimonial footer{gap:12px;margin-top:auto}.avatar,.testimonial footer{align-items:center;display:flex}.avatar{background:var(--brand-100);color:var(--brand-600);font-family:var(--font-head);border-radius:50%;flex-shrink:0;justify-content:center;width:42px;height:42px;font-size:.95rem;font-weight:700}.testimonial strong{color:var(--ink);font-size:.9rem;display:block}.testimonial small{color:var(--muted);font-size:.8rem}.reach{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(36px,6vw,72px);display:grid}.reach h2{margin-bottom:20px}.reach-stats{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px;display:grid}.reach-stat{border-left:3px solid var(--brand);padding-left:16px}.reach-stat strong{color:var(--ink);font-family:var(--font-head);letter-spacing:-.04em;font-size:2.1rem;line-height:1.1;display:block}.reach-stat strong span{color:var(--brand)}.reach-stat small{color:var(--muted);font-size:.82rem;line-height:1.5}.reach-map svg{width:100%;height:auto}.faq{grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,72px);display:grid}.faq h2{margin-bottom:18px}.faq-list{gap:12px;display:grid}.faq-item{background:var(--paper);border:1px solid var(--line);transition:border-color .25s var(--ease),box-shadow .25s var(--ease);border-radius:14px;padding:4px 22px}.faq-item[open]{border-color:var(--brand-100);box-shadow:var(--shadow-sm)}.faq-item summary{color:var(--ink);cursor:pointer;font-family:var(--font-head);align-items:center;gap:16px;padding:18px 0;font-size:.98rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-num{font-size:.8rem}.faq-item summary b,.faq-num{color:var(--brand);flex-shrink:0}.faq-item summary b{background:var(--brand-50);height:30px;transition:transform .25s var(--ease),background-color .25s var(--ease);border-radius:50%;justify-content:center;align-items:center;width:30px;margin-left:auto;font-size:1.15rem;font-weight:400;display:flex}.faq-item[open] summary b{background:var(--brand);color:#fff;transform:rotate(45deg)}.faq-item>p{color:var(--muted);padding:0 46px 20px 32px;font-size:.9rem;line-height:1.8}.contact{padding:clamp(64px,8vw,104px) 0}.contact-inner{background:linear-gradient(120deg,var(--brand) 0,#ff9448 100%);color:#fff;border-radius:28px;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,5vw,56px);padding:clamp(40px,5vw,64px);display:grid;position:relative;overflow:hidden}.contact-inner:before{content:"";background:#ffffff1f;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-90px}.contact-copy{z-index:1;position:relative}.contact-copy h2{color:#fff;margin-bottom:18px}.contact-copy h2 em{color:#2b1508}.contact-copy p{color:#ffffffe0;max-width:42ch}.contact-card{background:var(--ink);color:#fff;transition:transform .3s var(--ease),box-shadow .3s var(--ease);z-index:1;border-radius:20px;flex-direction:column;gap:18px;padding:30px;display:flex;position:relative}.contact-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-label{color:#fff9;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.contact-card strong{color:#fff;font-family:var(--font-head);letter-spacing:-.03em;font-size:1.6rem;font-weight:700;line-height:1.2}.contact-card strong span{color:var(--brand)}.card-footer{color:#fff9;align-items:center;gap:8px;font-size:.8rem;display:flex}.card-footer:before{content:"";background:#38d16a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #38d16a33}.site-footer{background:var(--ink);color:#ffffff9e;padding:72px 0 32px}.footer-brand p{margin-top:22px}.footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;display:grid}.footer-brand p{color:#ffffff8c;max-width:34ch;margin:18px 0 22px;font-size:.9rem}.footer-email{color:var(--brand);transition:gap .2s var(--ease);gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.footer-email:hover{gap:12px}.footer-col h4{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:.8rem}.footer-col a{color:#ffffff8c;transition:color .2s var(--ease);padding:6px 0;font-size:.9rem;display:block}.footer-col a:hover{color:var(--brand)}.footer-bottom{color:#ffffff73;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;font-size:.82rem;display:flex}.footer-social{gap:10px;display:flex}.footer-social a{color:#fff;height:36px;transition:background-color .2s var(--ease);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;display:flex}.footer-social a:hover{background:var(--brand)}.footer-social svg{width:17px;height:17px}.wa-fab{color:#fff;min-width:58px;height:58px;transition:background-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);z-index:60;background:#25d366;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0 16px;display:inline-flex;position:fixed;bottom:26px;right:26px;box-shadow:0 10px 28px #25d3666b}.wa-fab:hover{background:#1eb958;transform:translateY(-3px);box-shadow:0 14px 32px #25d36680}.wa-fab-icon{flex-shrink:0;display:flex}.wa-fab-icon svg{width:27px;height:27px}.wa-fab-label{opacity:0;max-width:0;transition:max-width .32s var(--ease),opacity .22s var(--ease),margin-left .32s var(--ease);white-space:nowrap;margin-left:0;font-size:.9rem;font-weight:600;overflow:hidden}.wa-fab:focus-visible .wa-fab-label,.wa-fab:hover .wa-fab-label{opacity:1;max-width:200px;margin-left:11px}.wa-fab:before{content:"";z-index:-1;background:#25d366;border-radius:999px;animation:2.6s ease-out infinite wa-pulse;position:absolute;inset:0}@keyframes wa-pulse{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.wa-fab:before{animation:none}}.page-head{background:var(--tint,var(--paper-2));padding:clamp(40px,5vw,60px) 0 clamp(44px,5vw,64px)}.page-head .hero-actions{margin-top:30px}.page-head h1{margin-bottom:18px}.page-head .lede{font-size:1.05rem}.lede-wide{max-width:62ch}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:26px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--muted);transition:color .2s var(--ease)}.breadcrumb a:hover{color:var(--brand-600)}.breadcrumb [aria-current]{color:var(--ink);font-weight:500}.page-head-main{align-items:center;gap:20px;margin-bottom:22px;display:flex}.service-icon-lg{background:var(--paper);box-shadow:var(--shadow-sm);border-radius:18px;flex-shrink:0;width:68px;height:68px;margin-bottom:0}.service-icon-lg svg{width:34px;height:34px}.section-title{margin-bottom:42px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.benefit-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .25s var(--ease),box-shadow .25s var(--ease);padding:26px 24px}.benefit-card:hover{box-shadow:var(--shadow);border-color:#0000}.benefit-check{background:var(--tint,var(--brand-50));color:var(--accent,var(--brand));border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:16px;display:flex}.benefit-check svg{width:18px;height:18px}.benefit-card h3{margin-bottom:8px}.benefit-card p{color:var(--muted);font-size:.9rem;line-height:1.75}.step-list{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.step-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;position:relative}.step-num{background:var(--brand);color:#fff;font-family:var(--font-head);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:16px;font-size:.95rem;font-weight:700;display:flex}.step-item h3{margin-bottom:8px;font-size:1.05rem}.step-item p{color:var(--muted);font-size:.88rem;line-height:1.7}.service-grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=1080px){.service-grid-3{grid-template-columns:repeat(3,1fr)}.step-list{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.benefit-grid,.service-grid-3{grid-template-columns:repeat(2,1fr)}.page-head-main{gap:16px}.service-icon-lg{width:58px;height:58px}.service-icon-lg svg{width:28px;height:28px}}@media (width<=620px){.benefit-grid,.service-grid-3,.step-list{grid-template-columns:1fr}.page-head .lede{font-size:1rem}}@media (width<=1080px){:root{--gutter:32px}.service-grid{grid-template-columns:repeat(3,1fr)}.footer-top{grid-template-columns:1.4fr repeat(3,1fr);gap:32px}}@media (width<=900px){.header-cta,.main-nav{display:none}.nav-toggle{display:flex}.hero{grid-template-columns:1fr}.hero h1{max-width:none}.hero-visual{order:-1;max-width:480px;margin:0 auto}.float-growth{left:0}.section-heading{grid-template-columns:1fr}.portfolio-grid,.service-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.about,.contact-inner,.faq,.process,.reach{grid-template-columns:1fr}.about-visual,.process-visual,.reach-map{max-width:420px;margin:0 auto}.about-visual,.reach-map{order:-1}.footer-top{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}@media (width<=620px){:root{--gutter:20px}body{font-size:15px}.header-inner{height:68px}.wordmark img{height:34px}.wordmark-footer img{height:46px}.section{padding:56px 0}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.play-link{justify-content:center}.trust-strip .shell{display:block}.trust-strip p{margin-bottom:14px}.portfolio-grid,.process-steps,.reach-stats,.service-grid,.testimonial-grid{grid-template-columns:1fr}.contact-inner{border-radius:20px}.faq-item>p{padding:0 0 20px 32px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start}.wa-fab{min-width:54px;height:54px;padding:0 14px;bottom:18px;right:18px}.wa-fab-icon svg{width:25px;height:25px}}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.blog-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform .3s var(--ease),box-shadow .3s var(--ease);overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.blog-card-link{color:inherit;flex-direction:column;height:100%;display:flex}.blog-cover{aspect-ratio:16/9;overflow:hidden}.blog-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-card-body{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.blog-cat{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.blog-card-body :is(h2,h3){font-size:1.1rem;line-height:1.35}.blog-card-body p{color:var(--muted);font-size:.88rem;line-height:1.7}.blog-card-body time{color:var(--muted);margin-top:auto;padding-top:6px;font-size:.8rem}.blog-empty{color:var(--muted);text-align:center;padding:40px 0;font-size:1rem}.article-meta{color:var(--muted);align-items:center;gap:10px;margin-top:16px;font-size:.9rem;display:flex}.article-shell{max-width:760px}.article-cover{border-radius:var(--radius);width:100%;margin-bottom:36px}.article-body{color:var(--body);font-size:1.05rem;line-height:1.85}.article-body>*+*{margin-top:1.1em}.article-body :is(h2,h3,h4){color:var(--ink)}.article-body h2{margin-top:2em;font-size:1.65rem}.article-body h3{margin-top:1.7em;font-size:1.3rem}.article-body h4{margin-top:1.5em;font-size:1.1rem}.article-body ol,.article-body ul{padding-left:1.4em}.article-body li+li{margin-top:.4em}.article-body a{color:var(--brand-600);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:var(--brand)}.article-body blockquote{border-left:3px solid var(--brand);color:var(--muted);margin-left:0;padding-left:1.3em;font-style:italic}.article-body img{border-radius:10px;max-width:100%;height:auto}.article-body hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.article-body code{background:var(--paper-2);border-radius:4px;padding:2px 6px;font-size:.9em}.article-body pre{background:var(--ink);color:#f5f5f5;border-radius:10px;padding:18px 20px;overflow-x:auto}.article-body pre code{color:inherit;background:0 0;padding:0}.article-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article-body :is(th,td){border:1px solid var(--line);text-align:left;padding:10px 14px}.article-tags{border-top:1px solid var(--line);flex-wrap:wrap;gap:9px;margin-top:44px;padding-top:24px;display:flex}.article-tags span{background:var(--paper-2);color:var(--muted);border-radius:999px;padding:6px 13px;font-size:.8rem}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.blog-grid{grid-template-columns:1fr}.article-body{font-size:1rem}}.auth-page{background:var(--paper-2);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.auth-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;width:100%;max-width:420px;padding:38px 34px 30px}.auth-logo{margin-bottom:28px;display:block}.auth-logo img{width:auto;height:36px}.auth-note{background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-600);border-radius:12px;margin-bottom:22px;padding:13px 15px;font-size:.85rem;line-height:1.6}.auth-card h1{margin-bottom:6px;font-size:1.6rem}.auth-sub{color:var(--muted);margin-bottom:26px;font-size:.92rem}.auth-form{gap:18px;display:grid}.auth-error{color:#b3261e;background:#fdecec;border:1px solid #f7c9c9;border-radius:10px;padding:11px 14px;font-size:.87rem}.auth-submit{width:100%;margin-top:4px}.auth-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-back{color:var(--muted);transition:color .2s var(--ease);margin-top:24px;font-size:.85rem;display:inline-block}.auth-back:hover{color:var(--brand-600)}.field{gap:7px;display:grid}.field>span{color:var(--ink);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);transition:border-color .2s var(--ease),box-shadow .2s var(--ease);border-radius:10px;width:100%;padding:12px 14px;font-size:.95rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #f4772126}.field-hint{color:var(--muted);font-size:.78rem;line-height:1.5}.admin-shell{background:var(--paper-2);grid-template-columns:248px 1fr;min-height:100vh;display:grid}.admin-shell :is(h1,h2,h3){letter-spacing:-.02em;line-height:1.25}.admin-shell h1{font-size:1.55rem;font-weight:700}.admin-shell h2{font-size:1.15rem}.admin-shell h3{font-size:1rem}.admin-sidebar{background:var(--ink);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-brand{color:#fff;align-items:center;gap:11px;margin-bottom:30px;padding:0 8px;display:flex}.admin-brand img{width:32px;height:32px}.admin-brand span{font-family:var(--font-head);flex-direction:column;font-size:1rem;font-weight:700;line-height:1.1;display:flex}.admin-brand small{color:#ffffff73;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:500}.admin-nav{gap:3px;display:grid}.admin-nav-item{color:#ffffff9e;transition:background-color .18s var(--ease),color .18s var(--ease);border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:.9rem;font-weight:500;display:flex}.admin-nav-item svg{flex-shrink:0;width:18px;height:18px}.admin-nav-item:hover{color:#fff;background:#ffffff12}.admin-nav-item.is-active{background:var(--brand);color:#fff}.admin-sidebar-foot{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:16px}.admin-view-site{color:#ffffff8c;transition:color .2s var(--ease);align-items:center;gap:7px;padding:8px 12px;font-size:.82rem;display:flex}.admin-view-site:hover{color:var(--brand)}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;gap:14px;padding:14px 28px;display:flex;position:sticky;top:0}.admin-burger{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:none}.admin-user{gap:11px;margin-left:auto}.admin-avatar,.admin-user{align-items:center;display:flex}.admin-avatar{background:var(--brand-100);color:var(--brand-600);font-family:var(--font-head);border-radius:50%;justify-content:center;width:34px;height:34px;font-size:.9rem;font-weight:700}.admin-user-name{color:var(--ink);font-size:.9rem;font-weight:500}.admin-logout{border:1px solid var(--line);color:var(--body);cursor:pointer;font-family:var(--font-body);transition:border-color .2s var(--ease),color .2s var(--ease);background:0 0;border-radius:999px;padding:7px 15px;font-size:.82rem}.admin-logout:hover{color:#b3261e;border-color:#e5a0a0}.admin-content{padding:32px 28px 60px}.admin-head{margin-bottom:28px}.admin-head p{color:var(--muted);margin-top:6px;font-size:.95rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--paper);border:1px solid var(--line);color:inherit;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);border-radius:14px;padding:20px 22px;display:block}.stat-card:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-3px)}.stat-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600}.stat-value{font-family:var(--font-head);letter-spacing:-.04em;margin:8px 0 3px;font-size:2rem;display:block}.stat-note{color:var(--muted);font-size:.8rem}.admin-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 24px}.admin-panel-note{color:var(--muted);max-width:62ch;margin:8px 0 20px;font-size:.9rem;line-height:1.7}.admin-checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-checklist li{color:var(--muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.admin-checklist li:before{border:2px solid var(--line);content:"";border-radius:50%;width:16px;height:16px}.admin-checklist li.is-done{color:var(--ink)}.admin-checklist li.is-done:before{background:#0f9d74 url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2012.5%209.5%2017%2019%207.5%22%2F%3E%3C%2Fsvg%3E) 50%/11px no-repeat;border-color:#0f9d74}.admin-overlay{z-index:25;background:#17181c73;position:fixed;inset:0}@media (width<=1080px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:100dvh;transition:transform .28s var(--ease);z-index:30;width:248px;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.is-open{transform:none}.admin-burger{display:flex}.admin-content{padding:24px 20px 48px}.admin-topbar{padding:12px 20px}}@media (width<=620px){.stat-grid{grid-template-columns:1fr}.admin-user-name{display:none}.auth-card{padding:30px 24px 26px}}.admin-head-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.head-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-sm{padding:10px 18px;font-size:.85rem}.back-link{color:var(--muted);transition:color .2s var(--ease);margin-bottom:8px;font-size:.85rem;display:inline-block}.back-link:hover{color:var(--brand-600)}.admin-error,.admin-notice{border-radius:10px;margin-bottom:20px;padding:12px 15px;font-size:.88rem}.admin-notice{color:#0b7355;background:#e7f6f0;border:1px solid #b6e3d3}.admin-error{color:#b3261e;background:#fdecec;border:1px solid #f7c9c9}.admin-table{gap:8px;display:grid}.admin-row{background:var(--paper);border:1px solid var(--line);transition:border-color .2s var(--ease);border-radius:12px;grid-template-columns:34px 40px 1fr auto auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.admin-row:hover{border-color:#dcd8d4}.row-order{gap:2px;display:grid}.row-order button{border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease);background:0 0;border-radius:5px;padding:3px 0;font-size:.7rem;line-height:1}.row-order button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.row-order button:disabled{cursor:not-allowed;opacity:.3}.row-icon{background:var(--tint);color:var(--accent);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.row-icon svg{width:20px;height:20px}.row-main{gap:2px;min-width:0;display:grid}.row-title{color:var(--ink);font-size:.95rem;font-weight:600}.row-title:hover{color:var(--brand-600)}.row-slug{color:var(--muted);font-size:.78rem}.badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:600}.badge.is-live{color:#0b7355;background:#e7f6f0}.badge.is-draft{color:var(--muted);background:#f2f0ee}.row-actions{gap:6px;display:flex}.row-btn{border:1px solid var(--line);color:var(--body);cursor:pointer;font-family:var(--font-body);transition:border-color .18s var(--ease),color .18s var(--ease);white-space:nowrap;background:0 0;border-radius:8px;padding:7px 12px;font-size:.82rem}.row-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand-600)}.row-btn:disabled{cursor:not-allowed;opacity:.5}.row-btn.is-danger:hover:not(:disabled){color:#b3261e;border-color:#e5a0a0}.admin-form{gap:18px;max-width:900px;display:grid}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;gap:18px;padding:24px;display:grid}.form-card-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.form-card-note{color:var(--muted);max-width:64ch;margin-top:-8px;font-size:.85rem;line-height:1.65}.form-card-head+.form-card-note{margin-top:-12px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field-error{color:#b3261e;font-size:.8rem}.field-hint.is-warn{color:#a8650c}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.slug-input{align-items:center;gap:0;display:flex}.slug-prefix{background:var(--paper-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-right:0;border-radius:10px 0 0 10px;padding:12px;font-size:.9rem}.slug-input input{border-radius:0 10px 10px 0}.color-input{gap:8px;display:flex}.color-input input[type=color]{border:1px solid var(--line);cursor:pointer;border-radius:10px;width:52px;height:44px;padding:3px}.toggle-field{flex-direction:row;align-items:flex-start;gap:11px;display:flex}.toggle-field input{accent-color:var(--brand);width:18px;height:18px;margin-top:2px}.toggle-field>span{gap:4px;font-size:.9rem;font-weight:600;display:grid}.repeat-item{background:var(--paper-2);border:1px solid var(--line);border-radius:11px;grid-template-columns:26px 1fr 30px;align-items:start;gap:12px;padding:14px;display:grid}.repeat-num{background:var(--brand-50);color:var(--brand-600);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex}.repeat-fields{gap:9px;min-width:0;display:grid}.repeat-fields input,.repeat-fields textarea{background:var(--paper);border:1px solid var(--line);font-family:var(--font-body);border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}.repeat-fields input:focus,.repeat-fields textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #f4772126}.repeat-remove{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;width:30px;height:30px;font-size:1.1rem;line-height:1}.repeat-remove:hover{color:#b3261e;border-color:#e5a0a0}.repeat-empty{color:var(--muted);font-size:.87rem;font-style:italic}.serp-preview{background:var(--paper-2);border:1px solid var(--line);border-radius:11px;gap:3px;padding:16px 18px;display:grid}.serp-preview>small{color:var(--muted);margin-bottom:6px;font-size:.78rem}.serp-url{color:#4d5156;font-size:.78rem}.serp-title{color:#1a0dab;font-size:1.08rem;line-height:1.3}.serp-desc{color:#4d5156;font-size:.85rem;line-height:1.55}.icon-row{grid-template-columns:56px 1fr;align-items:start;gap:14px;display:grid}.icon-preview{background:var(--tint);color:var(--accent);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.icon-preview svg{width:28px;height:28px}.form-footer{justify-content:flex-end;align-items:center;gap:12px;padding-bottom:20px;display:flex}@media (width<=900px){.admin-row{grid-template-columns:30px 1fr auto}.row-icon{display:none}.row-actions{grid-column:1/-1;justify-content:flex-start}.form-grid{grid-template-columns:1fr}.admin-head-row{flex-direction:column}}.ce{background:var(--paper);border:1px solid var(--line);border-radius:12px}.ce-toolbar{background:var(--paper-2);border-bottom:1px solid var(--line);z-index:10;border-radius:11px 11px 0 0;flex-wrap:wrap;align-items:center;gap:4px;padding:7px 8px;display:flex;position:sticky;top:63px}.ce-group{gap:2px;display:flex}.ce-group:not(:last-child):after{background:var(--line);content:"";width:1px;margin:0 6px}.ce-group-end{margin-left:auto}.ce-group-end:after{display:none}.ce-btn{color:var(--body);cursor:pointer;font-family:var(--font-body);min-width:30px;transition:background-color .15s var(--ease),color .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px;font-size:.85rem}.ce-btn:hover:not(:disabled){color:var(--ink);background:#ece9e6}.ce-btn.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.ce-btn:disabled{cursor:not-allowed;opacity:.35}.ce-select{background:var(--paper);border:1px solid var(--line);font-family:var(--font-body);border-radius:6px;padding:6px 8px;font-size:.85rem}.ce-body{overflow:hidden}.ce-body,.ce-source{border-radius:0 0 11px 11px;min-height:420px}.ce-source{resize:vertical;border:0;width:100%;padding:22px 26px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;line-height:1.6}.ce-content,.ce-source:focus{outline:none}.ce-content{color:var(--ink);min-height:420px;padding:22px 26px;font-size:1rem;line-height:1.8}.ce-content>*+*{margin-top:1em}.ce-content h2{margin-top:1.6em;font-size:1.5rem}.ce-content h3{margin-top:1.4em;font-size:1.2rem}.ce-content h4{font-size:1.05rem}.ce-content ol,.ce-content ul{padding-left:1.4em}.ce-content li+li{margin-top:.35em}.ce-content blockquote{border-left:3px solid var(--brand);color:var(--muted);margin-left:0;padding-left:1.1em;font-style:italic}.ce-content a{color:var(--brand-600);text-decoration:underline}.ce-content img{border-radius:8px;max-width:100%;height:auto}.ce-content hr{border:0;border-top:1px solid var(--line)}.ce-content code{background:var(--paper-2);border-radius:4px;padding:2px 5px;font-size:.9em}.ce-content p.is-editor-empty:first-child:before{color:var(--muted);content:"Mulai menulis…";float:left;pointer-events:none;height:0}.editor-loading{background:var(--paper);border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:12px;padding:60px;font-size:.9rem}.post-editor{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.post-main{gap:16px;min-width:0;display:grid}.post-side{gap:16px;display:grid;position:sticky;top:90px}.post-title-input{border:0;border-bottom:2px solid var(--line);color:var(--ink);font-family:var(--font-head);letter-spacing:-.025em;background:0 0;width:100%;padding:6px 2px 12px;font-size:1.8rem;font-weight:700}.post-title-input:focus{border-bottom-color:var(--brand);outline:none}.post-title-input::placeholder{color:#c8c5c1}.seo-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;gap:14px;padding:20px;display:grid}.seo-scores{gap:10px;display:grid}.seo-score{align-items:center;gap:12px;display:flex}.seo-score strong{font-size:.9rem;display:block}.seo-score small{color:var(--muted);font-size:.78rem}.seo-dial{color:#fff;font-family:var(--font-head);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.95rem;font-weight:700;display:flex}.seo-score.is-good .seo-dial{background:#0f9d74}.seo-score.is-ok .seo-dial{background:#e0a021}.seo-score.is-bad .seo-dial{background:#d1463f}.seo-stats{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:4px 14px;padding-top:13px;font-size:.8rem;display:flex}.seo-stats b{color:var(--ink)}.seo-tabs{gap:4px;display:flex}.seo-tabs button{background:var(--paper-2);border:1px solid var(--line);color:var(--body);cursor:pointer;font-family:var(--font-body);border-radius:999px;flex:1;padding:7px 10px;font-size:.82rem}.seo-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.seo-checks{gap:9px;margin:0;padding:0;list-style:none;display:grid}.seo-checks li{color:var(--body);align-items:flex-start;gap:9px;font-size:.83rem;line-height:1.55;display:flex}.seo-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px}.seo-checks li.is-good .seo-dot{background:#0f9d74}.seo-checks li.is-ok .seo-dot{background:#e0a021}.seo-checks li.is-bad .seo-dot{background:#d1463f}.seo-checks li.is-na .seo-dot{background:#c4c6cc}.seo-checks li.is-na,.seo-disclaimer{color:var(--muted)}.seo-disclaimer{border-top:1px solid var(--line);padding-top:13px;font-size:.74rem;line-height:1.6}.filter-bar{gap:6px;margin-bottom:18px;display:flex}.filter-bar button{background:var(--paper);border:1px solid var(--line);color:var(--body);cursor:pointer;font-family:var(--font-body);border-radius:999px;padding:7px 16px;font-size:.84rem}.filter-bar button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.post-row{grid-template-columns:1fr auto auto auto}.row-date{color:var(--muted);white-space:nowrap;font-size:.82rem}.empty-state{background:var(--paper);border:1px dashed var(--line);border-radius:14px;justify-items:center;gap:16px;padding:50px 24px;display:grid}.empty-state p{color:var(--muted);font-size:.92rem}@media (width<=1180px){.post-editor{grid-template-columns:1fr}.post-side{position:static}}@media (width<=900px){.post-row{grid-template-columns:1fr auto}.row-date{display:none}.ce-toolbar{position:static}}.dropzone{background:var(--paper);border:2px dashed var(--line);cursor:pointer;text-align:center;transition:background-color .2s var(--ease),border-color .2s var(--ease);border-radius:14px;justify-items:center;gap:6px;margin-bottom:22px;padding:34px 24px;display:grid}.dropzone.is-dragging,.dropzone:hover{background:var(--brand-50);border-color:var(--brand)}.dropzone strong{color:var(--ink);font-size:.95rem}.dropzone small{color:var(--muted);font-size:.8rem}.dropzone-note{max-width:52ch;margin-top:4px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.media-item{background:var(--paper);border:1px solid var(--line);cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.media-item:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-3px)}.media-item img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.media-meta{color:var(--muted);text-align:left;padding:8px 10px;font-size:.74rem;display:block}.media-warn{color:#b3261e;background:#fdecec;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700;position:absolute;top:8px;left:8px}.media-drawer{z-index:40;position:fixed;inset:0}.media-backdrop{background:#17181c66;position:absolute;inset:0}.media-drawer-inner{background:var(--paper);border-left:1px solid var(--line);z-index:1;gap:16px;width:min(420px,92vw);padding:24px;display:grid;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.media-drawer-head{justify-content:space-between;align-items:center;display:flex}.media-preview{background:var(--paper-2);-o-object-fit:contain;object-fit:contain;border-radius:10px;width:100%;max-height:280px}.media-facts{gap:8px;margin:0;display:grid}.media-facts>div{justify-content:space-between;gap:10px;font-size:.85rem;display:flex}.media-facts dt{color:var(--muted);margin:0}.media-facts dd{color:var(--ink);text-align:right;margin:0}.media-drawer-actions{justify-content:space-between;gap:10px;margin-top:4px;display:flex}.copy-row{gap:8px;display:flex}.copy-row input{background:var(--paper-2);font-family:ui-monospace,Menlo,monospace;font-size:.82rem}.picker{z-index:50;position:fixed;inset:0}.picker-backdrop{background:#17181c73;position:absolute;inset:0}.picker-panel{background:var(--paper);z-index:1;border-radius:16px;gap:14px;width:min(760px,92vw);max-height:82vh;padding:22px;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.picker-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.picker-head-actions{gap:8px;display:flex}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.picker-item{background:var(--paper-2);border:1px solid var(--line);cursor:pointer;transition:border-color .18s var(--ease),transform .18s var(--ease);border-radius:10px;padding:0;position:relative;overflow:hidden}.picker-item:hover{border-color:var(--brand);transform:translateY(-2px)}.picker-item img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.picker-empty{color:var(--muted);text-align:center;padding:36px 0;font-size:.9rem}.picker-note{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;font-size:.78rem}.cover-preview{border:1px solid var(--line);border-radius:10px;width:100%;margin-bottom:10px}.cover-actions{gap:8px;display:flex}.warn-box{color:#7a5b12;background:#fff8e8;border:1px solid #f0dcae;border-radius:10px;gap:5px;padding:14px 16px;font-size:.84rem;line-height:1.65;display:grid}.warn-box strong{color:#6b4e0a}.form-card-note code,.warn-box code{background:#0000000f;border-radius:4px;padding:1px 5px;font-size:.9em}