.showcase-intro{padding-bottom:.35rem}.showcase-intro .section-lede{min-height:calc(1.6em * 3);max-width:min(520px,100%)}body[data-page=code] .showcase-intro .section-lede{min-height:calc(1.55em * 2)}body[data-page=code] .page-pad{padding-top:clamp(20px,3vw,32px)}@media (max-width:640px){.showcase-intro .section-lede{min-height:calc(1.55em * 3);font-size:.92rem}body[data-page=code] .showcase-intro .section-lede{min-height:0}}.showcase-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;align-items:stretch;justify-content:start}@media (min-width:640px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}}@media (min-width:1024px){.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.75rem}.showcase-grid--study{gap:1.05rem}}.showcase-card--study .showcase-card__media{aspect-ratio:16/10.4}.showcase-card--study .showcase-card__body{gap:.32rem;padding:.85rem .9rem .45rem}.showcase-card--study .showcase-card__title{font-size:clamp(.98rem,2vw,1.1rem)}.showcase-card--study .showcase-card__desc{font-size:.82rem;line-height:1.45;-webkit-line-clamp:2}.showcase-card--study .showcase-card__meta{font-size:.66rem}.showcase-card--study .showcase-card__footer{padding:.35rem .9rem .85rem}.showcase-card--study .showcase-card__more{font-size:.7rem}.showcase-card--study .showcase-btn--sm{font-size:.68rem;padding:.36rem .7rem}@media (min-width:640px){.showcase-grid--code{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:1.15rem}}@media (min-width:1024px){.showcase-grid--code{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:920px;margin-top:1.25rem}.showcase-grid--code:has(>:only-child){grid-template-columns:minmax(0,400px)}}.showcase-card{display:flex;flex-direction:column;min-width:0;height:100%;background:var(--paper-2);border:1px solid var(--paper-3);border-radius:10px;overflow:hidden;transition:transform .55s cubic-bezier(.25,.8,.25,1),box-shadow .55s cubic-bezier(.25,.8,.25,1),border-color .45s ease}.showcase-card--study{border-left:3px solid var(--margin-red)}.showcase-card--code{background:var(--code-bg-2);border:1px solid var(--code-line);border-radius:10px;box-shadow:0 1px 0 color-mix(in srgb,#fff 4%,transparent)}@media (hover:hover) and (pointer:fine){.showcase-card--study:hover{transform:translateY(-1.5px);box-shadow:-4px 8px 0 -5px color-mix(in srgb,var(--margin-red) 22%,transparent),0 12px 22px -18px rgba(0,0,0,.45)}.showcase-card--code:hover{transform:translateY(-1.5px);border-color:color-mix(in srgb,var(--teal-soft) 55%,var(--code-line));box-shadow:0 12px 24px -18px rgba(0,0,0,.5)}.showcase-card:hover .showcase-card__title:after{transform:translateX(2px);opacity:1}}@media (hover:none){.showcase-card__hit:active{transform:scale(.985);transition:transform .12s ease}}.showcase-card__hit{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;text-align:left;background:transparent;border:0;padding:0;color:inherit;cursor:pointer}.showcase-card__media{position:relative;flex:0 0 auto;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden}.showcase-card--code .showcase-card__media{aspect-ratio:16/9;max-height:12rem;background:#12151c;border-bottom:1px solid var(--code-line)}.showcase-card__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(.9);transition:filter .55s ease,transform .7s cubic-bezier(.25,.8,.25,1)}.showcase-card--code .showcase-card__img{object-fit:cover;object-position:top center}@media (hover:hover) and (pointer:fine){.showcase-card:hover .showcase-card__img{filter:saturate(1.04);transform:scale(1.012)}}.showcase-card__placeholder{width:100%;height:100%;display:grid;place-items:center;font-family:var(--mono);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:linear-gradient(135deg,transparent 48%,color-mix(in srgb,var(--rule-blue) 55%,transparent) 49%,color-mix(in srgb,var(--rule-blue) 55%,transparent) 51%,transparent 52%),var(--paper-3)}.showcase-card--code .showcase-card__placeholder{color:#6b7385;background:linear-gradient(135deg,transparent 48%,var(--code-line) 49%,var(--code-line) 51%,transparent 52%),var(--code-bg)}.showcase-card__badge,.showcase-card__play{position:absolute;font-family:var(--mono);color:#fff;pointer-events:none}.showcase-card__badge{right:10px;bottom:10px;font-size:.68rem;padding:.2rem .45rem;border-radius:4px;background:rgba(0,0,0,.55)}.showcase-card__play{inset:0;margin:auto;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.45);font-size:.78rem}.showcase-card__body{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.05rem .55rem;flex:1 1 auto}.showcase-card__file{margin:0;font-family:var(--mono);font-size:.7rem;color:#8b93a5;letter-spacing:.04em}.showcase-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}.showcase-card__title{margin:0;font-family:var(--serif);font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:600;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-card__title:after{content:"→";display:inline-block;margin-left:.4rem;opacity:0;color:var(--margin-red-soft);transform:translateX(-2px);transition:opacity .45s ease,transform .45s ease}.showcase-card--code .showcase-card__title:after{color:var(--teal-soft)}.showcase-card--code .showcase-card__body{gap:.32rem;padding:.85rem .95rem .35rem}.showcase-card--code .showcase-card__file{font-size:.66rem}.showcase-card--code .showcase-card__title{color:var(--code-text);font-size:clamp(1.02rem,1.9vw,1.12rem)}.showcase-card--code .showcase-card__desc{font-size:.84rem;line-height:1.45;-webkit-line-clamp:2}.showcase-card--code .showcase-card__meta{font-size:.66rem;margin-top:.05rem}.showcase-card--code .showcase-card__footer{padding:.35rem .95rem .85rem;border-top:1px solid color-mix(in srgb,var(--code-line) 70%,transparent)}.showcase-card--code .showcase-btn--sm{font-size:.66rem;padding:.32rem .65rem}.showcase-card--code .showcase-btn--solid{background:#e8e4da;color:#12141a;border-color:#e8e4da}.showcase-card__desc{margin:0;font-size:.88rem;line-height:1.5;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-card--code .showcase-card__desc{color:#a8b0c0}.showcase-card__meta{margin:.15rem 0 0;font-family:var(--mono);font-size:.7rem;line-height:1.4;color:var(--ink-faint);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-card--code .showcase-card__meta{color:#7d8598}.showcase-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-top:auto;padding:.45rem 1.05rem 1rem}.showcase-card__more{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0 0 1px;margin:0;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--margin-red-soft);cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--margin-red-soft) 55%,transparent);transition:color .2s ease,border-color .2s ease}.showcase-card__more:after{content:" →"}.showcase-card__more:hover{color:var(--margin-red);border-bottom-color:var(--margin-red)}.showcase-card--code .showcase-card__more{color:var(--teal-soft);border-bottom-color:color-mix(in srgb,var(--teal-soft) 50%,transparent);font-size:.7rem}.showcase-card--code .showcase-card__more:hover{color:#c5d4c8;border-bottom-color:var(--teal-soft)}.showcase-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:999px;font-family:var(--mono);font-weight:500;text-decoration:none;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease}.showcase-btn--sm{font-size:.72rem;padding:.42rem .78rem;flex-shrink:0}.showcase-btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.showcase-btn--solid:hover{background:var(--margin-red);border-color:var(--margin-red);color:#fff}.showcase-card--code .showcase-btn--solid:hover{background:var(--teal-soft);border-color:var(--teal-soft);color:#0a0c10}.showcase-btn--ghost{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 35%,transparent);font-size:.75rem;padding:.55rem .95rem}.showcase-btn--ghost:hover{background:var(--paper-2)}.showcase-detail--code .showcase-btn--ghost{color:var(--code-text);border-color:var(--code-line)}.showcase-detail--code .showcase-btn--ghost:hover{background:var(--code-bg)}@media (max-width:639px){.showcase-grid{gap:.95rem;margin-top:1.25rem}.showcase-card__media{aspect-ratio:16/10}.showcase-card--code .showcase-card__media{aspect-ratio:16/9;max-height:11rem}.showcase-card__body{gap:.35rem;padding:.9rem .95rem .45rem}.showcase-card__title{font-size:1.08rem}.showcase-card__desc{font-size:.86rem;-webkit-line-clamp:3}.showcase-card__meta{font-size:.68rem}.showcase-card__footer{padding:.4rem .95rem .9rem}.showcase-card__more{font-size:.72rem}.showcase-btn--sm{font-size:.7rem;padding:.4rem .72rem}.showcase-tag{font-size:.6rem;padding:.2rem .4rem}}.showcase-detail{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(0,0,0,.72);box-sizing:border-box;animation:showcase-backdrop-in .28s ease both}.showcase-detail.is-closing{animation:showcase-backdrop-out .22s ease both}@keyframes showcase-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes showcase-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes showcase-panel-in{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}@keyframes showcase-panel-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes showcase-expand-in{0%{opacity:0}to{opacity:1}}@keyframes showcase-expand-out{0%{opacity:1}to{opacity:0}}.showcase-detail__panel{position:relative;width:min(860px,100%);max-height:calc(100dvh - 1.5rem);overflow:auto;overscroll-behavior:contain;background:var(--paper-2);border:1px solid var(--paper-3);border-radius:12px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink-faint) 40%,transparent) transparent;animation:showcase-panel-in .4s cubic-bezier(.22,1,.36,1) both}.showcase-detail.is-closing .showcase-detail__panel{animation:showcase-panel-out .2s cubic-bezier(.4,0,1,1) both}.showcase-detail__panel::-webkit-scrollbar{width:5px;height:5px}.showcase-detail__panel::-webkit-scrollbar-track{background:transparent}.showcase-detail__panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-faint) 38%,transparent);border-radius:999px}.showcase-detail__panel::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink-soft) 50%,transparent)}.showcase-detail--code .showcase-detail__panel{background:var(--code-bg-2);border-color:var(--code-line);color:var(--code-text);scrollbar-color:color-mix(in srgb,#6b7385 45%,transparent) transparent}.showcase-detail--code .showcase-detail__panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,#6b7385 42%,transparent)}.showcase-detail--code .showcase-detail__panel::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,#8b93a5 55%,transparent)}.showcase-detail__topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid var(--paper-3);background:var(--paper-2)}.showcase-detail--code .showcase-detail__topbar{border-bottom-color:var(--code-line);background:var(--code-bg-2)}.showcase-detail__kicker{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.showcase-detail__close{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:.2rem 0;font-family:var(--mono);font-size:.76rem;letter-spacing:.03em;color:var(--ink-soft);cursor:pointer;transition:color .18s ease}.showcase-detail__close span{margin-left:.15rem}.showcase-detail__close:hover{color:var(--margin-red-soft)}.showcase-detail--code .showcase-detail__close:hover{color:var(--teal-soft)}.showcase-detail__gallery{position:relative;min-height:200px;max-height:min(58vh,560px);background:var(--paper);overflow:hidden;display:flex;align-items:center;justify-content:center}.showcase-detail--code .showcase-detail__gallery{background:#0a0c10}.showcase-detail__media-hit{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-height:min(58vh,560px);margin:0;padding:0;border:0;background:transparent;cursor:zoom-in}.showcase-detail__media{max-width:100%;max-height:min(58vh,560px);width:auto;height:auto;object-fit:contain;object-position:center top;display:block;pointer-events:none}.showcase-detail__gallery video.showcase-detail__media{width:100%;max-height:min(58vh,560px);object-fit:contain}.showcase-detail__empty{width:100%;min-height:220px;display:grid;place-items:center;font-family:var(--mono);font-size:.8rem;color:var(--ink-faint)}@media (max-width:639px){.showcase-detail{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:flex-end}.showcase-detail__panel{width:100%;max-height:calc(100dvh - .75rem);border-radius:12px 12px 8px 8px}.showcase-detail__gallery{min-height:180px}.showcase-detail__gallery,.showcase-detail__gallery video.showcase-detail__media,.showcase-detail__media{max-height:min(44vh,340px)}.showcase-detail__body{padding:.9rem .95rem 1.1rem}}.showcase-detail__nav{position:absolute;top:50%;transform:translateY(-50%);width:2.1rem;height:2.4rem;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:rgba(10,10,12,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;transition:border-color .18s ease,background .18s ease}.showcase-detail__nav:hover{border-color:var(--margin-red-soft);background:rgba(10,10,12,.68)}.showcase-detail--code .showcase-detail__nav:hover{border-color:var(--teal-soft)}.showcase-detail__nav--prev{left:.6rem}.showcase-detail__nav--next{right:.6rem}.showcase-detail__expand{position:absolute;right:.65rem;bottom:.65rem;z-index:2;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:rgba(10,10,12,.45);color:#fff;font-size:.95rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:border-color .18s ease,background .18s ease}.showcase-detail__expand:hover{border-color:var(--margin-red-soft);background:rgba(10,10,12,.68)}.showcase-expand{position:fixed;inset:0;z-index:220;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#040406;box-sizing:border-box;animation:showcase-expand-in .22s ease both}.showcase-expand.is-closing{animation:showcase-expand-out .18s ease both}.showcase-expand__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .3rem .75rem;flex-shrink:0}.showcase-expand__count{font-family:var(--mono);font-size:.72rem;color:rgba(255,255,255,.55)}.showcase-expand__close{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:.3rem .2rem;font-family:var(--mono);font-size:.8rem;color:rgba(255,255,255,.8);cursor:pointer;transition:color .18s ease}.showcase-expand__close span{margin-left:.15rem}.showcase-expand__close:hover{color:#fff}.showcase-expand__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.showcase-expand__media{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border-radius:4px}.showcase-expand__nav{position:absolute;top:50%;transform:translateY(-50%);width:2.4rem;height:3rem;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:rgba(255,255,255,.06);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;transition:border-color .18s ease,background .18s ease}.showcase-expand__nav:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12)}.showcase-expand__nav--prev{left:.5rem}.showcase-expand__nav--next{right:.5rem}.showcase-detail__count{position:absolute;left:.7rem;bottom:.7rem;font-family:var(--mono);font-size:.68rem;padding:.25rem .5rem;border-radius:4px;background:rgba(0,0,0,.55);color:#fff}.showcase-detail__thumbs{display:flex;gap:.4rem;padding:.65rem .85rem 0;overflow-x:auto}.showcase-detail__thumb{flex:0 0 auto;width:3.2rem;height:2.2rem;padding:0;border:1px solid transparent;border-radius:4px;overflow:hidden;background:var(--paper);cursor:pointer;opacity:.65}.showcase-detail__thumb.is-active{opacity:1;border-color:var(--margin-red-soft)}.showcase-detail--code .showcase-detail__thumb.is-active{border-color:var(--teal-soft)}.showcase-detail__thumb img{width:100%;height:100%;object-fit:contain;object-position:center top;display:block;background:#0a0c10}.showcase-detail__thumb-video{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-soft);font-size:.7rem}.showcase-detail__body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.7rem}.showcase-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.showcase-detail__title{margin:0;font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:600;line-height:1.2;color:var(--ink)}.showcase-detail--code .showcase-detail__title{color:var(--code-text)}.showcase-detail__file{margin:0;font-family:var(--mono);font-size:.72rem;color:#8b93a5}.showcase-detail__desc{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-soft)}.showcase-detail--code .showcase-detail__desc{color:#b7becc}.showcase-detail__stack{display:flex;flex-wrap:wrap;gap:.4rem}.showcase-detail__stack span{font-family:var(--mono);font-size:.68rem;padding:.25rem .5rem;border:1px solid var(--code-line);border-radius:4px;color:var(--teal-soft)}.showcase-detail__ready{display:flex;flex-direction:column;gap:.35rem}.showcase-detail__ready-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.7rem;color:#9aa3b5}.showcase-detail__ready-track{height:5px;border-radius:999px;background:var(--code-line);overflow:hidden}.showcase-detail__ready-track>div{height:100%;background:var(--teal-soft);border-radius:999px}.showcase-detail__meta{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem 1rem;font-family:var(--mono);font-size:.74rem;color:var(--ink-faint)}.showcase-detail--code .showcase-detail__meta{color:#8b93a5}.showcase-detail__actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.25rem}.showcase-detail__actions .showcase-btn--solid{font-size:.78rem;padding:.55rem .95rem}@media (prefers-reduced-motion:reduce){.showcase-card,.showcase-card__title:after{transition:none}.showcase-card:hover{transform:none;box-shadow:none}.showcase-card:hover .showcase-card__img{transform:none;filter:none}.showcase-detail,.showcase-detail__panel,.showcase-expand{animation:none}}.showcase-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;padding:.26rem .5rem;border-radius:var(--radius);border:1px solid transparent;flex-shrink:0;line-height:1.2;text-transform:uppercase}.showcase-tag--red{color:#f0b4a8;background:color-mix(in srgb,var(--margin-red) 24%,var(--paper-2));border-color:color-mix(in srgb,var(--margin-red) 48%,transparent)}.showcase-tag--teal{color:var(--teal-soft);background:color-mix(in srgb,var(--teal) 22%,var(--paper-2));border-color:color-mix(in srgb,var(--teal) 42%,transparent)}.showcase-tag--gold{color:#efd98a;background:color-mix(in srgb,var(--highlight) 18%,var(--paper-2));border-color:color-mix(in srgb,var(--highlight) 38%,transparent)}.showcase-tag--blue{color:#9db4d4;background:color-mix(in srgb,#5a7aa8 22%,var(--paper-2));border-color:color-mix(in srgb,#5a7aa8 42%,transparent)}.showcase-tag--clay{color:#d4b09a;background:color-mix(in srgb,var(--margin-red-soft) 28%,var(--paper-2));border-color:color-mix(in srgb,var(--margin-red-soft) 45%,transparent)}.showcase-tag--mist{color:var(--ink-soft);background:var(--paper);border-color:var(--paper-3)}.media-lightbox{position:fixed;inset:0;z-index:200;width:100vw;height:100dvh;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}.media-lightbox__panel{position:relative;width:min(880px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;gap:12px;background:transparent}.media-lightbox__close{position:absolute;top:0;right:0;z-index:3;width:44px;height:44px;border:0;border-radius:999px;background:rgba(20,20,20,.75);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.media-lightbox__stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;max-height:min(70dvh,640px);background:#0a0a0a;border-radius:8px;overflow:hidden}.media-lightbox__media{display:block;width:auto;height:auto;max-width:100%;max-height:min(70dvh,640px);object-fit:contain;background:transparent}.media-lightbox__bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;color:#fff;font-family:var(--mono);font-size:.85rem}.media-lightbox__bar--single{justify-content:space-between}.media-lightbox__nav{border:1px solid rgba(255,255,255,.25);border-radius:999px;width:40px;height:36px}.media-lightbox__done,.media-lightbox__nav{background:transparent;color:#fff;cursor:pointer}.media-lightbox__done{margin-left:auto;border:0;text-decoration:underline;font:inherit}.media-lightbox__thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.media-lightbox__thumb{flex:0 0 auto;width:56px;height:40px;border:1px solid transparent;border-radius:4px;overflow:hidden;padding:0;background:#1a1a1a;cursor:pointer}.media-lightbox__thumb.is-active{border-color:#e8e4da}.media-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-lightbox__thumb-video{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:.7rem;background:#222}@media (max-width:640px){.media-lightbox{padding:0;align-items:stretch}.media-lightbox__panel{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));box-sizing:border-box}.media-lightbox__stage{flex:1;min-height:0;max-height:none;border-radius:0;background:#000}.media-lightbox__media{max-width:100%;max-height:100%;width:auto;height:auto}.media-lightbox__close{top:max(10px,env(safe-area-inset-top));right:12px}.media-lightbox__done{margin-left:0}}.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.rich-editor-toolbar button{border:1px solid var(--admin-border);background:var(--admin-bg);color:var(--admin-ink);border-radius:6px;padding:.35rem .55rem;font-size:.78rem;font-family:var(--mono);cursor:pointer}.rich-editor-toolbar button:hover{background:var(--admin-surface)}