.modal-backdrop.svelte-11mtik6{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:svelte-11mtik6-fadeIn .2s ease}@keyframes svelte-11mtik6-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-11mtik6{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:svelte-11mtik6-slideUp .3s ease}@keyframes svelte-11mtik6-slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close.svelte-11mtik6{position:absolute;top:15px;left:15px;background:transparent;border:none;font-size:24px;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close.svelte-11mtik6:hover{background:#f5f5f5;color:#333}.modal-header.svelte-11mtik6{padding:30px 30px 20px;text-align:center;border-bottom:1px solid #eee}.modal-header.svelte-11mtik6 h3:where(.svelte-11mtik6){margin:0 0 10px;font-size:20px;font-weight:600;color:#333}.model-name.svelte-11mtik6{margin:0;font-size:16px;color:#0674ec;font-weight:500}.modal-body.svelte-11mtik6{padding:25px 30px 30px;display:flex;flex-direction:column;gap:15px}.view-option.svelte-11mtik6{display:grid;grid-template-columns:50px 1fr 30px;grid-template-rows:auto auto;gap:8px 12px;align-items:center;padding:20px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:right}.view-option.svelte-11mtik6:hover{border-color:#0674ec;background:#0674ec08;transform:translateY(-2px);box-shadow:0 4px 12px #0674ec26}.option-icon.svelte-11mtik6{grid-row:1 / 3;grid-column:3;font-size:32px;color:#0674ec}.option-title.svelte-11mtik6{grid-row:1;grid-column:2;font-size:18px;font-weight:600;color:#333}.option-desc.svelte-11mtik6{grid-row:2;grid-column:2;font-size:13px;color:#666}.option-arrow.svelte-11mtik6{grid-row:1 / 3;grid-column:1;font-size:20px;color:#999;transition:all .3s ease}.view-option.svelte-11mtik6:hover .option-arrow:where(.svelte-11mtik6){color:#0674ec;transform:translate(-5px)}.catalog-option.svelte-11mtik6:hover .option-icon:where(.svelte-11mtik6){color:#2ecc71}.catalog-option.svelte-11mtik6:hover{border-color:#2ecc71;background:#2ecc7108;box-shadow:0 4px 12px #2ecc7126}.catalog-option.svelte-11mtik6:hover .option-arrow:where(.svelte-11mtik6){color:#2ecc71}@media(max-width:576px){.modal-content.svelte-11mtik6{max-width:100%;margin:20px}.modal-header.svelte-11mtik6{padding:25px 20px 15px}.modal-header.svelte-11mtik6 h3:where(.svelte-11mtik6){font-size:18px}.modal-body.svelte-11mtik6{padding:20px}.view-option.svelte-11mtik6{padding:15px}.option-icon.svelte-11mtik6{font-size:28px}.option-title.svelte-11mtik6{font-size:16px}.option-desc.svelte-11mtik6{font-size:12px}}