.focal-editor[data-v-2fc3ec35]{box-sizing:border-box;background:var(--c-modal-bg, rgba(247, 244, 243, 0.96));border:1px solid var(--c-border-subtle);border-radius:16px;width:360px;max-width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;min-height:0;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;backdrop-filter:blur(20px);box-shadow:0 24px 80px var(--c-shadow-color)}@media (max-width: 640px){.focal-editor[data-v-2fc3ec35]{width:100%;border-radius:18px 18px 0 0;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}}.focal-editor__header[data-v-2fc3ec35]{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:14px 16px 12px;border-bottom:1px solid var(--c-border-subtle);background:var(--c-modal-bg, rgba(247, 244, 243, 0.98))}.focal-editor__body[data-v-2fc3ec35]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px}.focal-editor__footer[data-v-2fc3ec35]{flex:0 0 auto;padding:12px 16px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--c-border-subtle);background:var(--c-modal-bg, rgba(247, 244, 243, 0.98));box-shadow:0 -10px 30px rgba(17, 13, 14, 0.06)}.focal-editor__title[data-v-2fc3ec35]{font-family:'Unbounded', sans-serif;font-size:12px;font-weight:600;color:var(--c-text-primary);display:flex;align-items:center;gap:8px}.focal-editor__tabs[data-v-2fc3ec35]{display:flex;gap:4px;margin-bottom:12px;background:var(--c-bg-card);border-radius:10px;padding:3px}.focal-tab[data-v-2fc3ec35]{flex:1;padding:7px 10px;border:none;border-radius:8px;background:transparent;font-family:'Unbounded', sans-serif;font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--c-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.focal-tab.active[data-v-2fc3ec35],
.focal-tab[aria-selected='true'][data-v-2fc3ec35]{background:var(--c-bg);color:var(--c-text-primary);box-shadow:0 2px 8px var(--c-shadow-color)}.focal-editor__preview-wrap[data-v-2fc3ec35]{margin-bottom:12px;display:flex;justify-content:center}.focal-editor__preview[data-v-2fc3ec35]{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--c-border-subtle);cursor:crosshair;width:100%}.focal-editor__preview--desktop[data-v-2fc3ec35]{aspect-ratio:16/9}.focal-editor__preview--mobile[data-v-2fc3ec35]{aspect-ratio:9/16;width:min(100%, 158px);max-width:158px;max-height:280px;margin:0 auto;flex:0 0 auto}@media (max-width: 640px){.focal-editor__preview--desktop[data-v-2fc3ec35]{aspect-ratio:4/3}.focal-editor__preview--mobile[data-v-2fc3ec35]{aspect-ratio:4/5;width:min(100%, 220px);max-width:220px;max-height:300px}}.focal-editor__img[data-v-2fc3ec35]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:object-position 0.3s ease, transform 0.3s ease;user-select:none;-webkit-user-drag:none;pointer-events:none}.focal-editor__gradient[data-v-2fc3ec35]{position:absolute;inset:0;pointer-events:none;transition:background 0.3s ease}.focal-editor__sample[data-v-2fc3ec35]{position:absolute;left:10px;bottom:8px;margin:0;font-family:'Unbounded', sans-serif;font-size:15px;font-weight:800;letter-spacing:-0.02em;pointer-events:none;transition:color 0.3s ease}.focal-editor__point[data-v-2fc3ec35]{position:absolute;width:18px;height:18px;border:2px solid var(--c-accent);border-radius:50%;background:rgba(239, 62, 86, 0.3);box-shadow:0 0 0 3px rgba(255,255,255,0.6), 0 2px 8px rgba(0,0,0,0.3);transform:translate(-50%, -50%);pointer-events:none;transition:left 0.2s ease, top 0.2s ease}.focal-editor__presets[data-v-2fc3ec35]{display:grid;grid-template-columns:repeat(3, 32px);gap:3px;width:fit-content;margin:0 auto 12px}.focal-preset-btn[data-v-2fc3ec35]{width:32px;height:32px;border:1px solid var(--c-border-subtle);border-radius:7px;background:transparent;color:var(--c-text-dim);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.focal-preset-btn[data-v-2fc3ec35]:hover{border-color:var(--c-border-hover);color:var(--c-text-primary);background:var(--c-bg-card)}.focal-preset-btn[aria-pressed='true'][data-v-2fc3ec35]{border-color:var(--c-accent);color:var(--c-accent);background:rgba(239, 62, 86, 0.08)}.focal-editor__row[data-v-2fc3ec35]{margin-bottom:10px}.focal-editor__label[data-v-2fc3ec35]{display:block;font-family:'Unbounded', sans-serif;font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--c-text-dim);margin-bottom:6px}.focal-editor__hint[data-v-2fc3ec35]{margin-top:6px;color:var(--c-text-dim);font-family:'Inter', sans-serif;font-size:11px;line-height:1.4}.focal-editor__options[data-v-2fc3ec35]{display:flex;flex-wrap:wrap;gap:4px}.focal-option-btn[data-v-2fc3ec35]{flex:1;padding:6px 8px;border:1px solid var(--c-border-subtle);border-radius:8px;background:transparent;font-family:'Inter', sans-serif;font-size:11px;color:var(--c-text-muted);cursor:pointer;text-align:center}.focal-option-btn[data-v-2fc3ec35]:hover{border-color:var(--c-border-hover);color:var(--c-text-primary)}.focal-option-btn[aria-pressed='true'][data-v-2fc3ec35]{border-color:var(--c-accent);color:var(--c-accent);background:rgba(239, 62, 86, 0.08)}.focal-editor__coords[data-v-2fc3ec35]{text-align:center;font-family:'Inter', sans-serif;font-size:11px;color:var(--c-text-dim);margin-bottom:12px;font-variant-numeric:tabular-nums}.framing-modal[data-v-78967ab7]{position:fixed;inset:0;z-index:120;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}.framing-modal__backdrop[data-v-78967ab7]{position:absolute;inset:0;z-index:-1;background:rgba(17, 13, 14, 0.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.framing-modal__panel[data-v-78967ab7]{width:min(380px, 100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;min-height:0}.framing-modal__panel[data-v-78967ab7] .focal-editor{width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.framing-modal-enter-active[data-v-78967ab7],
.framing-modal-leave-active[data-v-78967ab7]{transition:opacity 0.2s ease}.framing-modal-enter-active .framing-modal__panel[data-v-78967ab7],
.framing-modal-leave-active .framing-modal__panel[data-v-78967ab7]{transition:transform 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.framing-modal-enter-from[data-v-78967ab7],
.framing-modal-leave-to[data-v-78967ab7]{opacity:0}.framing-modal-enter-from .framing-modal__panel[data-v-78967ab7],
.framing-modal-leave-to .framing-modal__panel[data-v-78967ab7]{transform:translateY(10px) scale(0.98)}@media (max-width: 640px){.framing-modal[data-v-78967ab7]{align-items:flex-end;padding:max(12px, env(safe-area-inset-top)) 0 0}.framing-modal__panel[data-v-78967ab7]{width:100%;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.framing-modal__panel[data-v-78967ab7] .focal-editor{max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);border-radius:18px 18px 0 0;border-bottom:0}}