@layer theme, base, components, utilities;@layer components{.about-timeline-admin-modal__shell{align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.about-timeline-admin-modal__panel{display:flex;width:min(100%,34rem);max-height:min(94dvh,100%);flex-direction:column;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);box-shadow:0 24px 64px rgba(0,0,0,.28)}.about-timeline-admin-modal__form{display:flex;min-height:0;flex:1;flex-direction:column}.about-timeline-admin-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}.about-timeline-admin-modal__title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.about-timeline-admin-modal__desc{margin:.35rem 0 0;font-size:.84rem;line-height:1.5;color:color-mix(in oklab,var(--foreground) 68%,transparent)}html:not(.dark) .about-timeline-admin-modal__desc{color:rgba(11,16,37,.71)}.about-timeline-admin-modal__close{display:inline-flex;min-width:2.5rem;min-height:2.5rem;align-items:center;justify-content:center;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);border-radius:.65rem;background:color-mix(in oklab,var(--foreground) 5%,transparent);color:var(--foreground);cursor:pointer}.about-timeline-admin-modal__body{display:grid;gap:.85rem;overflow-y:auto;padding:1rem}.about-timeline-admin-modal__field{display:grid;gap:.35rem}.about-timeline-admin-modal__label{font-size:.82rem;font-weight:700;color:color-mix(in oklab,var(--foreground) 82%,transparent)}.about-timeline-admin-modal__optional{font-weight:500;color:color-mix(in oklab,var(--foreground) 71%,transparent)}.about-timeline-admin-modal__upload{position:relative;display:block;width:100%;overflow:hidden;border:1px dashed color-mix(in oklab,var(--foreground) 18%,transparent);border-radius:.75rem;background:color-mix(in oklab,var(--foreground) 4%,transparent);cursor:pointer;padding:0}.about-timeline-admin-modal__upload-placeholder{display:grid;gap:.45rem;justify-items:center;padding:1.35rem 1rem;font-size:.82rem;color:color-mix(in oklab,var(--foreground) 73%,transparent)}.about-timeline-admin-modal__preview{position:relative;display:block;aspect-ratio:3/2;width:100%}.about-timeline-admin-modal__preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.55rem}.about-timeline-admin-modal__preview-tile{position:relative;overflow:hidden;border-radius:.65rem;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);background:color-mix(in oklab,var(--foreground) 4%,transparent)}.about-timeline-admin-modal__preview-badge{left:.35rem;bottom:.35rem;border-radius:999px;padding:.12rem .45rem;font-size:.8125rem;font-weight:700;letter-spacing:.04em;font-family:var(--font-pixel);text-transform:uppercase;backdrop-filter:blur(6px)}.about-timeline-admin-modal__preview-badge,.about-timeline-admin-modal__preview-remove{position:absolute;z-index:1;color:#fff;background:color-mix(in oklab,#000 82%,transparent)}.about-timeline-admin-modal__preview-remove{top:.3rem;right:.3rem;display:inline-flex;min-width:1.55rem;min-height:1.55rem;align-items:center;justify-content:center;border:none;border-radius:999px;cursor:pointer}.about-timeline-admin-modal__preview-add{display:grid;gap:.2rem;place-items:center;align-content:center;min-height:100%;aspect-ratio:3/2;border:1px dashed color-mix(in oklab,var(--foreground) 18%,transparent);border-radius:.65rem;background:color-mix(in oklab,var(--foreground) 4%,transparent);font-size:.72rem;font-weight:600;color:color-mix(in oklab,var(--foreground) 73%,transparent);cursor:pointer}.about-timeline-admin-modal__date-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.about-timeline-admin-modal__error{margin:0;font-size:.84rem;color:#ef4444}html.dark .about-timeline-admin-modal__error{color:#ff7f77}html:not(.dark) .about-timeline-admin-modal__error{color:#ab0001}.about-timeline-admin-modal__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.85rem 1rem 1rem;border-top:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}}