.tp-dropdown{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tp-dropdown--loading,.tp-dropdown--error{color:#6b7280;font-size:.875rem;padding:.6rem 0}.tp-dropdown--error{color:#b91c1c}.tp-dropdown__select{flex:1;min-width:220px;padding:.55rem .75rem;font-size:.875rem;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px}.tp-dropdown__select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.tp-dropdown__browse-btn{flex-shrink:0}.tp-dropdown__hint{flex-basis:100%;margin:0;font-size:.75rem;color:#6b7280}.tp-dropdown__hint--logo{margin-top:.375rem;padding-left:.625rem;border-left:2px solid #d1d5db;color:#4b5563}.tp-gallery-modal-overlay{position:fixed;inset:0;background:#11182799;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.tp-gallery-modal{background:#fff;border-radius:14px;width:100%;max-width:1200px;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.tp-gallery-modal__body{flex:1;overflow-y:auto;padding:1.25rem;background:#f9fafb}.tp-picker{width:100%}.tp-picker--loading,.tp-picker--error{display:flex;align-items:center;gap:.5rem;padding:1.5rem;color:#6b7280;font-size:.875rem;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px}.tp-picker--error{color:#b91c1c}.tp-picker__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.875rem}.tp-picker__toolbar-count{margin-left:auto;font-size:.75rem;color:#6b7280;font-variant-numeric:tabular-nums}.tp-filter-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151;font:inherit;font-size:.8125rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tp-filter-pill:hover{border-color:#d1d5db;background:#f9fafb}.tp-filter-pill--active{border-color:#111827;background:#111827;color:#fff}.tp-filter-pill--active:hover{background:#1f2937;border-color:#1f2937}.tp-picker__filter-note{margin:0 0 .875rem;max-width:62ch;font-size:.75rem;line-height:1.5;color:#6b7280}.tp-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tp-card{border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.tp-card--selectable{cursor:pointer}.tp-card--selectable:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #6366f11f}.tp-card--selectable:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.tp-card--selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.tp-card__preview{position:relative;width:100%;height:170px;background:#f3f4f6;overflow:hidden}.tp-card__preview-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.375rem;color:#9ca3af;font-size:.75rem}.tp-card__preview-state--error{color:#b91c1c;flex-direction:column}.tp-card__preview-scale{position:absolute;top:0;left:0;width:1280px;height:900px;transform:scale(.19);transform-origin:top left;pointer-events:none}.tp-card__iframe{width:1280px;height:900px;border:0;display:block}.tp-card__selected-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:999px;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.tp-card__view-btn{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.7rem;font-weight:600;color:#374151;background:#ffffffeb;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;opacity:0;transition:opacity .15s ease}.tp-card__preview:hover .tp-card__view-btn{opacity:1}@media(hover:none){.tp-card__view-btn{opacity:1}}.tp-card__info{padding:.75rem .875rem .875rem}.tp-card__info-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.tp-card__name{font-weight:600;font-size:.875rem;color:#111827}.tp-card__category{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#6366f1;background:#eef2ff;padding:.15rem .45rem;border-radius:999px;white-space:nowrap}.tp-card__description{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0}.tp-modal-overlay{position:fixed;inset:0;background:#11182799;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.tp-modal{background:#fff;border-radius:14px;width:100%;max-width:1100px;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.tp-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.tp-modal__title{font-size:1rem;font-weight:600;color:#111827;margin:0}.tp-modal__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}.tp-modal__open-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tp-modal__open-tab:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#111827}.tp-modal__open-tab:disabled{opacity:.5;cursor:not-allowed}.tp-modal__close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:6px;display:flex}.tp-modal__close:hover{background:#f3f4f6;color:#111827}.tp-modal__body{flex:1;position:relative;background:#f9fafb}.tp-modal__state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-size:.875rem}.tp-modal__state--error{color:#b91c1c}.tp-modal__iframe{width:100%;height:100%;border:0;display:block}.tp-spin{animation:tp-spin .9s linear infinite}@keyframes tp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpf{position:relative;width:100%;overflow:hidden;background:#f3f4f6;border-radius:inherit}.tpf__scale{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none}.tpf__iframe{border:0;display:block;pointer-events:none}.tpf--faded:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(to bottom,#fff0,#ffffffeb);pointer-events:none}.tpf__state{position:absolute;inset:0 0 auto;height:100%;max-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem;text-align:center;color:#9ca3af;font-size:.75rem;background:#f3f4f6}.tpf__state--error{color:#b91c1c;background:#fef2f2}.tpf__state-text{max-width:26ch;line-height:1.35}.tpf__retry{font:inherit;font-size:.7rem;font-weight:600;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:.2rem .6rem;cursor:pointer}.tpf__retry:hover{border-color:#9ca3af;color:#111827}.tp-card__preview--frame{height:auto}.tp-card__preview .tpf{height:auto;border-radius:0}.tp-picker-b{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.25rem;align-items:start}.tp-picker-b__controls{min-width:0}.tp-resident{border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.tp-resident__frame{position:relative;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;min-height:150px}.tp-resident__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;min-height:150px;padding:1rem;text-align:center;color:#9ca3af;font-size:.75rem}.tp-resident__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .125rem .125rem}.tp-resident__caption{display:flex;flex-direction:column;min-width:0}.tp-resident__name{font-size:.8125rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-resident__note{font-size:.6875rem;color:#6b7280}.tp-resident__expand,.tp-confirm__action{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;padding:.3rem .6rem;font:inherit;font-size:.7rem;font-weight:600;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.tp-resident__expand:hover,.tp-confirm__action:hover{border-color:#6366f1;color:#4338ca}@media(max-width:720px){.tp-picker-b{grid-template-columns:minmax(0,1fr)}}.tp-picker__search{display:inline-flex;align-items:center;gap:.4rem;flex:1 1 220px;max-width:340px;padding:.35rem .6rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#9ca3af}.tp-picker__search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.tp-picker__search-input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:.8125rem;color:#111827}.tp-picker__search-clear{display:flex;border:0;background:none;padding:.1rem;color:#6b7280;cursor:pointer;border-radius:999px}.tp-picker__search-clear:hover{color:#111827}.tp-picker__cats{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.875rem}.tp-cat-pill{padding:.25rem .6rem;font:inherit;font-size:.75rem;font-weight:600;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tp-cat-pill:hover{border-color:#d1d5db;background:#f9fafb}.tp-cat-pill--active{border-color:#6366f1;background:#eef2ff;color:#4338ca}.tp-picker__empty{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:2.5rem 1rem;border:1px dashed #e5e7eb;border-radius:12px;background:#f9fafb;color:#6b7280;font-size:.875rem}.tp-picker__empty p{margin:0}.tp-card__video-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.625rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#111827c7;border-radius:999px}.tp-gallery-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1.25rem;border-top:1px solid #e5e7eb;background:#fff}.tp-gallery-modal__selection{display:flex;align-items:center;gap:.625rem;min-width:0}.tp-gallery-modal__selection-thumb{display:block;width:44px;height:58px;flex:none;overflow:hidden;border:1px solid #e5e7eb;border-radius:6px;background:#f3f4f6}.tp-gallery-modal__selection-text{display:flex;flex-direction:column;min-width:0;font-size:.8125rem;color:#111827}.tp-gallery-modal__selection-label{font-size:.6875rem;color:#6b7280}.tp-gallery-modal__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.tp-modal__heading{min-width:0}.tp-modal__subtitle{margin:.15rem 0 0;font-size:.75rem;line-height:1.4;color:#6b7280;max-width:70ch}.tp-modal__stepper{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem;border:1px solid #e5e7eb;border-radius:999px;background:#f9fafb}.tp-modal__step{display:flex;padding:.25rem;border:0;border-radius:999px;background:none;color:#374151;cursor:pointer}.tp-modal__step:hover{background:#e5e7eb;color:#111827}.tp-modal__counter{font-size:.6875rem;color:#6b7280;font-variant-numeric:tabular-nums;padding:0 .15rem}.tp-modal__use{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font:inherit;font-size:.8125rem;font-weight:600;color:#fff;background:#6366f1;border:1px solid #6366f1;border-radius:6px;cursor:pointer}.tp-modal__use:hover{background:#4f46e5;border-color:#4f46e5}.tp-modal__use--selected{color:#4338ca;background:#eef2ff;border-color:#c7d2fe;cursor:default}.tp-modal__hint{margin:0;padding:.5rem 1.25rem;border-top:1px solid #e5e7eb;font-size:.6875rem;color:#6b7280;background:#fff}.tp-confirm{display:flex;align-items:center;gap:.875rem;width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-left:3px solid #6366f1;border-radius:10px;background:#f9fafb}.tp-confirm__thumb{width:68px;height:90px;flex:none;overflow:hidden;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.tp-confirm__body{display:flex;flex-direction:column;min-width:0;gap:.1rem}.tp-confirm__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.tp-confirm__name{font-size:.9375rem;font-weight:700;color:#111827}.tp-confirm__note{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;line-height:1.4}.tp-confirm__note--error{color:#b45309}.tp-confirm__actions{display:flex;align-items:center;gap:.375rem;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}@media(max-width:560px){.tp-confirm{align-items:flex-start}.tp-confirm__actions{margin-left:0;width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.tp-spin{animation:none}}