.media-live{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@keyframes media-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes media-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes media-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes media-spin{to{transform:rotate(360deg)}}.media-slot{position:relative;display:block;container-type:inline-size;inline-size:var(--media-size, 128px);aspect-ratio:4 / 3;border-radius:var(--hf-radius-md, 8px);overflow:hidden;background:var(--hf-bg-soft, #f6f6f7);border:1px solid var(--hf-border, #e4e4e7);box-shadow:var(--hf-shadow-sm, 0 1px 0 0 rgba(20, 24, 31, .22));outline:2px solid transparent;outline-offset:2px;transition:box-shadow var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1)),transform var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1)),outline-color var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1)),border-color var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-slot img{inline-size:100%;block-size:100%;object-fit:cover;display:block;transition:transform var(--hf-transition-slow, .4s cubic-bezier(.4, 0, .2, 1))}.media-img-skeleton{position:absolute;inset:0;z-index:1;background:var(--hf-bg-soft, #f6f6f7);overflow:hidden;pointer-events:none}.media-img-skeleton:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:100%;background:linear-gradient(90deg,transparent,var(--hf-glass-bg, rgba(255, 255, 255, .5)),transparent);animation:media-shimmer 1.25s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.media-img-skeleton:after{animation:none}}.media-slot:hover{box-shadow:var(--hf-shadow-lg, 0 12px 28px rgba(20, 24, 31, .16));transform:translateY(-2px)}.media-slot:focus-within{outline-color:var(--hf-accent, #ff5b2a)}.media-slot.is-filled:hover img{transform:scale(1.04)}.media-slot.is-dragging{opacity:.5}.media-slot.is-drop-target{outline-color:var(--hf-accent, #ff5b2a)}.media-slot.is-empty{display:grid;place-items:center;text-align:center;gap:var(--hf-space-xs, .5rem);background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,91,42,.035) 14px 15px),var(--hf-bg-soft, #f6f6f7);border:2px dashed var(--hf-border-strong, #d4d4d8);color:var(--hf-text-secondary, rgba(17, 17, 19, .64));cursor:pointer;padding:var(--hf-space-md, 1rem)}.media-slot.is-empty:hover,.media-slot.is-empty:focus-visible{border-color:var(--hf-accent, #ff5b2a);background:var(--hf-accent-soft, rgba(255, 91, 42, .12));color:var(--hf-accent-strong, #e8421a);outline:none}.media-slot-tag{position:absolute;inset-block-start:var(--hf-space-sm, .75rem);inset-inline-start:var(--hf-space-sm, .75rem);z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--hf-radius-full, 9999px);font-size:var(--hf-font-size-sm, .75rem);font-weight:700;letter-spacing:.3px;color:var(--hf-on-accent, #fff);background:#14181f80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.media-slot-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,#14181f6b,#14181f00 45% 60%,#14181f80);opacity:0;transition:opacity var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1));pointer-events:none;z-index:1}.media-slot.is-filled:hover .media-slot-scrim,.media-slot.is-filled:focus-within .media-slot-scrim{opacity:1}.media-slot-replace{position:absolute;inset-inline:var(--hf-space-sm, .75rem);inset-block-end:var(--hf-space-sm, .75rem);z-index:3;display:flex;flex-wrap:nowrap;gap:6px;opacity:0;transform:translateY(6px);transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1));background:var(--hf-glass-bg, rgba(255, 252, 245, .74));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--hf-glass-border, var(--hf-border, #e4e4e7));border-radius:var(--hf-radius-full, 9999px);padding:4px}.media-slot.is-filled:hover .media-slot-replace,.media-slot.is-filled:focus-within .media-slot-replace{opacity:1;transform:none}.media-slot-replace>button{flex:1 1 0;min-inline-size:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12px;font-weight:700;padding:7px 10px;border:none;border-radius:var(--hf-radius-full, 9999px);cursor:pointer;color:var(--hf-text, rgba(17, 17, 19, .92));background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-slot-replace>button:hover{background:var(--hf-bg, #fff);color:var(--hf-accent-strong, #e8421a)}.media-slot-replace>.is-icon{flex:0 0 auto}.media-slot-replace>.is-danger:hover{color:var(--hf-danger, #ef4444)}.media-action-label{display:inline}.media-slot-kebab{display:none;position:absolute;inset-block-end:var(--hf-space-sm, .75rem);inset-inline-end:var(--hf-space-sm, .75rem);z-index:3;inline-size:30px;block-size:30px;align-items:center;justify-content:center;padding:0;border:1px solid var(--hf-glass-border, var(--hf-border, #e4e4e7));border-radius:var(--hf-radius-full, 9999px);background:var(--hf-glass-bg, rgba(255, 252, 245, .82));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--hf-text, rgba(17, 17, 19, .92));cursor:pointer;opacity:0;transition:opacity var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-slot-menu{position:absolute;inset-block-end:var(--hf-space-sm, .75rem);inset-inline-end:var(--hf-space-sm, .75rem);z-index:6;display:flex;flex-direction:column;min-inline-size:132px;padding:4px;border:1px solid var(--hf-border, #e4e4e7);border-radius:var(--hf-radius-md, 8px);background:var(--hf-bg-elevated, #fff);box-shadow:var(--hf-shadow-lg, 0 12px 28px rgba(20, 24, 31, .16));animation:media-scale-in .14s ease both}.media-slot-menu>button{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;font:inherit;font-size:12px;font-weight:600;border:none;background:none;cursor:pointer;border-radius:var(--hf-radius-sm, 6px);color:var(--hf-text, rgba(17, 17, 19, .92));text-align:start;white-space:nowrap}.media-slot-menu>button:hover{background:var(--hf-bg-soft, #f6f6f7)}.media-slot-menu>.is-danger:hover{color:var(--hf-danger, #ef4444)}.media-slot:has(.media-slot-menu){overflow:visible;z-index:5}.media-slot:has(.media-slot-menu) .media-slot-kebab{display:inline-flex;opacity:1}@container (max-width: 210px){.media-slot[data-actions="3"] .media-action-label{display:none}}@container (max-width: 152px){.media-slot[data-actions="2"] .media-action-label{display:none}}@container (max-width: 104px){.media-slot[data-actions="1"] .media-action-label{display:none}}@container (max-width: 210px){.media-slot .media-slot-replace>button{padding-inline:9px}}@container (max-width: 124px){.media-slot[data-actions="3"] .media-slot-replace{display:none}.media-slot[data-actions="3"].is-filled:hover .media-slot-kebab,.media-slot[data-actions="3"].is-filled:focus-within .media-slot-kebab{display:inline-flex;opacity:1}}@container (max-width: 96px){.media-slot[data-actions="2"] .media-slot-replace{display:none}.media-slot[data-actions="2"].is-filled:hover .media-slot-kebab,.media-slot[data-actions="2"].is-filled:focus-within .media-slot-kebab{display:inline-flex;opacity:1}}@container (max-width: 72px){.media-slot[data-actions="1"] .media-slot-replace{display:none}.media-slot[data-actions="1"].is-filled:hover .media-slot-kebab,.media-slot[data-actions="1"].is-filled:focus-within .media-slot-kebab{display:inline-flex;opacity:1}}.media-slot-uploading:after{content:"";position:absolute;inset:0;background:#14181f70;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:2}.media-progress{position:absolute;inset-inline:var(--hf-space-sm, .75rem);inset-block-end:var(--hf-space-sm, .75rem);z-index:3;color:var(--hf-on-accent, #fff)}.media-progress-track{block-size:6px;border-radius:var(--hf-radius-full, 9999px);background:#ffffff4d;overflow:hidden}.media-progress-fill{block-size:100%;border-radius:var(--hf-radius-full, 9999px);background:var(--hf-accent, #ff5b2a);transition:inline-size var(--hf-transition-slow, .4s cubic-bezier(.4, 0, .2, 1));position:relative}.media-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:media-shimmer 1.2s ease-in-out infinite}.media-status{position:absolute;inset-block-end:var(--hf-space-xs, .5rem);inset-inline-end:var(--hf-space-xs, .5rem);z-index:3;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--hf-radius-full, 9999px);font-size:11px;font-weight:700;color:var(--hf-on-accent, #fff);background:var(--hf-accent, #ff5b2a)}.media-status--error{background:var(--hf-danger, #ef4444)}.media-slot-rail{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--hf-space-sm, .75rem)}.media-slot-rail-item{flex:0 0 auto;min-inline-size:0}.media-slot-rail-handle{cursor:grab}.media-slot-rail-handle:active{cursor:grabbing}.media-slot-drag-overlay{cursor:grabbing;filter:drop-shadow(0 16px 30px rgba(20,24,31,.3));transform:scale(1.04)}.media-dropzone{position:relative;display:grid;place-items:center;text-align:center;gap:var(--hf-space-xs, .5rem);border:2px dashed var(--hf-border-strong, #d4d4d8);border-radius:var(--hf-radius-md, 8px);background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,91,42,.035) 14px 15px),var(--hf-bg-soft, #f6f6f7);color:var(--hf-text-secondary, rgba(17, 17, 19, .64));cursor:pointer;padding:var(--hf-space-lg, 1.5rem);font:inherit;inline-size:100%;overflow:hidden;transition:border-color var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1)),background var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1)),box-shadow var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1)),transform var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1)),color var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-dropzone:hover,.media-dropzone:focus-visible{outline:none;border-color:var(--hf-accent, #ff5b2a);background:var(--hf-accent-soft, rgba(255, 91, 42, .12));color:var(--hf-accent-strong, #e8421a);transform:translateY(-2px);box-shadow:var(--hf-shadow-md, 0 6px 16px rgba(0, 0, 0, .12))}.media-dropzone:disabled{cursor:not-allowed;opacity:.5;transform:none}.media-dropzone--compact{inline-size:var(--media-size, 128px);padding:var(--hf-space-sm, .75rem);gap:4px;border-radius:var(--hf-radius-sm, 6px)}.media-ar--circle.media-dropzone{border-radius:var(--hf-radius-full, 9999px)}.media-ar--logo.media-dropzone{background:var(--hf-bg-elevated, #fff)}.media-ar--cover.media-dropzone{grid-auto-flow:column;gap:var(--hf-space-sm, .75rem);padding:var(--hf-space-md, 1rem)}.media-dropzone--icon-only{padding:0}.media-dropzone-ico{inline-size:48px;block-size:48px;display:grid;place-items:center;border-radius:var(--hf-radius-full, 9999px);background:var(--hf-accent, #ff5b2a);color:var(--hf-on-accent, #fff);box-shadow:0 8px 18px #ff5b2a4d}.media-dropzone--compact .media-dropzone-ico{inline-size:34px;block-size:34px;box-shadow:none}.media-dropzone-title{font-weight:700;font-size:var(--hf-font-size-base, .875rem);color:var(--hf-text, rgba(17, 17, 19, .92));margin:0}.media-dropzone--compact .media-dropzone-title{font-size:11px}.media-dropzone-hint{margin:0;font-size:var(--hf-font-size-sm, .75rem);color:var(--hf-text-muted, rgba(17, 17, 19, .44))}.media-dropzone--compact .media-dropzone-hint{display:none}.media-dropzone-browse{margin-block-start:var(--hf-space-xs, .5rem);font-size:var(--hf-font-size-sm, .75rem);font-weight:700;color:var(--hf-accent-strong, #e8421a);display:inline-flex;align-items:center;gap:6px}.media-grid{display:flex;flex-wrap:wrap;gap:var(--hf-space-sm, .75rem)}.media-grid--compact{gap:var(--hf-space-xs, .5rem)}.media-pick{position:relative;margin:0;padding:0;border:2px solid transparent;outline:none;border-radius:var(--hf-radius-md, 8px);overflow:hidden;aspect-ratio:1 / 1;inline-size:var(--media-size, 120px);flex:0 0 auto;cursor:pointer;background:var(--hf-bg-soft, #f6f6f7);box-shadow:var(--hf-shadow-sm, 0 1px 0 0 rgba(20, 24, 31, .22));transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-pick img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-pick:hover{transform:translateY(-2px);box-shadow:var(--hf-shadow-md, 0 6px 16px rgba(0, 0, 0, .12))}.media-pick:focus-visible{outline:none;box-shadow:0 0 0 2px var(--hf-bg, #fff),0 0 0 4px var(--hf-focus, var(--hf-accent, #ff5b2a))}.media-pick[aria-pressed=true]{border-color:var(--hf-accent, #ff5b2a);box-shadow:var(--hf-shadow-md, 0 6px 16px rgba(0, 0, 0, .12)),0 0 0 3px var(--hf-accent-soft, rgba(255, 91, 42, .12))}.media-pick[aria-pressed=true]:after{content:"";position:absolute;inset-block-start:6px;inset-inline-end:6px;inline-size:22px;block-size:22px;border-radius:50%;background:var(--hf-accent, #ff5b2a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat;box-shadow:var(--hf-shadow-sm, 0 1px 0 0 rgba(20, 24, 31, .22))}.media-pick[disabled]{cursor:not-allowed;opacity:.5}.media-pick--stock{border:1.5px dashed var(--hf-border-strong, #d4d4d8)}.media-pick--stock img{filter:saturate(.85);opacity:.92}.media-pick--stock:hover img{filter:saturate(1);opacity:1}.media-pick-src{position:absolute;inset-block-end:5px;inset-inline-start:5px;font-size:9px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:var(--hf-radius-full, 9999px);color:var(--hf-on-accent, #fff);background:#14181f8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.media-grid-chrome{display:flex;align-items:center;gap:var(--hf-space-sm, .75rem);flex-wrap:wrap;margin-block-end:var(--hf-space-md, 1rem)}.media-grid-chrome-spacer{flex:1 1 auto}.media-grid-search{flex:1 1 180px;min-inline-size:0;font:inherit;font-size:var(--hf-font-size-sm, .75rem);color:var(--hf-text, rgba(17, 17, 19, .92));padding:9px 14px;border-radius:var(--hf-radius-full, 9999px);border:1px solid var(--hf-border-strong, #d4d4d8);background:var(--hf-bg-soft, #f6f6f7);transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-grid-search:focus{outline:none;border-color:var(--hf-accent, #ff5b2a);background:var(--hf-bg, #fff);box-shadow:0 0 0 3px var(--hf-accent-soft, rgba(255, 91, 42, .12))}.media-grid-count{font-size:var(--hf-font-size-sm, .75rem);font-weight:700;color:var(--hf-text-secondary, rgba(17, 17, 19, .64));padding:4px 11px;border-radius:var(--hf-radius-full, 9999px);background:var(--hf-bg-soft, #f6f6f7)}.media-grid-strip{display:flex;align-items:center;gap:var(--hf-space-sm, .75rem);flex-wrap:wrap;margin-block-start:var(--hf-space-md, 1rem);padding-block-start:var(--hf-space-sm, .75rem);border-block-start:1px dashed var(--hf-border, #e4e4e7)}.media-grid-empty{display:grid;place-items:center;text-align:center;inline-size:100%;gap:var(--hf-space-xs, .5rem);padding:var(--hf-space-lg, 1.5rem);color:var(--hf-text-muted, rgba(17, 17, 19, .44));font-size:var(--hf-font-size-sm, .75rem)}.media-modal-portal{position:fixed;inset:0;z-index:var(--hf-z-modal, 1000);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:var(--hf-space-lg, 1.5rem)}.media-modal-backdrop{position:absolute;inset:0;border:none;cursor:pointer;background:var(--hf-scrim, rgba(0, 0, 0, .6));backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);animation:media-fade-in-up .2s ease both}.media-modal{position:relative;z-index:1;inline-size:min(640px,100%);max-block-size:100%;display:flex;flex-direction:column;background:var(--hf-bg-elevated, #fff);border:1px solid var(--hf-border, #e4e4e7);border-radius:var(--hf-radius-lg, 14px);box-shadow:var(--hf-shadow-lg, 0 16px 40px rgba(0, 0, 0, .18));animation:media-scale-in .18s ease both}.media-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hf-space-sm, .75rem);padding:var(--hf-space-md, 1rem) var(--hf-space-lg, 1.5rem);border-block-end:1px solid var(--hf-border, #e4e4e7)}.media-modal-title{font-weight:700;font-size:var(--hf-font-size-lg, 1rem);margin:0;color:var(--hf-text, rgba(17, 17, 19, .92))}.media-modal-close{display:grid;place-items:center;inline-size:32px;block-size:32px;border:1px solid var(--hf-border, #e4e4e7);border-radius:var(--hf-radius-full, 9999px);background:var(--hf-bg, #fff);color:var(--hf-text-secondary, rgba(17, 17, 19, .64));cursor:pointer;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-modal-close:hover{color:var(--hf-text, rgba(17, 17, 19, .92));border-color:var(--hf-border-strong, #d4d4d8)}.media-modal-body{padding:var(--hf-space-lg, 1.5rem);overflow-y:auto;flex:1 1 auto}.media-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--hf-space-sm, .75rem);padding:var(--hf-space-md, 1rem) var(--hf-space-lg, 1.5rem);border-block-start:1px solid var(--hf-border, #e4e4e7)}.media-suggestions{display:flex;align-items:center;gap:var(--hf-space-sm, .75rem);flex-wrap:nowrap;overflow:hidden}.media-suggestions-row{display:flex;align-items:center;gap:var(--hf-space-xs, .5rem);flex:0 1 auto;overflow:hidden}.media-suggestion{position:relative;flex:0 0 auto;margin:0;padding:0;border:2px solid transparent;outline:none;inline-size:var(--media-size, 76px);aspect-ratio:4 / 3;border-radius:var(--hf-radius-sm, 6px);overflow:hidden;cursor:pointer;background:var(--hf-bg-soft, #f6f6f7);box-shadow:var(--hf-shadow-sm, 0 1px 0 0 rgba(20, 24, 31, .22));transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-suggestion img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-suggestion:hover{transform:translateY(-2px);box-shadow:var(--hf-shadow-md, 0 6px 16px rgba(0, 0, 0, .12))}.media-suggestion:focus-visible{outline:none;box-shadow:0 0 0 2px var(--hf-bg, #fff),0 0 0 4px var(--hf-focus, var(--hf-accent, #ff5b2a))}.media-suggestion[aria-pressed=true]{border-color:var(--hf-accent, #ff5b2a)}.media-suggestion[aria-pressed=true]:after{content:"";position:absolute;inset-block-start:4px;inset-inline-end:4px;inline-size:16px;block-size:16px;border-radius:50%;background:var(--hf-accent, #ff5b2a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat}.media-suggestions-tail{display:inline-flex;align-items:center;gap:var(--hf-space-sm, .75rem);flex:0 0 auto;margin-inline-start:var(--hf-space-xs, .5rem)}.media-suggestions-dot{color:var(--hf-text-muted, rgba(17, 17, 19, .44))}.media-resting-row{display:flex;align-items:center;gap:var(--hf-space-md, 1rem);flex-wrap:nowrap;overflow:visible}.media-resting-upload{flex:0 0 auto}.media-resting-row .media-suggestions{flex:0 1 auto;min-inline-size:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent)}[dir=rtl] .media-resting-row .media-suggestions{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 22px),transparent)}.media-resting-row .media-resting-browse{margin-inline-start:auto}.media-resting-browse{flex:0 0 auto;padding:0;border:none;background:none;font:inherit;font-size:var(--hf-font-size-sm, .75rem);font-weight:700;color:var(--hf-accent-strong, #e8421a);cursor:pointer}.media-resting-browse:hover{text-decoration:underline}.media-resting-browse:disabled{opacity:.5;cursor:not-allowed}.media-stock-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font:inherit;font-size:var(--hf-font-size-sm, .75rem);font-weight:600;color:var(--hf-text-secondary, rgba(17, 17, 19, .64));cursor:pointer;transition:color var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-stock-link:hover{color:var(--hf-accent-strong, #e8421a)}.media-stock-link:focus-visible{outline:2px solid var(--hf-focus, var(--hf-accent, #ff5b2a));outline-offset:2px;border-radius:var(--hf-radius-sm, 6px);color:var(--hf-accent-strong, #e8421a)}.media-ai-door{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font:inherit;font-size:var(--hf-font-size-sm, .75rem);font-weight:600;color:var(--hf-text-muted, rgba(17, 17, 19, .44));cursor:default}.media-ai-door svg{color:var(--hf-purple, #8b5cf6);opacity:.85}.media-ai-soon{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 6px;border-radius:var(--hf-radius-full, 9999px);color:var(--hf-purple, #8b5cf6);background:var(--hf-purple-soft, rgba(139, 92, 246, .14))}[dir=rtl] .media-arrow{transform:scaleX(-1)}.media-ar--square{aspect-ratio:1 / 1}.media-ar--4x3{aspect-ratio:4 / 3}.media-ar--cover{aspect-ratio:3 / 1;min-block-size:120px}.media-ar--logo{aspect-ratio:4 / 3;border-radius:var(--hf-radius-md, 8px);background:var(--hf-bg-elevated, #fff)}.media-ar--logo img{object-fit:contain;padding:10px;background:var(--hf-bg-elevated, #fff)}.media-ar--logo.media-slot.is-filled:hover img{transform:none}.media-ar--circle{aspect-ratio:1 / 1;border-radius:var(--hf-radius-full, 9999px)}.media-ar--circle.media-slot,.media-ar--circle .media-slot-tag{border-radius:var(--hf-radius-full, 9999px)}@media(hover:none){.media-slot.is-filled .media-slot-scrim{opacity:1}.media-slot.is-filled .media-slot-replace{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.media-slot,.media-slot *,.media-dropzone,.media-pick,.media-suggestion,.media-modal,.media-modal-backdrop{animation-duration:.001ms!important;transition-duration:.001ms!important}}.media-field{display:flex;flex-direction:column;gap:var(--hf-space-3, .75rem);inline-size:100%}.media-field--intake{gap:var(--hf-space-4, 1rem)}.media-drop-surface{position:relative}.media-grid-surface{inline-size:100%}.media-drop-surface[data-drag-over]{outline:2px solid var(--hf-accent, #ff5b2a);outline-offset:4px;border-radius:var(--hf-radius-md, 8px)}.media-drop-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;border-radius:var(--hf-radius-md, 8px);background:var(--hf-accent-soft, rgba(255, 91, 42, .12));backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);animation:media-fade-in-up .14s ease both}.media-drop-overlay-inner{display:inline-flex;align-items:center;gap:var(--hf-space-sm, .75rem);padding:10px 18px;border-radius:var(--hf-radius-full, 9999px);font-weight:700;font-size:var(--hf-font-size-base, .875rem);color:var(--hf-on-accent, #fff);background:var(--hf-accent, #ff5b2a);box-shadow:var(--hf-shadow-md, 0 6px 16px rgba(0, 0, 0, .12))}@media(prefers-reduced-motion:reduce){.media-drop-overlay{animation-duration:.001ms!important}}.media-view-live{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.media-lightbox-nav:focus-visible,.media-lightbox-close:focus-visible,.media-lightbox-action:focus-visible,.media-carousel-nav:focus-visible{outline:2px solid var(--hf-focus, #fff);outline-offset:2px}.media-carousel-open:focus-visible{outline:2px solid var(--hf-focus, var(--hf-accent, #ff5b2a));outline-offset:-2px}.media-carousel-dot:focus-visible,.media-carousel-rail-item:focus-visible,.media-thumbstrip-thumb:focus-visible{outline:2px solid var(--hf-focus, var(--hf-accent, #ff5b2a));outline-offset:2px}.media-lightbox .media-thumbstrip-thumb:focus-visible{outline-color:var(--hf-focus, #fff)}@keyframes media-view-fade{0%{opacity:0}to{opacity:1}}@keyframes media-view-zoom-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.media-lightbox{position:fixed;inset:0;z-index:var(--hf-z-modal, 1000);display:grid;grid-template-rows:auto 1fr auto;background:#080a0eeb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:media-view-fade .2s ease both}.media-lightbox-bar{display:flex;align-items:center;gap:var(--hf-space-sm, .75rem);padding:var(--hf-space-md, 1rem) var(--hf-space-lg, 1.5rem);z-index:3}.media-lightbox-bar-spacer{flex:1 1 auto}.media-lightbox-counter{display:inline-flex;align-items:center;padding:5px 13px;border-radius:var(--hf-radius-full, 9999px);font-size:var(--hf-font-size-sm, .75rem);font-weight:700;letter-spacing:.3px;color:#ffffffeb;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-variant-numeric:tabular-nums}.media-lightbox-actions{display:inline-flex;align-items:center;gap:6px}.media-lightbox-stage{position:relative;display:grid;place-items:center;overflow:hidden;min-block-size:0;padding:var(--hf-space-md, 1rem)}.media-lightbox-figure{position:relative;margin:0;display:grid;place-items:center;max-inline-size:100%;max-block-size:100%}.media-lightbox-img{max-inline-size:100%;max-block-size:100%;object-fit:contain;display:block;border-radius:var(--hf-radius-sm, 6px);box-shadow:0 24px 60px #00000080;animation:media-view-zoom-in .22s ease both;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}.media-lightbox-stage--zoomable .media-lightbox-img{cursor:grab;transform:translate(var(--media-view-tx, 0),var(--media-view-ty, 0)) scale(var(--media-view-scale, 1));transition:transform var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-lightbox-stage--zoomable[data-panning=true] .media-lightbox-img{cursor:grabbing;transition:none}.media-lightbox-nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:4;display:grid;place-items:center;inline-size:48px;block-size:48px;border:1px solid rgba(255,255,255,.2);border-radius:var(--hf-radius-full, 9999px);background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-lightbox-nav:hover{background:#ffffff38;transform:translateY(-50%) scale(1.06)}.media-lightbox-nav:disabled{opacity:.35;cursor:default}.media-lightbox-nav--prev{inset-inline-start:var(--hf-space-md, 1rem)}.media-lightbox-nav--next{inset-inline-end:var(--hf-space-md, 1rem)}[dir=rtl] .media-lightbox-nav svg{transform:scaleX(-1)}.media-lightbox-close{display:grid;place-items:center;inline-size:38px;block-size:38px;border:1px solid rgba(255,255,255,.2);border-radius:var(--hf-radius-full, 9999px);background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-lightbox-close:hover{background:#ffffff38}.media-lightbox-action{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--hf-radius-full, 9999px);background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:inherit;font-size:var(--hf-font-size-sm, .75rem);font-weight:700;color:#fff;text-decoration:none;cursor:pointer;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-lightbox-action:hover{background:#ffffff38}.media-lightbox-action--icon{padding:8px}.media-lightbox-foot{display:flex;flex-direction:column;gap:var(--hf-space-sm, .75rem);padding:var(--hf-space-md, 1rem) var(--hf-space-lg, 1.5rem) var(--hf-space-lg, 1.5rem);z-index:3}.media-lightbox-caption{margin:0;text-align:center;font-size:var(--hf-font-size-sm, .75rem);line-height:1.5;color:#ffffffd1;max-inline-size:70ch;margin-inline:auto}.media-carousel{position:relative;display:flex;flex-direction:column;gap:var(--hf-space-sm, .75rem);inline-size:100%}.media-carousel-stage{position:relative;overflow:hidden;border-radius:var(--hf-radius-md, 10px);background:var(--hf-bg-soft, #f6f6f7);border:1px solid var(--hf-border, #e4e4e7);box-shadow:var(--hf-shadow-sm, 0 1px 0 0 rgba(20, 24, 31, .22))}.media-carousel-stage--16x10{aspect-ratio:16 / 10}.media-carousel-stage--4x3{aspect-ratio:4 / 3}.media-carousel-stage--21x9{aspect-ratio:21 / 9}.media-carousel-track{position:absolute;inset:0}.media-carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity var(--hf-transition-slow, .4s cubic-bezier(.4, 0, .2, 1));pointer-events:none}.media-carousel-slide[data-active=true]{opacity:1;pointer-events:auto}.media-carousel-slide img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-carousel-open{position:absolute;inset:0;margin:0;padding:0;border:none;background:none;cursor:zoom-in}.media-carousel-nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;inline-size:40px;block-size:40px;border:1px solid var(--hf-glass-border, var(--hf-border, #e4e4e7));border-radius:var(--hf-radius-full, 9999px);background:var(--hf-glass-bg, rgba(255, 252, 245, .74));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--hf-text, rgba(17, 17, 19, .92));cursor:pointer;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-carousel-nav:hover{background:var(--hf-bg, #fff);color:var(--hf-accent-strong, #e8421a)}.media-carousel-nav:disabled{opacity:.35;cursor:default}.media-carousel-nav--prev{inset-inline-start:var(--hf-space-sm, .75rem)}.media-carousel-nav--next{inset-inline-end:var(--hf-space-sm, .75rem)}[dir=rtl] .media-carousel-nav svg{transform:scaleX(-1)}.media-carousel-caption{margin:0;font-size:var(--hf-font-size-sm, .75rem);line-height:1.5;color:var(--hf-text-secondary, rgba(17, 17, 19, .64))}.media-carousel-dots{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.media-carousel-dot{inline-size:8px;block-size:8px;padding:0;border:none;border-radius:var(--hf-radius-full, 9999px);background:var(--hf-border-strong, #d4d4d8);cursor:pointer;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-carousel-dot:hover{background:var(--hf-text-muted, rgba(17, 17, 19, .44))}.media-carousel-dot[aria-current=true]{inline-size:22px;background:var(--hf-accent, #ff5b2a)}.media-carousel-rail{display:flex;gap:var(--hf-space-sm, .75rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-block-end:4px}.media-carousel-rail--vertical{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.media-carousel-rail-item{flex:0 0 auto;scroll-snap-align:start;inline-size:var(--media-size, 240px);border-radius:var(--hf-radius-md, 10px);overflow:hidden;border:1px solid var(--hf-border, #e4e4e7);background:var(--hf-bg-soft, #f6f6f7);cursor:pointer;padding:0}.media-carousel-rail-item img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-carousel-rail-item[aria-current=true]{outline:2px solid var(--hf-accent, #ff5b2a);outline-offset:-2px}.media-compare{position:relative;overflow:hidden;border-radius:var(--hf-radius-md, 10px);background:var(--hf-bg-soft, #f6f6f7);border:1px solid var(--hf-border, #e4e4e7);box-shadow:var(--hf-shadow-sm, 0 1px 0 0 rgba(20, 24, 31, .22));-webkit-user-select:none;user-select:none;touch-action:none;inline-size:100%}.media-compare--square{aspect-ratio:1 / 1}.media-compare--4x3{aspect-ratio:4 / 3}.media-compare--cover{aspect-ratio:3 / 1}.media-compare-img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;display:block;pointer-events:none}.media-compare-after{clip-path:inset(0 0 0 var(--media-compare-pos, 50%))}[dir=rtl] .media-compare-after{clip-path:inset(0 var(--media-compare-pos, 50%) 0 0)}.media-compare-handle{position:absolute;inset-block:0;inset-inline-start:var(--media-compare-pos, 50%);inline-size:0;z-index:3;transform:translate(-50%);display:grid;place-items:center;cursor:ew-resize}[dir=rtl] .media-compare-handle{transform:translate(50%)}.media-compare-handle:before{content:"";position:absolute;inset-block:0;inline-size:2px;background:#ffffffeb;box-shadow:0 0 0 1px #14181f4d}.media-compare-grip{position:relative;z-index:1;display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:var(--hf-radius-full, 9999px);background:var(--hf-glass-bg, rgba(255, 252, 245, .9));border:1px solid rgba(255,255,255,.9);box-shadow:var(--hf-shadow-md, 0 6px 16px rgba(0, 0, 0, .12));color:var(--hf-text, rgba(17, 17, 19, .92))}.media-compare:focus-within .media-compare-grip,.media-compare-handle:focus-visible .media-compare-grip{outline:2px solid var(--hf-accent, #ff5b2a);outline-offset:2px}.media-compare-label{position:absolute;inset-block-end:var(--hf-space-sm, .75rem);z-index:4;padding:4px 11px;border-radius:var(--hf-radius-full, 9999px);font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--hf-on-accent, #fff);background:#14181f8c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.media-compare-label--before{inset-inline-start:var(--hf-space-sm, .75rem)}.media-compare-label--after{inset-inline-end:var(--hf-space-sm, .75rem)}.media-thumbstrip{display:flex;align-items:center;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;padding:2px;margin-inline:auto;max-inline-size:100%}.media-thumbstrip--vertical{flex-direction:column;overflow-x:hidden;overflow-y:auto}.media-thumbstrip-thumb{position:relative;flex:0 0 auto;margin:0;padding:0;inline-size:64px;block-size:48px;border:2px solid transparent;border-radius:var(--hf-radius-sm, 6px);overflow:hidden;cursor:pointer;background:var(--hf-bg-soft, #f6f6f7);opacity:.6;transition:var(--hf-transition, .18s cubic-bezier(.4, 0, .2, 1))}.media-thumbstrip-thumb img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-thumbstrip-thumb:hover{opacity:.9}.media-thumbstrip-thumb[aria-current=true]{opacity:1;border-color:var(--hf-accent, #ff5b2a);box-shadow:0 0 0 3px var(--hf-accent-soft, rgba(255, 91, 42, .12))}.media-lightbox .media-thumbstrip-thumb{background:#ffffff14}@media(max-width:640px){.media-lightbox-nav{inline-size:40px;block-size:40px}.media-lightbox-bar,.media-lightbox-foot{padding-inline:var(--hf-space-md, 1rem)}}@media(prefers-reduced-motion:reduce){.media-lightbox,.media-lightbox-img,.media-lightbox-nav,.media-lightbox-stage--zoomable .media-lightbox-img,.media-carousel-slide,.media-carousel-nav,.media-carousel-dot,.media-thumbstrip,.media-thumbstrip-thumb,.media-compare-after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}