@layer components{.ad-shelf{container:ad-shelf/inline-size;position:relative;width:100%;max-width:46rem;margin:1.5rem auto 0;padding:.85rem;border-radius:calc(var(--r-lg, 24px) * .8);border:1px solid var(--stroke);background:color-mix(in oklab,var(--bg-1) 66%,transparent);box-shadow:var(--shadow-sm);color:var(--txt-1);text-align:start;animation:ad-shelf-in .6s var(--ease,ease-out) both}.ad-shelf[data-mode=preview]{margin-top:0;animation:none}@keyframes ad-shelf-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ad-shelf-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;font-size:.6875rem;line-height:1.4}.ad-shelf-tag{display:inline-flex;align-items:center;padding:.18rem .6rem;border-radius:999px;border:1px solid var(--stroke-hi);background:var(--glass);color:var(--txt-3);font-weight:800;letter-spacing:.02em}.ad-shelf-rule{flex:1 1 auto;height:1px;background:var(--stroke)}.ad-shelf-own{flex:none;color:var(--txt-3);font-weight:600;text-decoration:none}a.ad-shelf-own:focus-visible,a.ad-shelf-own:hover{color:var(--txt-1);text-decoration:underline;text-underline-offset:3px}.ad-banner{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:var(--r-md,16px);background:linear-gradient(115deg,transparent 30%,color-mix(in oklab,var(--txt-1) 6%,transparent) 50%,transparent 70%),var(--glass);box-shadow:0 14px 30px -22px rgba(0,0,0,.6);color:inherit;text-decoration:none;transition:transform .35s var(--ease,ease-out);outline-offset:3px}.ad-banner:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--stroke);pointer-events:none}.ad-banner-wide{aspect-ratio:4/1}.ad-banner-rect{aspect-ratio:6/5}.ad-banner img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;user-select:none}a.ad-banner:focus-visible,a.ad-banner:hover{transform:translateY(-3px)}.ad-banner-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.35rem;padding:.75rem;border:1.5px dashed color-mix(in oklab,var(--accent) 45%,var(--stroke-hi));border-radius:inherit;color:var(--txt-2);font-size:.8rem;font-weight:700;text-align:center}.ad-banner-empty svg{width:1.4rem;height:1.4rem;color:var(--accent)}.ad-shelf-row{display:grid;gap:.7rem;margin-top:.7rem}.ad-shelf-head+.ad-shelf-row{margin-top:0}.ad-texts{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem}.ad-text{position:relative;display:flex;min-width:0;flex-direction:column;gap:.25rem;padding:.7rem .8rem .6rem;border-radius:var(--r-sm,12px);border:1px solid var(--stroke);background:var(--glass);color:var(--txt-1);text-decoration:none;transition:transform .3s var(--ease,ease-out);outline-offset:2px}a.ad-text:focus-visible,a.ad-text:hover{transform:translateY(-2px);border-color:var(--stroke-hi)}.ad-text-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.84rem;font-weight:800;line-height:1.6;overflow-wrap:anywhere}.ad-text-badge{display:inline;width:.95em;height:.95em;margin-inline-end:.3rem;vertical-align:-.12em;color:var(--accent)}.ad-text-line{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--txt-2);font-size:.75rem;line-height:1.75;overflow-wrap:anywhere}.ad-text-foot{display:flex;margin-top:auto;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.25rem;color:var(--txt-3);font-size:.6875rem;line-height:1.4}.ad-text-host{display:inline-flex;min-width:0;align-items:center;gap:.3rem}.ad-text-host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-text-host svg{width:.75rem;height:.75rem;flex:none;opacity:.8}.ad-text-arrow{width:.95rem;height:.95rem;flex:none;opacity:.5;transition:transform .3s var(--ease,ease-out),opacity .3s}a.ad-text:focus-visible .ad-text-arrow,a.ad-text:hover .ad-text-arrow{opacity:1;transform:translate(-2px,-2px)}[dir=ltr] a.ad-text:focus-visible .ad-text-arrow,[dir=ltr] a.ad-text:hover .ad-text-arrow{transform:translate(2px,-2px)}.ad-text.is-house{border-style:dashed;border-color:color-mix(in oklab,var(--accent) 50%,var(--stroke-hi));background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 13%,transparent),color-mix(in oklab,var(--accent-3) 7%,transparent) 75%),var(--glass)}.ad-text.is-house .ad-text-host{color:color-mix(in oklab,var(--accent) 70%,var(--txt-2));font-weight:700}.ad-text.is-placeholder{border-style:dashed;background:transparent;opacity:.55}.ad-ph-bar{display:block;height:.55rem;border-radius:999px;background:var(--glass-hi)}.ad-banner.is-placeholder{opacity:.55;box-shadow:none}.is-mine{outline:2px solid var(--accent);outline-offset:3px}.is-mine[data-mine]:before{content:attr(data-mine);position:absolute;inset-block-start:.4rem;inset-inline-start:.4rem;z-index:3;padding:.1rem .5rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.625rem;font-weight:800;line-height:1.6;box-shadow:0 6px 14px -8px var(--accent)}.ad-text.is-mine[data-mine]:before{inset-block-start:-.55rem}@container ad-shelf (min-width: 30rem){.ad-texts{grid-template-columns:repeat(2,minmax(0,1fr))}}@container ad-shelf (min-width: 40rem){.ad-shelf-row[data-rect="1"]{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch}.ad-shelf-row[data-rect="1"] .ad-banner-rect{order:-1;align-self:center}.ad-shelf-row[data-rect="1"] .ad-texts{grid-auto-rows:1fr}}@media (prefers-reduced-motion:reduce){.ad-shelf{animation:none}.ad-banner,.ad-text,.ad-text-arrow{transition:none}a.ad-banner:hover,a.ad-text:hover{transform:none}}}@layer components{.ad-scaled{position:relative;width:100%;overflow:hidden}.ad-scaled-inner{position:absolute;top:0;inset-inline-start:0;transform-origin:top right;transition:opacity .35s ease}[dir=ltr] .ad-scaled-inner{transform-origin:top left}.ad-mock{--accent:#6366f1;--accent-2:#22d3ee;--accent-3:#a855f7;--accent-fg:#6366f1;--r-lg:22px;--r-md:15px;--r-sm:11px;--ease:cubic-bezier(0.22,1,0.36,1);color:var(--txt-1);text-align:start}.ad-mock[data-tone=dark]{--bg-0:#0b0e1a;--bg-1:#111624;--glass:rgba(255,255,255,0.07);--glass-hi:rgba(255,255,255,0.12);--stroke:rgba(255,255,255,0.12);--stroke-hi:rgba(255,255,255,0.22);--txt-1:#f2f4f8;--txt-2:#a8b0c0;--txt-3:#8f99ad;--shadow-sm:0 1px 2px rgba(0,0,0,0.35);color-scheme:dark}.ad-mock[data-tone=light]{--bg-0:#f4f5f9;--bg-1:#eceef4;--glass:rgba(255,255,255,0.72);--glass-hi:rgba(255,255,255,0.9);--stroke:rgba(15,23,42,0.1);--stroke-hi:rgba(15,23,42,0.18);--txt-1:#0f172a;--txt-2:#475569;--txt-3:#5e6a7e;--shadow-sm:0 1px 2px rgba(15,23,42,0.08);color-scheme:light}.ad-mock-window{overflow:hidden;border-radius:18px;border:1px solid var(--stroke-hi);background:var(--bg-0);box-shadow:0 40px 80px -40px rgba(30,27,75,.65),0 14px 30px -20px rgba(15,23,42,.5)}.ad-mock-chrome{display:flex;align-items:center;gap:14px;height:40px;padding:0 14px;border-bottom:1px solid var(--stroke);background:var(--bg-1);direction:ltr}.ad-mock-dots{display:inline-flex;gap:6px}.ad-mock-dots i{width:10px;height:10px;border-radius:50%;background:#f87171}.ad-mock-dots i+i{background:#fbbf24}.ad-mock-dots i+i+i{background:#34d399}.ad-mock-url{flex:1;max-width:340px;margin-inline:auto;padding:4px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);color:var(--txt-3);font-size:12px;text-align:center}.ad-mock-body{position:relative;padding:28px 28px 30px;background:radial-gradient(60% 45% at 92% 0,color-mix(in oklab,var(--accent) 30%,transparent),transparent 70%),radial-gradient(50% 40% at 0 30%,color-mix(in oklab,var(--accent-3) 22%,transparent),transparent 70%),radial-gradient(60% 40% at 50% 100%,color-mix(in oklab,var(--accent-2) 16%,transparent),transparent 72%),var(--bg-0)}.ad-mock-thanks{display:flex;max-width:30rem;margin-inline:auto;flex-direction:column;align-items:center;gap:8px;padding:22px 20px 20px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:var(--glass);box-shadow:0 18px 40px -26px rgba(15,23,42,.55);text-align:center}.ad-mock-thanks b{font-size:18px;font-weight:900}.ad-mock-thanks span{color:var(--txt-2);font-size:13px}.ad-mock-ok{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:linear-gradient(140deg,#34d399,#059669);color:#fff;box-shadow:0 12px 24px -12px #10b981}.ad-mock-ok svg{width:28px;height:28px}.ad-mock .ad-shelf{margin-top:18px}.ad-mock-phone{position:relative;width:100%;padding:9px;border-radius:42px;background:linear-gradient(150deg,#312e81,#0f172a 55%,#1e1b4b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 80px -40px rgba(49,46,129,.85)}.ad-mock-phone:before{content:"";position:absolute;top:18px;left:50%;z-index:3;width:84px;height:22px;border-radius:999px;background:#0b1020;translate:-50% 0}.ad-mock-screen{overflow:hidden;height:var(--ad-phone-h,720px);border-radius:34px;background:var(--bg-0)}.ad-mock[data-device=phone] .ad-mock-body{min-height:100%;padding:48px 14px 20px}.ad-mock[data-device=phone] .ad-mock-thanks{padding:18px 14px}.ad-mock[data-device=phone] .ad-shelf{padding:.7rem}}