.layout-editor-page[data-v-9abc9b95]{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.layout-editor-page--home[data-v-9abc9b95]{grid-template-columns:minmax(460px,1fr) minmax(480px,560px)}.layout-editor-page__left[data-v-9abc9b95]{gap:16px;min-width:0;display:grid}.layout-editor-page__template-config[data-v-9abc9b95]{gap:18px;display:grid}.layout-editor-page__template-config[data-v-9abc9b95]>:not(:first-child){border-top:1px dashed #e5e7eb;padding-top:18px}.layout-editor-page__right[data-v-9abc9b95]{z-index:1;align-self:start;min-width:0;position:sticky;top:0}.config-section-card--card[data-v-9abc9b95]{background:#fff;border:1px solid #ebeef5;border-radius:16px;padding:20px 24px;box-shadow:0 8px 24px #0f172a0a}.config-section-card__header[data-v-9abc9b95]{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.config-section-card__title[data-v-9abc9b95]{color:#1f2937;margin:0;font-size:16px;font-weight:600}.config-section-card__description[data-v-9abc9b95]{color:#86909c;margin:6px 0 0;font-size:13px;line-height:20px}.theme-grid[data-v-9abc9b95],.package-grid[data-v-9abc9b95],.page-selector[data-v-9abc9b95]{grid-template-columns:repeat(auto-fill,minmax(168px,168px));justify-content:flex-start;gap:10px;display:grid}.theme-option[data-v-9abc9b95]{cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;transition:all .2s;display:flex}.theme-option[data-v-9abc9b95]:hover{background:#fdfefe;border-color:#409eff;box-shadow:0 10px 24px #94a3b81f}.theme-option.active[data-v-9abc9b95]{background:linear-gradient(#f8fbff,#eef6ff);border-color:#2563eb;transform:translateY(-1px);box-shadow:0 0 0 2px #2563eb2e,0 14px 30px #2563eb29}.theme-option__swatch[data-v-9abc9b95]{border:2px solid #fff;border-radius:9px;flex-shrink:0;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #0f172a14,0 0 0 1px #94a3b852,0 6px 14px #0f172a1f}.theme-option__accent[data-v-9abc9b95]{border-style:solid;border-width:0 0 16px 16px;border-radius:0 0 8px;width:0;height:0;position:absolute;bottom:0;right:0;border-top-color:#0000!important;border-left-color:#0000!important}.theme-option__content[data-v-9abc9b95]{color:#1f2937;flex:1;align-items:center;display:flex}.theme-option__content strong[data-v-9abc9b95]{font-size:12px}.theme-option.active .theme-option__content strong[data-v-9abc9b95]{color:#1d4ed8}.package-card[data-v-9abc9b95],.page-selector__card[data-v-9abc9b95]{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;gap:4px;min-height:72px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative}.page-selector__card[data-v-9abc9b95]{gap:8px;min-height:96px;padding:12px}.package-card[data-v-9abc9b95]:hover,.page-selector__card[data-v-9abc9b95]:hover{background:#fff;border-color:#409eff;box-shadow:0 10px 24px #94a3b81f}.package-card.active[data-v-9abc9b95],.page-selector__card.active[data-v-9abc9b95]{background:linear-gradient(#f8fbff,#eef6ff);border-color:#2563eb;box-shadow:0 0 0 2px #2563eb29,0 12px 28px #2563eb24}.package-card strong[data-v-9abc9b95],.page-selector__title-row strong[data-v-9abc9b95]{color:#1f2937;font-size:13px;font-weight:600}.page-selector__card.active .page-selector__title-row strong[data-v-9abc9b95]{color:#1d4ed8}.package-card span[data-v-9abc9b95]:last-child,.page-selector__card p[data-v-9abc9b95]{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:16px;display:-webkit-box;overflow:hidden}.layout-preset-grid[data-v-9abc9b95]{grid-template-columns:repeat(auto-fill,minmax(180px,180px));justify-content:flex-start;gap:12px;display:grid}.layout-preset-card[data-v-9abc9b95]{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;gap:10px;width:100%;padding:12px;transition:all .2s;display:grid}.layout-preset-card[data-v-9abc9b95]:hover{background:#fcfdff;border-color:#60a5fa;box-shadow:0 12px 30px #94a3b81f}.layout-preset-card.active[data-v-9abc9b95]{background:linear-gradient(#f8fbff,#eef6ff);border-color:#2563eb;transform:translateY(-1px);box-shadow:0 0 0 2px #2563eb24,0 16px 32px #2563eb24}.layout-preset-card__preview[data-v-9abc9b95]{background:linear-gradient(#fff,#f8fbff);border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;min-height:214px;padding:6px;display:flex}.layout-preset-card__image[data-v-9abc9b95]{width:126px;max-width:100%;height:auto;display:block}.layout-preset-card__blank[data-v-9abc9b95],.layout-preset-card__empty[data-v-9abc9b95]{color:#475569;border-radius:22px;place-items:center;width:126px;height:240px;display:grid}.layout-preset-card__blank[data-v-9abc9b95]{background:linear-gradient(#2563eb14,#2563eb05),repeating-linear-gradient(#94a3b82e,#94a3b82e 1px,#0000 1px 24px);border:1px dashed #3b82f657}.layout-preset-card__blank span[data-v-9abc9b95]{font-size:14px;font-weight:600}.layout-preset-card__blank small[data-v-9abc9b95]{color:#64748b;font-size:12px}.layout-preset-card__content[data-v-9abc9b95]{gap:6px;display:grid}.layout-preset-card__title strong[data-v-9abc9b95]{color:#1f2937;font-size:14px}.layout-preset-card.active .layout-preset-card__title strong[data-v-9abc9b95]{color:#1d4ed8}.layout-preset-card__content p[data-v-9abc9b95]{color:#64748b;margin:0;font-size:12px;line-height:18px}.layout-preset__custom-tag[data-v-9abc9b95]{color:#1d4ed8;white-space:nowrap;background:#2563eb1a;border:1px solid #2563eb2e;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.composer-panel[data-v-9abc9b95]{--composer-library-card-bg:#fff;--composer-library-card-border:#e5e7eb;--composer-library-card-hover-border:#f9a8d4;--composer-library-card-hover-shadow:0 10px 24px #ec48991f;--composer-library-card-active-bg:#fff;--composer-library-card-active-border:#ec4899;--composer-library-card-active-ring:#ec489938;--composer-library-card-active-glow:#ec48992e;--composer-library-card-active-overlay:linear-gradient(180deg, #ec48990f, #ec489903);--composer-library-thumb-bg:#fff;--composer-library-empty-bg:#f8fafc;--composer-library-empty-color:#64748b;--composer-library-check-bg:linear-gradient(180deg, #ec4899 0%, #db2777 100%);--composer-library-check-color:#fff;--composer-library-check-ring:#fff;min-height:auto}.composer-library[data-v-9abc9b95]{gap:20px;display:grid}.composer-library__group[data-v-9abc9b95]{gap:12px;display:grid}.composer-library__group-header[data-v-9abc9b95]{align-items:center;gap:8px;display:flex}.composer-library__group-header strong[data-v-9abc9b95]{color:#334155;font-size:13px}.composer-library__group-folder[data-v-9abc9b95]{color:#94a3b8;font-size:12px}.composer-library__grid[data-v-9abc9b95]{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:10px;display:grid}.composer-library__item[data-v-9abc9b95]{background:var(--composer-library-card-bg);border:1px solid var(--composer-library-card-border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:118px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.composer-library__item[data-v-9abc9b95]:hover{border-color:var(--composer-library-card-hover-border);box-shadow:var(--composer-library-card-hover-shadow);transform:translateY(-1px)}.composer-library__item.active[data-v-9abc9b95]{background:var(--composer-library-card-active-bg);border-color:var(--composer-library-card-active-border);box-shadow:0 0 0 3px var(--composer-library-card-active-ring), 0 16px 34px var(--composer-library-card-active-glow)}.composer-library__item.active[data-v-9abc9b95]:before{content:"";background:var(--composer-library-card-active-overlay);pointer-events:none;position:absolute;inset:0}.composer-library__item.active[data-v-9abc9b95]:after{content:"✓";width:18px;height:18px;color:var(--composer-library-check-color);background:var(--composer-library-check-bg);box-shadow:0 0 0 2px var(--composer-library-check-ring), 0 8px 18px var(--composer-library-card-active-glow);pointer-events:none;z-index:2;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.composer-library__thumb[data-v-9abc9b95]{background:var(--composer-library-thumb-bg);justify-content:center;align-items:center;width:100%;min-height:116px;display:flex;overflow:hidden}.composer-library__image[data-v-9abc9b95]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.composer-library__empty[data-v-9abc9b95]{width:100%;height:100%;min-height:116px;color:var(--composer-library-empty-color);text-align:center;background:var(--composer-library-empty-bg);place-items:center;padding:12px;font-size:12px;display:grid}.composer-panel--canvas[data-v-9abc9b95]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;grid-template-rows:auto auto;width:100%;min-height:auto;display:grid;overflow:visible}.composer-panel__header[data-v-9abc9b95]{background:linear-gradient(#fff,#f8fbff);border-bottom:1px solid #e5e7eb;gap:12px;padding:16px 18px;display:grid}.composer-panel__header-main[data-v-9abc9b95]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.composer-panel__header h4[data-v-9abc9b95]{color:#1f2937;margin:0;font-size:15px;font-weight:600}.composer-panel__header p[data-v-9abc9b95]{color:#64748b;margin:6px 0 0;font-size:12px;line-height:18px}.composer-panel__meta[data-v-9abc9b95]{color:#1d4ed8;white-space:nowrap;background:#2563eb1a;border:1px solid #2563eb2e;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.composer-panel__actions[data-v-9abc9b95]{gap:8px;display:inline-flex}.composer-panel__mode[data-v-9abc9b95]{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;min-height:30px;padding:0 12px;font-size:12px;transition:color .18s,border-color .18s,background .18s,box-shadow .18s}.composer-panel__mode.active[data-v-9abc9b95]{color:#1d4ed8;background:#eff6fff5;border-color:#3b82f642;box-shadow:0 8px 18px #3b82f61a}.phone-stage[data-v-9abc9b95]{box-sizing:border-box;background:radial-gradient(circle at 50% 0,#60a5fa33,#0000 36%),radial-gradient(circle at 50% 100%,#94a3b814,#0000 44%),linear-gradient(#edf3ff,#f8fafc);justify-content:center;align-items:flex-start;min-height:0;padding:24px 20px 40px;display:flex;overflow:visible}.phone-stage__viewport[data-v-9abc9b95]{flex:none;position:relative}.phone-shell[data-v-9abc9b95]{background:#111827;border:10px solid #111827;border-radius:36px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 44px #4c1d952e}.phone-preset-preview[data-v-9abc9b95]{z-index:1;background:#f4f4f5;border-radius:26px;flex:1;min-height:0;position:relative;overflow:auto}.phone-preset-preview__img[data-v-9abc9b95]{width:100%;height:auto;display:block}.phone-preset-preview__hint[data-v-9abc9b95]{color:#1d4ed8;text-align:center;background:#eff6fff2;border-top:1px solid #3b82f62e;padding:8px 10px;font-size:11px;line-height:16px;position:sticky;bottom:0;left:0;right:0}.phone-grid[data-v-9abc9b95]{z-index:1;background:#f4f4f5;border-radius:26px;flex:1;width:100%;min-height:0;padding-top:8px;padding-bottom:20px;position:relative;overflow:auto}.phone-grid--dark[data-v-9abc9b95]{background:#0b0b0f}.phone-grid--dark .phone-grid__thumb-empty[data-v-9abc9b95],.phone-grid--dark .phone-grid__empty[data-v-9abc9b95]{color:#ffffffb8}.phone-grid__page-tint[data-v-9abc9b95]{opacity:.22;pointer-events:none;z-index:0;border-radius:26px 26px 0 0;height:120px;position:absolute;top:0;left:0;right:0}.phone-grid__item[data-v-9abc9b95]{z-index:2;cursor:grab;position:absolute}.phone-grid:not(.phone-grid--preview) .phone-grid__item[data-v-9abc9b95]:after{content:"";box-sizing:border-box;pointer-events:none;border:1px dashed #7dd3fcad;position:absolute;inset:0}.phone-grid:not(.phone-grid--preview) .phone-grid__item.selected[data-v-9abc9b95]:after{border-color:#93c5fdeb}.phone-grid__thumb[data-v-9abc9b95]{background:0 0;width:100%;height:100%;overflow:hidden}.phone-grid__thumb-image[data-v-9abc9b95]{-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top;width:100%;height:100%;display:block}.phone-grid__thumb-empty[data-v-9abc9b95]{color:#64748b;background:#fffffff0;border-radius:10px;place-items:center;width:100%;height:100%;display:grid}.phone-grid__remove[data-v-9abc9b95]{z-index:3;color:#f97316;cursor:pointer;opacity:0;background:#fffffffa;border:1px solid #f973162e;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;line-height:1;transition:opacity .18s;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 6px 14px #0f172a14}.phone-grid__item:hover .phone-grid__remove[data-v-9abc9b95]{opacity:1}.phone-grid--preview .phone-grid__remove[data-v-9abc9b95],.phone-grid--preview .phone-grid__sort[data-v-9abc9b95]{display:none}.phone-grid__sort[data-v-9abc9b95]{z-index:3;opacity:0;flex-direction:column;gap:2px;display:flex;position:absolute;top:8px;left:8px}.phone-grid__item:hover .phone-grid__sort[data-v-9abc9b95]{opacity:1}.phone-grid__sort button[data-v-9abc9b95]{color:#fff;cursor:pointer;background:#0f172a8c;border:none;border-radius:4px;width:18px;height:16px;font-size:10px}.phone-grid__sort button[data-v-9abc9b95]:disabled{opacity:.35}.phone-grid__empty[data-v-9abc9b95]{z-index:2;color:#64748b;text-align:center;background:#fffffff0;border:1px dashed #3b82f647;border-radius:18px;gap:6px;width:calc(100% - 48px);padding:20px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #94a3b824}.phone-grid__empty strong[data-v-9abc9b95]{color:#334155;font-size:14px}.fixed-banner[data-v-9abc9b95]{color:#fff;border-radius:12px;flex-direction:column;gap:8px;margin-top:4px;padding:18px;display:flex}.fixed-banner strong[data-v-9abc9b95]{font-size:16px}.fixed-banner span[data-v-9abc9b95]{opacity:.92;font-size:12px;line-height:1.5}@media (width<=1680px){.layout-editor-page--home[data-v-9abc9b95]{grid-template-columns:minmax(420px,1fr) minmax(456px,528px)}.composer-library__grid[data-v-9abc9b95]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1440px){.layout-editor-page[data-v-9abc9b95],.layout-editor-page--home[data-v-9abc9b95]{grid-template-columns:1fr}.layout-editor-page__right[data-v-9abc9b95]{position:static}}