.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-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__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:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.tp-modal__title{font-size:1rem;font-weight:600;color:#111827;margin:0}.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)}}