@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.cdnfonts.com/css/thegoodmonolith";@import"https://fonts.cdnfonts.com/css/pp-neue-montreal";.zine-preview[data-v-b75d98e8]{display:flex;flex-direction:column;gap:20px}.preview-container[data-v-b75d98e8]{background:var(--muted);border-radius:12px;padding:40px;display:flex;align-items:center;justify-content:center;min-height:240px;border:1px solid var(--border)}.compact .preview-container[data-v-b75d98e8]{padding:20px;min-height:160px}.preview-wrapper[data-v-b75d98e8],.preview-pages[data-v-b75d98e8]{position:relative;display:flex;align-items:center;justify-content:center}.preview-pages.flat-binding[data-v-b75d98e8]{gap:12px}.spread-ruler[data-v-b75d98e8]{position:absolute;bottom:-35px;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;z-index:10}.compact .spread-ruler[data-v-b75d98e8]{bottom:-30px}.spread-ruler-line[data-v-b75d98e8]{width:50%;height:1px;background:#ef4444;position:relative}.preview-pages.flat-binding .spread-ruler-line[data-v-b75d98e8]{width:100%}.spread-ruler-line[data-v-b75d98e8]:before,.spread-ruler-line[data-v-b75d98e8]:after{content:"";position:absolute;width:1px;height:8px;background:#ef4444;top:-4px}.compact .spread-ruler-line[data-v-b75d98e8]:before,.compact .spread-ruler-line[data-v-b75d98e8]:after{height:6px;top:-3px}.spread-ruler-line[data-v-b75d98e8]:before{left:0}.spread-ruler-line[data-v-b75d98e8]:after{right:0}.spread-ruler-label[data-v-b75d98e8]{font-size:11px;font-weight:600;color:#ef4444;background:var(--muted);padding:2px 8px;border-radius:4px;white-space:nowrap}.compact .spread-ruler-label[data-v-b75d98e8]{font-size:10px;padding:2px 6px}.preview-page[data-v-b75d98e8]{background:#fff;box-shadow:0 8px 24px #00000026;border-radius:4px;position:relative;transition:all .3s ease}.preview-bleed[data-v-b75d98e8]{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px dashed rgba(239,68,68,.4);border-radius:6px;pointer-events:none;background:#ef44440d}.preview-margin[data-v-b75d98e8]{position:absolute;border:2px dashed rgba(59,130,246,.4);border-radius:2px;pointer-events:none;background:#3b82f60d}.preview-fold[data-v-b75d98e8]{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 10%,rgba(0,0,0,.2) 90%,transparent 100%);transform:translate(-50%)}.ruler[data-v-b75d98e8]{position:absolute;display:flex;align-items:center;justify-content:center}.ruler-horizontal[data-v-b75d98e8]{top:-24px;left:0;right:0;height:18px;flex-direction:column}.compact .ruler-horizontal[data-v-b75d98e8]{top:-20px;height:16px}.ruler-vertical[data-v-b75d98e8]{right:-24px;top:0;bottom:0;width:18px;flex-direction:row}.compact .ruler-vertical[data-v-b75d98e8]{right:-20px;width:16px}.ruler-line[data-v-b75d98e8]{background:var(--border);position:absolute}.ruler-horizontal .ruler-line[data-v-b75d98e8]{width:100%;height:1px;top:50%}.ruler-horizontal .ruler-line[data-v-b75d98e8]:before,.ruler-horizontal .ruler-line[data-v-b75d98e8]:after{content:"";position:absolute;width:1px;height:8px;background:var(--border);top:-4px}.compact .ruler-horizontal .ruler-line[data-v-b75d98e8]:before,.compact .ruler-horizontal .ruler-line[data-v-b75d98e8]:after{height:6px;top:-3px}.ruler-horizontal .ruler-line[data-v-b75d98e8]:before{left:0}.ruler-horizontal .ruler-line[data-v-b75d98e8]:after{right:0}.ruler-vertical .ruler-line[data-v-b75d98e8]{height:100%;width:1px;left:50%}.ruler-vertical .ruler-line[data-v-b75d98e8]:before,.ruler-vertical .ruler-line[data-v-b75d98e8]:after{content:"";position:absolute;height:1px;width:8px;background:var(--border);left:-4px}.compact .ruler-vertical .ruler-line[data-v-b75d98e8]:before,.compact .ruler-vertical .ruler-line[data-v-b75d98e8]:after{width:6px;left:-3px}.ruler-vertical .ruler-line[data-v-b75d98e8]:before{top:0}.ruler-vertical .ruler-line[data-v-b75d98e8]:after{bottom:0}.ruler-label[data-v-b75d98e8]{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--muted);padding:2px 8px;border-radius:4px;white-space:nowrap;z-index:1}.compact .ruler-label[data-v-b75d98e8]{padding:2px 6px}.ruler-horizontal .ruler-label[data-v-b75d98e8]{margin-bottom:2px}.ruler-vertical .ruler-label[data-v-b75d98e8]{writing-mode:vertical-rl;transform:rotate(180deg);margin-left:2px}.preview-info[data-v-b75d98e8]{display:flex;flex-direction:column;gap:8px;background:var(--muted);padding:16px;border-radius:8px;border:1px solid var(--border)}.compact .preview-info[data-v-b75d98e8]{padding:10px;gap:6px}.info-item[data-v-b75d98e8]{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-item .label[data-v-b75d98e8]{color:var(--text-muted);font-weight:500}.info-item .value[data-v-b75d98e8]{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.modal-overlay[data-v-83870938]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-83870938 .2s ease}@keyframes fadeIn-83870938{0%{opacity:0}to{opacity:1}}.modal[data-v-83870938]{background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border-radius:20px;padding:40px;width:90%;max-width:540px;box-shadow:var(--shadow-lg),inset 0 1px #fff3;animation:modalSlideUp-83870938 .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);position:relative}.modal-with-preview[data-v-83870938]{max-width:1000px;display:grid;grid-template-columns:1fr 380px;gap:40px;padding:40px}.modal[data-v-83870938]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes modalSlideUp-83870938{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2[data-v-83870938]{margin-bottom:12px;color:var(--text-strong);font-size:28px;font-weight:700;letter-spacing:-.02em}.modal-description[data-v-83870938]{margin-bottom:28px;color:var(--text-muted);font-size:14px;line-height:1.6}.form-group[data-v-83870938]{margin-bottom:20px}.form-group label[data-v-83870938]{display:block;margin-bottom:10px;color:var(--text);font-weight:600;font-size:14px}.percentage-hint[data-v-83870938]{font-weight:500;color:var(--accent);font-size:13px;margin-left:8px}.form-group input[data-v-83870938],.form-group select[data-v-83870938]{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:12px;font-size:14px;background:var(--muted);color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input[data-v-83870938]:focus,.form-group select[data-v-83870938]:focus{outline:none;border-color:var(--accent);background:var(--panel-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.form-group small[data-v-83870938]{display:block;margin-top:6px;color:var(--text-muted);font-size:12px;line-height:1.5}.form-group .info-text[data-v-83870938]{background:color-mix(in srgb,var(--accent) 10%,transparent);border-left:3px solid var(--accent);padding:8px 12px;border-radius:6px;margin-top:8px}.form-group .info-text strong[data-v-83870938]{color:var(--text);font-weight:600}.dimension-inputs[data-v-83870938]{display:flex;align-items:center;gap:8px}.dimension-inputs input[data-v-83870938]{flex:1}.dimension-inputs select[data-v-83870938]{width:80px}.dimension-inputs span[data-v-83870938]{color:#6b7280;font-weight:500}.radio-group[data-v-83870938]{display:flex;flex-direction:column;gap:10px}.radio-option[data-v-83870938]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--muted);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.radio-option[data-v-83870938]:hover{border-color:var(--accent);background:var(--panel-bg)}.radio-option input[type=radio][data-v-83870938]{width:auto;margin:0;cursor:pointer}.radio-option input[type=radio]:checked+span[data-v-83870938]{color:var(--text-strong);font-weight:600}.radio-option span[data-v-83870938]{color:var(--text);font-size:14px}.checkbox-label[data-v-83870938]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--muted);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.checkbox-label[data-v-83870938]:hover{border-color:var(--accent);background:var(--panel-bg)}.checkbox-label input[type=checkbox][data-v-83870938]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--accent)}.checkbox-label span[data-v-83870938]{color:var(--text);font-size:14px;font-weight:500}.preset-grid[data-v-83870938]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preset-chip[data-v-83870938]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 16px;border:2px solid var(--border);border-radius:12px;background:var(--panel-bg);cursor:pointer;transition:all .2s ease}.preset-chip[data-v-83870938]:hover{border-color:var(--accent);background:var(--muted);transform:translateY(-2px)}.preset-chip[data-v-83870938]:active{transform:translateY(0)}.preset-chip.active[data-v-83870938]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.preset-name[data-v-83870938]{font-size:14px;font-weight:600;color:var(--text)}.preset-size[data-v-83870938]{font-size:12px;color:var(--text-muted);font-weight:500}.modal-actions[data-v-83870938]{display:flex;justify-content:flex-end;gap:12px}.modal-actions .btn[data-v-83870938]{padding:14px 32px;font-size:15px;font-weight:600}.preview-panel[data-v-83870938]{display:flex;flex-direction:column;gap:20px}.preview-panel .form-group[data-v-83870938]{margin-bottom:0}.preview-panel .form-group label[data-v-83870938]{font-size:13px;margin-bottom:8px}.preview-panel .radio-option[data-v-83870938]{padding:10px 14px}.preview-panel .radio-option span[data-v-83870938]{font-size:13px}.preview-panel small[data-v-83870938]{font-size:11px;margin-top:4px}.preview-panel .btn-outline[data-v-83870938]{padding:8px 12px;font-size:12px}.preview-panel h3[data-v-83870938]{font-size:18px;font-weight:700;color:var(--text-strong);margin:0 0 20px}@media (max-width: 1024px){.modal-with-preview[data-v-83870938]{grid-template-columns:1fr;max-width:540px}.preview-panel[data-v-83870938]{order:-1}}.mobile-wizard-overlay[data-v-51389667]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:2000;display:flex;flex-direction:column}.mobile-wizard[data-v-51389667]{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto}.wizard-progress[data-v-51389667]{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.progress-dot[data-v-51389667]{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .3s ease}.progress-dot.active[data-v-51389667]{width:24px;border-radius:4px;background:var(--accent)}.progress-dot.completed[data-v-51389667]{background:var(--accent);opacity:.5}.wizard-content[data-v-51389667]{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:16px}.preview-section[data-v-51389667]{flex:1;display:flex;flex-direction:column;padding-top:16px;border-top:1px solid var(--border);min-height:0}.wizard-step[data-v-51389667]{flex:1;display:flex;flex-direction:column;animation:slideIn-51389667 .3s ease}@keyframes slideIn-51389667{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wizard-step h2[data-v-51389667]{font-size:24px;font-weight:700;color:var(--text-strong);margin:0 0 6px}.step-description[data-v-51389667]{font-size:13px;color:var(--text-muted);margin:0 0 16px}.form-section[data-v-51389667]{margin-bottom:16px}.section-label[data-v-51389667]{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.form-group[data-v-51389667]{margin-bottom:20px}.form-group label[data-v-51389667]{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.form-group input[data-v-51389667],.form-group select[data-v-51389667]{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:12px;font-size:16px;background:var(--muted);color:var(--text);transition:all .2s ease}.form-group input[data-v-51389667]:focus,.form-group select[data-v-51389667]:focus{outline:none;border-color:var(--accent);background:var(--panel-bg)}.input-large[data-v-51389667]{font-size:18px!important;padding:16px!important}.form-group small[data-v-51389667]{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.preset-grid[data-v-51389667]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preset-btn[data-v-51389667]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;background:var(--muted);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.preset-btn[data-v-51389667]:active{transform:scale(.98)}.preset-btn.active[data-v-51389667]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.preset-name[data-v-51389667]{font-size:13px;font-weight:600;color:var(--text)}.preset-size[data-v-51389667]{font-size:11px;color:var(--text-muted)}.custom-dimensions[data-v-51389667]{margin-top:20px}.custom-dimensions label[data-v-51389667]{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.dimension-inputs[data-v-51389667]{display:flex;align-items:center;gap:8px}.dimension-inputs input[data-v-51389667]{flex:1;min-width:0;padding:12px 10px;border:2px solid var(--border);border-radius:12px;font-size:16px;background:var(--muted);color:var(--text);transition:all .2s ease}.dimension-inputs input[data-v-51389667]:focus{outline:none;border-color:var(--accent);background:var(--panel-bg)}.dimension-inputs select[data-v-51389667]{width:70px;padding:12px 8px;border:2px solid var(--border);border-radius:12px;font-size:16px;background:var(--muted);color:var(--text);transition:all .2s ease;cursor:pointer}.dimension-inputs select[data-v-51389667]:focus{outline:none;border-color:var(--accent);background:var(--panel-bg)}.dimension-inputs span[data-v-51389667]{color:var(--text-muted);font-weight:500}.binding-options[data-v-51389667]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.binding-btn[data-v-51389667]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:var(--muted);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.binding-btn[data-v-51389667]:active{transform:scale(.98)}.binding-btn.active[data-v-51389667]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.binding-icon[data-v-51389667]{font-size:24px}.binding-info[data-v-51389667]{display:flex;flex-direction:column;align-items:center;gap:2px}.binding-name[data-v-51389667]{font-size:13px;font-weight:600;color:var(--text)}.binding-desc[data-v-51389667]{font-size:11px;color:var(--text-muted)}.config-summary[data-v-51389667]{background:var(--muted);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.summary-item[data-v-51389667]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.summary-item .label[data-v-51389667]{color:var(--text-muted);font-weight:500}.summary-item .value[data-v-51389667]{color:var(--text);font-weight:600}.wizard-nav[data-v-51389667]{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--border);margin-top:auto}.wizard-nav .btn[data-v-51389667]{flex:1;padding:16px;font-size:16px;font-weight:600;border-radius:12px;transition:all .2s ease}.wizard-nav .btn[data-v-51389667]:active{transform:scale(.98)}.wizard-nav .btn[data-v-51389667]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-cae6438f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn-cae6438f .2s ease}@keyframes fadeIn-cae6438f{0%{opacity:0}to{opacity:1}}.modal[data-v-cae6438f]{background:var(--panel-bg);border-radius:20px;padding:48px;width:90%;max-width:480px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border);position:relative;animation:slideUp-cae6438f .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp-cae6438f{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn[data-v-cae6438f]{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:8px;border:none;background:var(--muted);color:var(--text-muted);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-cae6438f]:hover{background:var(--border);color:var(--text)}h2[data-v-cae6438f]{margin-bottom:8px;color:var(--text-strong);font-size:28px;font-weight:700;text-align:center}.subtitle[data-v-cae6438f]{margin-bottom:32px;color:var(--text-muted);text-align:center;font-size:15px}.login-options[data-v-cae6438f]{display:flex;flex-direction:column;gap:24px}.google-btn[data-v-cae6438f]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-weight:600;color:#333;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.google-btn[data-v-cae6438f]:hover:not(:disabled){background:#f8f8f8;border-color:#d0d0d0;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.google-btn[data-v-cae6438f]:disabled{opacity:.6;cursor:not-allowed}.google-icon[data-v-cae6438f]{width:24px;height:24px}.dev-info[data-v-cae6438f]{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--accent);border-radius:12px;padding:16px;text-align:center}.dev-info p[data-v-cae6438f]{margin:4px 0;color:var(--text)}.dev-info .small[data-v-cae6438f]{font-size:13px;color:var(--text-muted)}.features[data-v-cae6438f]{background:var(--muted);border-radius:12px;padding:20px}.features h3[data-v-cae6438f]{margin-bottom:12px;font-size:16px;font-weight:600;color:var(--text)}.features ul[data-v-cae6438f]{list-style:none;padding:0;margin:0}.features li[data-v-cae6438f]{margin-bottom:8px;color:var(--text-muted);font-size:14px;line-height:1.5}.privacy[data-v-cae6438f]{margin-top:24px;text-align:center;font-size:12px;color:var(--text-muted)}.privacy a[data-v-cae6438f]{color:var(--accent);text-decoration:none}.privacy a[data-v-cae6438f]:hover{text-decoration:underline}.user-profile[data-v-10f3e334]{position:relative}.login-btn[data-v-10f3e334]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.login-btn[data-v-10f3e334]:hover{background:color-mix(in srgb,var(--accent) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-btn .icon[data-v-10f3e334]{font-size:18px}.user-menu[data-v-10f3e334]{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--muted);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.user-menu[data-v-10f3e334]:hover{background:var(--border)}.user-avatar[data-v-10f3e334]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,purple));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.user-avatar.temp-user[data-v-10f3e334]{background:linear-gradient(135deg,#f59e0b,#ef4444);position:relative}.user-avatar.temp-user[data-v-10f3e334]:after{content:"🔧";position:absolute;bottom:-2px;right:-2px;font-size:12px;background:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.user-info[data-v-10f3e334]{display:flex;flex-direction:column;gap:2px}.user-name[data-v-10f3e334]{font-size:14px;font-weight:600;color:var(--text)}.user-role[data-v-10f3e334]{font-size:11px;color:var(--text-muted);text-transform:capitalize}.dropdown-icon[data-v-10f3e334]{font-size:10px;color:var(--text-muted);transition:transform .2s}.user-menu:hover .dropdown-icon[data-v-10f3e334]{transform:translateY(2px)}.dropdown-menu[data-v-10f3e334]{width:280px;background:var(--panel-bg-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 32px #0003,0 0 0 1px #0000000d;padding:16px;z-index:99998;animation:menuSlideDown-10f3e334 .2s cubic-bezier(.4,0,.2,1);color:var(--text)}@keyframes menuSlideDown-10f3e334{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header[data-v-10f3e334]{display:flex;gap:12px;margin-bottom:12px}.avatar-large[data-v-10f3e334]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,purple));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.avatar-large.temp-user[data-v-10f3e334]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.user-details[data-v-10f3e334]{flex:1;min-width:0}.user-details .name[data-v-10f3e334]{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details .email[data-v-10f3e334]{font-size:12px;color:var(--text-muted);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge[data-v-10f3e334]{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.dev-badge[data-v-10f3e334]{background:color-mix(in srgb,#f59e0b 20%,transparent);color:#f59e0b}.admin-badge[data-v-10f3e334]{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.menu-divider[data-v-10f3e334]{height:1px;background:var(--border);margin:12px 0}.menu-items[data-v-10f3e334]{display:flex;flex-direction:column;gap:4px}.menu-item[data-v-10f3e334]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s;width:100%;text-align:left}.menu-item[data-v-10f3e334]:hover{background:var(--muted)}.menu-item.logout[data-v-10f3e334]{color:#ef4444}.menu-item.logout[data-v-10f3e334]:hover{background:color-mix(in srgb,#ef4444 10%,transparent)}.item-icon[data-v-10f3e334]{font-size:16px;width:20px;text-align:center}.count[data-v-10f3e334]{margin-left:auto;background:var(--muted);padding:2px 8px;border-radius:12px;font-size:12px;color:var(--text-muted)}.dropdown-menu{font-family:inherit}.dropdown-menu .menu-item:hover{background:var(--muted)}.dropdown-menu .menu-item.logout:hover{background:color-mix(in srgb,#ef4444 10%,transparent)}.modal-overlay[data-v-b601a535]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-container[data-v-b601a535]{background:var(--panel-bg-solid);border-radius:16px;box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-b601a535]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2[data-v-b601a535]{margin:0;font-size:24px;font-weight:700;color:var(--text)}.close-btn[data-v-b601a535]{width:32px;height:32px;border:none;background:var(--muted);color:var(--text);border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn[data-v-b601a535]:hover{background:var(--danger);color:#fff}.modal-body[data-v-b601a535]{padding:24px;overflow-y:auto}.form-group[data-v-b601a535]{margin-bottom:20px}.thumbnail-upload[data-v-b601a535]{display:flex;flex-direction:column;gap:8px}.thumbnail-upload .btn[data-v-b601a535]{align-self:flex-start}.thumbnail-name[data-v-b601a535]{font-size:13px;color:var(--text-muted);font-style:italic}.help-text[data-v-b601a535]{font-size:12px;color:var(--text-muted);margin:4px 0 0}.form-group label[data-v-b601a535]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text)}.form-group input[data-v-b601a535],.form-group textarea[data-v-b601a535],.form-group select[data-v-b601a535]{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s}.form-group input[data-v-b601a535]:focus,.form-group textarea[data-v-b601a535]:focus,.form-group select[data-v-b601a535]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.form-group textarea[data-v-b601a535]{resize:vertical;min-height:80px}.form-row[data-v-b601a535]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-grid[data-v-b601a535]{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:var(--muted);border-radius:8px}.info-item[data-v-b601a535]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-b601a535]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-b601a535]{font-size:14px;font-weight:600;color:var(--text)}.modal-actions[data-v-b601a535]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.modal-fade-enter-active[data-v-b601a535],.modal-fade-leave-active[data-v-b601a535]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-b601a535],.modal-fade-leave-to[data-v-b601a535]{opacity:0}.modal-fade-enter-active .modal-container[data-v-b601a535],.modal-fade-leave-active .modal-container[data-v-b601a535]{transition:transform .3s ease}.modal-fade-enter-from .modal-container[data-v-b601a535],.modal-fade-leave-to .modal-container[data-v-b601a535]{transform:scale(.9)}.header[data-v-09c12def]{height:72px;background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:1px solid var(--border-light);border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;margin:16px 16px 0;flex-shrink:0;box-shadow:var(--shadow-panel);transition:background var(--transition),border-color var(--transition);position:relative;z-index:10}.header[data-v-09c12def]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none}.header-left[data-v-09c12def]{display:flex;align-items:center;gap:20px}.back-btn[data-v-09c12def]{border:1px solid var(--border);background:var(--panel-bg);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.back-btn[data-v-09c12def]:hover{color:var(--text);border-color:var(--accent);transform:translate(-3px)}.breadcrumb-container[data-v-09c12def]{display:flex;align-items:center;gap:12px}.header-left h1[data-v-09c12def]{font-size:22px;font-weight:700;color:var(--text-strong);letter-spacing:-.02em;transition:color var(--transition);margin:0}.breadcrumbs[data-v-09c12def]{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;background:var(--muted);border-radius:8px;border:1px solid var(--border)}.breadcrumb-item[data-v-09c12def]{display:flex;align-items:center;gap:6px}.breadcrumb-separator[data-v-09c12def]{color:var(--text-muted);font-weight:300;opacity:.5}.breadcrumb-text[data-v-09c12def]{color:var(--text);font-weight:600}.zine-info[data-v-09c12def]{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px;font-weight:500;padding:6px 14px;background:var(--muted);border-radius:20px;transition:all var(--transition)}.separator[data-v-09c12def]{color:var(--border)}.unsaved-indicator[data-v-09c12def]{display:flex;align-items:center;gap:8px;margin-left:12px;padding:6px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;position:relative}.unsaved-pulse[data-v-09c12def]{position:absolute;left:8px;width:8px;height:8px;background:#f59e0b;border-radius:50%;animation:pulse-ring-09c12def 2s cubic-bezier(.4,0,.6,1) infinite}.unsaved-text[data-v-09c12def]{color:#f59e0b;font-weight:600;font-size:13px;margin-left:8px}@keyframes pulse-ring-09c12def{0%{box-shadow:0 0 #f59e0bb3}50%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.saved-indicator[data-v-09c12def]{display:flex;align-items:center;gap:6px;margin-left:12px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;animation:fadeIn-09c12def .3s ease-in-out}.saved-checkmark[data-v-09c12def]{color:#10b981;font-weight:700;font-size:14px}.saved-text[data-v-09c12def]{color:#10b981;font-weight:600;font-size:13px}@keyframes fadeIn-09c12def{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-right[data-v-09c12def]{display:flex;gap:12px;align-items:center}.btn[data-v-09c12def]:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.toggles[data-v-09c12def]{display:flex;gap:12px;align-items:center;margin-right:8px}.switch[data-v-09c12def]{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.switch input[data-v-09c12def]{display:none}.switch .slider[data-v-09c12def]{width:40px;height:22px;background:var(--border);border-radius:999px;position:relative;transition:background .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000001a}.switch .slider[data-v-09c12def]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--panel-bg);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000026}.switch input:checked+.slider[data-v-09c12def]{background:var(--accent)}.switch input:checked+.slider[data-v-09c12def]:after{transform:translate(18px)}.switch .label[data-v-09c12def]{font-size:12px;font-weight:500;color:var(--text-muted);transition:color var(--transition)}.btn-icon[data-v-09c12def]{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--muted);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s ease}.btn-icon[data-v-09c12def]:hover:not(:disabled){background:var(--border);transform:translateY(-1px)}.btn-icon[data-v-09c12def]:active:not(:disabled){transform:translateY(0)}.btn-icon[data-v-09c12def]:disabled{opacity:.4;cursor:not-allowed}.theme-toggle[data-v-09c12def]{position:relative}.theme-toggle svg[data-v-09c12def]{transition:all .3s ease}.theme-toggle:hover:not(:disabled) svg[data-v-09c12def]{transform:rotate(20deg) scale(1.1)}.media-panel[data-v-223a7e80]{width:300px;background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:1px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;box-shadow:var(--shadow-panel);transition:width .3s cubic-bezier(.4,0,.2,1),background var(--transition),border-color var(--transition);position:relative;overflow:hidden}.media-panel.collapsed[data-v-223a7e80]{width:62px}.panel-content[data-v-223a7e80]{display:flex;flex-direction:column;flex:1;min-height:0}.media-panel[data-v-223a7e80]:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.panel-header[data-v-223a7e80]{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition);flex-shrink:0}.panel-header h3[data-v-223a7e80]{flex:1;font-size:15px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em;transition:color var(--transition)}.collapse-btn[data-v-223a7e80]{background:transparent;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s;position:relative;z-index:10}.collapse-btn[data-v-223a7e80]:hover{background:var(--muted);color:var(--text);transform:scale(1.05)}.collapsed-sidebar[data-v-223a7e80]{display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden}.expand-btn[data-v-223a7e80]{background:transparent;border:none;width:48px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border)}.expand-btn[data-v-223a7e80]:hover{background:var(--muted);color:var(--accent)}.collapsed-content[data-v-223a7e80]{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;padding:8px 0}.collapsed-section[data-v-223a7e80]{margin-bottom:16px}.collapsed-section-label[data-v-223a7e80]{font-size:9px;font-weight:700;color:var(--text-muted);text-align:center;padding:10px 0;letter-spacing:.05em;margin-bottom:6px}.collapsed-item[data-v-223a7e80]{width:36px;height:36px;margin:0 auto 12px;border-radius:6px;overflow:hidden;cursor:grab;transition:all .15s;border:1px solid var(--border);background:var(--panel-bg-solid)}.collapsed-item[data-v-223a7e80]:hover{transform:scale(1.05);border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.collapsed-item[data-v-223a7e80]:active{cursor:grabbing;transform:scale(.95)}.collapsed-item img[data-v-223a7e80]{width:100%;height:100%;object-fit:cover;pointer-events:none}.collapsed-item.collapsed-text[data-v-223a7e80]{display:flex;align-items:center;justify-content:center;background:var(--muted)}.collapsed-item.collapsed-text span[data-v-223a7e80]{color:var(--text);-webkit-user-select:none;user-select:none}.section[data-v-223a7e80]{border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex:1;min-height:0;transition:flex .3s cubic-bezier(.4,0,.2,1)}.section.section-expanded[data-v-223a7e80]{flex:3}.section[data-v-223a7e80]:last-child{border-bottom:none}.section-header[data-v-223a7e80]{padding:12px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;flex-shrink:0}.section-header[data-v-223a7e80]:hover{background:var(--muted)}.section-header h4[data-v-223a7e80]{flex:1;font-size:13px;font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.chevron[data-v-223a7e80]{color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1);transform:rotate(-90deg)}.chevron.expanded[data-v-223a7e80]{transform:rotate(0)}.btn-icon[data-v-223a7e80]{background:transparent;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s}.btn-icon[data-v-223a7e80]:hover{background:var(--panel-bg-solid);color:var(--accent);transform:scale(1.1)}.demo-badge[data-v-223a7e80]{display:inline-flex;align-items:center;padding:4px 8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;cursor:help}.demo-info[data-v-223a7e80]{display:flex;align-items:center;gap:10px;padding:12px 20px;background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg));border-left:3px solid var(--accent);margin:0 20px 10px;border-radius:6px}.demo-icon[data-v-223a7e80]{font-size:18px;flex-shrink:0}.demo-info p[data-v-223a7e80]{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.section-content[data-v-223a7e80]{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.media-grid[data-v-223a7e80]{overflow-y:visible;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-content:start}.media-item[data-v-223a7e80]{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:grab;background:var(--panel-bg-solid);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease;box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a;border:2px solid var(--border)}.media-item.in-use[data-v-223a7e80]{border-color:#10b981;box-shadow:0 0 0 3px #10b98126,var(--shadow-sm),inset 0 1px #ffffff1a}.usage-badge[data-v-223a7e80]{position:absolute;top:8px;right:8px;background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px;box-shadow:0 2px 8px #10b98166;z-index:10;pointer-events:none}.media-item[data-v-223a7e80]:active{cursor:grabbing;transform:scale(.95) rotate(2deg)}.media-item[data-v-223a7e80]:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-md)}.media-item img[data-v-223a7e80]{width:100%;height:100%;object-fit:cover;pointer-events:none}.media-overlay[data-v-223a7e80]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.media-item:hover .media-overlay[data-v-223a7e80]{opacity:1}.fill-slots-btn[data-v-223a7e80],.delete-btn[data-v-223a7e80]{background:var(--panel-bg);color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d}.fill-slots-btn[data-v-223a7e80]{background:var(--accent)}.fill-slots-btn[data-v-223a7e80]:hover{background:var(--accent-strong);transform:scale(1.1)}.delete-btn[data-v-223a7e80]{background:var(--danger)}.delete-btn[data-v-223a7e80]:hover{background:var(--danger-strong);transform:scale(1.1)}.media-name[data-v-223a7e80]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:8px 10px 6px;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);text-align:center}.empty-state .hint[data-v-223a7e80]{font-size:13px;color:var(--text-muted);opacity:.8}.empty-state-enhanced[data-v-223a7e80]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 48px 60px;min-height:320px;border:2px dashed var(--border);border-radius:16px;margin:16px;background:var(--muted);transition:all .3s ease;max-width:100%}.empty-state-enhanced.dragging-over[data-v-223a7e80]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--muted));transform:scale(1.02)}.empty-icon[data-v-223a7e80]{margin-bottom:24px;color:var(--text-muted);opacity:.4}.empty-icon svg[data-v-223a7e80]{width:56px;height:56px}.empty-state-enhanced h4[data-v-223a7e80]{font-size:17px;font-weight:600;color:var(--text);margin:0 0 8px}.empty-description[data-v-223a7e80]{font-size:14px;color:var(--text-muted);margin:0 0 28px;text-align:center;line-height:1.5;max-width:280px}.btn-upload-large[data-v-223a7e80]{display:flex;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.btn-upload-large svg[data-v-223a7e80]{flex-shrink:0}.empty-formats[data-v-223a7e80]{font-size:12px;color:var(--text-muted);padding:8px 16px;background:var(--panel-bg);border-radius:8px;margin-bottom:20px;font-weight:500}.empty-drag-hint[data-v-223a7e80]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);opacity:.5;margin-top:4px}.empty-drag-hint svg[data-v-223a7e80]{opacity:.5}.btn-add-image[data-v-223a7e80]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-image[data-v-223a7e80]:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 90%,black);transform:translateY(-1px)}.btn-add-image[data-v-223a7e80]:active:not(:disabled){transform:translateY(0)}.btn-add-image[data-v-223a7e80]:disabled{opacity:.6;cursor:not-allowed}.btn-add-image svg[data-v-223a7e80]{flex-shrink:0}.elements-grid[data-v-223a7e80]{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.element-item[data-v-223a7e80]{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:10px;padding:16px 12px;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.element-item[data-v-223a7e80]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.element-item[data-v-223a7e80]:active{cursor:grabbing;transform:scale(.98)}.element-preview[data-v-223a7e80]{width:100%;height:60px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:6px;color:var(--text)}.element-name[data-v-223a7e80]{font-size:11px;font-weight:500;color:var(--text-muted);text-align:center}.spinner[data-v-223a7e80]{animation:spin-223a7e80 1s linear infinite}@keyframes spin-223a7e80{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-icon[data-v-223a7e80]:disabled{opacity:.5;cursor:not-allowed}.media-item.uploading[data-v-223a7e80]{cursor:not-allowed;position:relative}.upload-overlay[data-v-223a7e80]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0003;pointer-events:none}.spinner-small[data-v-223a7e80]{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-223a7e80 .8s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.upload-progress-ring[data-v-223a7e80]{position:relative;width:40px;height:40px}.upload-progress-ring svg[data-v-223a7e80]{transform:rotate(-90deg)}.progress-circle[data-v-223a7e80]{transition:stroke-dashoffset .3s ease}.upload-percent[data-v-223a7e80]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media (max-width: 768px){.media-panel[data-v-223a7e80]{width:100%;border:none;border-radius:0}.media-panel.collapsed[data-v-223a7e80]{display:none}.panel-header[data-v-223a7e80]{padding:16px}.panel-header h3[data-v-223a7e80]{font-size:16px}.collapse-btn[data-v-223a7e80]{display:none}.media-grid[data-v-223a7e80]{grid-template-columns:repeat(3,1fr);gap:8px}.elements-grid[data-v-223a7e80]{grid-template-columns:repeat(3,1fr);gap:12px}.section-content[data-v-223a7e80]{padding:12px}}.text-toolbar[data-v-9cd39197]{position:fixed;background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-xl),inset 0 1px #fff3;z-index:1000;display:flex;gap:20px;flex-wrap:wrap;max-width:900px;animation:slideIn-9cd39197 .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn-9cd39197{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toolbar-section[data-v-9cd39197]{display:flex;flex-direction:column;gap:6px}.toolbar-label[data-v-9cd39197]{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.toolbar-select[data-v-9cd39197],.toolbar-input[data-v-9cd39197]{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg-solid);color:var(--text);font-size:13px;transition:all .2s;box-shadow:var(--shadow-sm)}.toolbar-select[data-v-9cd39197]:focus,.toolbar-input[data-v-9cd39197]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a,var(--shadow-sm)}.toolbar-input[data-v-9cd39197]{width:70px}.font-select[data-v-9cd39197]{min-width:200px}.button-group[data-v-9cd39197]{display:flex;gap:4px}.layer-button-group[data-v-9cd39197]{display:flex;gap:6px}.layer-btn-minimal[data-v-9cd39197]{background:#fffffff2;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:300;line-height:1;color:#1a1d23;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.layer-btn-minimal[data-v-9cd39197]:hover{background:#fff;box-shadow:0 4px 12px #0003,0 2px 4px #00000026;transform:translateY(-1px)}.layer-btn-minimal[data-v-9cd39197]:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.icon-btn[data-v-9cd39197]{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--muted);cursor:pointer;font-size:14px;transition:all .2s}.icon-btn[data-v-9cd39197]:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.icon-btn.active[data-v-9cd39197]{background:var(--accent);border-color:var(--accent);color:#fff}.rotate-control[data-v-9cd39197]{display:flex;align-items:center;gap:4px}.rotation-input[data-v-9cd39197]{width:60px}.unit-label[data-v-9cd39197]{font-size:13px;color:var(--text-muted);font-weight:500}.color-input[data-v-9cd39197]{width:50px;height:32px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--muted)}.toolbar-divider[data-v-9cd39197]{width:1px;background:var(--border);margin:0 8px}.preset-buttons[data-v-9cd39197]{display:flex;gap:6px;flex-wrap:wrap}.preset-btn[data-v-9cd39197]{padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--muted);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.preset-btn[data-v-9cd39197]:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.floating-text-box[data-v-4dd52610]{position:absolute;border:1px dashed rgba(var(--border-rgb, 220, 224, 230),.3);cursor:move;transition:border-color .2s,border-width .2s;min-width:50px;min-height:30px;user-select:none;-webkit-user-select:none}.floating-text-box[data-v-4dd52610]:hover,.floating-text-box.selected[data-v-4dd52610]{border:2px dashed var(--border);border-color:var(--accent)}.floating-text-box.locked[data-v-4dd52610]{border:1px solid rgba(var(--border-rgb, 220, 224, 230),.3);cursor:default}.floating-text-box.editing[data-v-4dd52610]{border-color:var(--accent);border-style:solid;cursor:default}.export-mode .export-hide[data-v-4dd52610]{display:none!important}.export-mode .floating-text-box[data-v-4dd52610]{border:none!important}.text-display[data-v-4dd52610]{width:100%;height:100%;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;pointer-events:none}.text-editor[data-v-4dd52610]{width:100%;height:100%;border:none;outline:none;resize:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit;color:inherit;padding:inherit;user-select:text;-webkit-user-select:text}.resize-handles[data-v-4dd52610]{pointer-events:none}.resize-handle[data-v-4dd52610]{position:absolute;width:10px;height:10px;background:var(--accent);border:1.5px solid white;border-radius:50%;pointer-events:all;z-index:10;opacity:.6;transition:opacity .2s,width .2s,height .2s}.floating-text-box:hover .resize-handle[data-v-4dd52610],.floating-text-box.selected .resize-handle[data-v-4dd52610]{width:12px;height:12px;opacity:1}.resize-handle.nw[data-v-4dd52610]{top:-6px;left:-6px;cursor:nw-resize}.resize-handle.ne[data-v-4dd52610]{top:-6px;right:-6px;cursor:ne-resize}.resize-handle.sw[data-v-4dd52610]{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle.se[data-v-4dd52610]{bottom:-6px;right:-6px;cursor:se-resize}.rotate-handle[data-v-4dd52610]{position:absolute;top:-32px;left:50%;transform:translate(-50%);width:24px;height:24px;background:var(--accent);border:1.5px solid white;border-radius:50%;pointer-events:all;cursor:grab;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00000026;transition:all .2s;z-index:10;opacity:.6}.floating-text-box:hover .rotate-handle[data-v-4dd52610],.floating-text-box.selected .rotate-handle[data-v-4dd52610]{width:28px;height:28px;opacity:1}.rotate-handle[data-v-4dd52610]:hover{transform:translate(-50%) scale(1.15);box-shadow:0 4px 12px #00000040}.rotate-handle[data-v-4dd52610]:active{cursor:grabbing;transform:translate(-50%) scale(1.05)}.text-controls[data-v-4dd52610]{position:absolute;top:-40px;right:0;display:flex;gap:4px}.control-btn[data-v-4dd52610]{padding:6px 10px;background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-btn[data-v-4dd52610]:hover{background:var(--accent);transform:scale(1.1)}.control-btn.delete[data-v-4dd52610]:hover{background:var(--danger)}.slide-up-enter-active[data-v-e872447d]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.slide-up-leave-active[data-v-e872447d]{transition:all .2s cubic-bezier(.4,0,1,1)}.slide-up-enter-from[data-v-e872447d]{opacity:0;transform:translateY(20px)}.slide-up-leave-to[data-v-e872447d]{opacity:0;transform:translateY(10px)}.context-menu[data-v-e872447d]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:auto;max-width:calc(100vw - 48px);height:64px;background:var(--panel-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border);border-radius:32px;box-shadow:0 8px 32px #00000029,0 0 0 1px #ffffff1a inset;z-index:1000;display:flex;flex-direction:row;overflow:visible;padding:0 8px}.menu-header[data-v-e872447d]{padding:0 12px 0 8px;border-right:1px solid var(--border);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:100%}.header-content[data-v-e872447d]{display:flex;align-items:center;gap:6px;min-width:0}.header-icon[data-v-e872447d]{font-size:18px;line-height:1;flex-shrink:0}.header-text[data-v-e872447d]{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-header h3[data-v-e872447d]{font-size:13px;font-weight:600;margin:0;color:var(--text);line-height:1;white-space:nowrap}.element-location[data-v-e872447d]{font-size:10px;color:var(--text-muted);margin:0;line-height:1.2;white-space:nowrap}.menu-body[data-v-e872447d]{flex:1;overflow-x:auto;overflow-y:visible;padding:0 8px;display:flex;gap:4px;align-items:center;height:100%}.control-row[data-v-e872447d]{display:flex;gap:4px;padding:0;background:transparent;border-radius:0;flex-shrink:0;height:100%;align-items:center}.icon-btn[data-v-e872447d]{flex:0 0 auto;background:transparent;border:none;height:48px;width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.icon-btn[data-v-e872447d]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--muted);opacity:0;transition:opacity .15s}.icon-btn[data-v-e872447d]:hover:before{opacity:1}.icon-btn[data-v-e872447d]:hover{color:var(--accent);transform:translateY(-1px)}.icon-btn[data-v-e872447d]:active{transform:translateY(0) scale(.96)}.icon-btn.danger[data-v-e872447d]:hover{color:var(--danger)}.icon-btn.delete-circle[data-v-e872447d]{background:#ef4444;border-radius:50%;width:48px;height:48px;flex:0 0 48px}.icon-btn.delete-circle[data-v-e872447d]:before{display:none}.icon-btn.delete-circle[data-v-e872447d]:hover{background:#dc2626;color:#fff;transform:translateY(-1px) scale(1.05)}.icon-btn.delete-circle svg[data-v-e872447d]{stroke:#fff}.color-picker-inline[data-v-e872447d]{width:48px;height:48px;border:2px solid var(--border);border-radius:50%;cursor:pointer;background:transparent;padding:0;overflow:hidden;flex:0 0 48px;transition:all .15s}.color-picker-inline[data-v-e872447d]:hover{transform:scale(1.05);border-color:var(--accent)}.color-picker-inline[data-v-e872447d]::-webkit-color-swatch-wrapper{padding:0}.color-picker-inline[data-v-e872447d]::-webkit-color-swatch{border:none;border-radius:50%}.color-picker-inline[data-v-e872447d]::-moz-color-swatch{border:none;border-radius:50%}.icon-btn svg[data-v-e872447d]{position:relative;z-index:1}.menu-section[data-v-e872447d]{padding:0;flex-shrink:0;display:flex;flex-direction:row;gap:4px;align-items:center;height:100%;overflow:visible}.section-label[data-v-e872447d]{display:none}.menu-divider[data-v-e872447d]{width:1px;height:32px;background:var(--border);margin:0 8px;opacity:.3;flex-shrink:0;align-self:center}.layer-controls[data-v-e872447d]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layer-btn[data-v-e872447d]{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.layer-btn[data-v-e872447d]:hover{background:var(--muted);border-color:var(--accent);transform:translateY(-1px)}.layer-btn .icon[data-v-e872447d]{font-size:16px}.layer-btn .label[data-v-e872447d]{font-size:13px;font-weight:500}.fit-toggle-group[data-v-e872447d]{display:flex;gap:2px;padding:3px;background:var(--muted);border-radius:24px;height:48px}.fit-btn[data-v-e872447d]{flex:1;background:transparent;border:none;border-radius:20px;padding:0 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);color:var(--text);white-space:nowrap;height:42px;display:flex;align-items:center;justify-content:center}.fit-btn[data-v-e872447d]:hover{background:#ffffff80}.fit-btn.active[data-v-e872447d]{background:var(--panel-bg-solid);color:var(--accent);box-shadow:0 1px 3px #0000001a}.position-controls[data-v-e872447d]{padding:4px 0}.position-grid[data-v-e872447d]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:100px;margin:0 auto}.arrow-btn[data-v-e872447d],.reset-btn[data-v-e872447d]{width:30px;height:30px;background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--text)}.arrow-btn[data-v-e872447d]:hover,.reset-btn[data-v-e872447d]:hover{background:var(--bg);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.arrow-btn[data-v-e872447d]:active,.reset-btn[data-v-e872447d]:active{transform:translateY(0) scale(.95)}.reset-btn[data-v-e872447d]{background:var(--bg)}.reset-btn[data-v-e872447d]:hover{background:var(--panel-bg-solid);transform:scale(1.02)}.color-control[data-v-e872447d]{display:flex;align-items:center;gap:8px}.color-picker[data-v-e872447d]{flex:1;height:40px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.clear-btn[data-v-e872447d]{background:var(--muted);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer;transition:all .2s}.clear-btn[data-v-e872447d]:hover{background:var(--danger);border-color:var(--danger);color:#fff}.slider-control[data-v-e872447d]{display:flex;align-items:center;gap:8px;height:100%}.slider[data-v-e872447d]{flex:1;height:6px;border-radius:3px;background:var(--muted);outline:none;cursor:pointer;min-width:120px}.slider[data-v-e872447d]::-webkit-slider-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.value[data-v-e872447d]{font-size:13px;font-weight:600;min-width:45px;color:var(--text)}.custom-font-dropdown[data-v-e872447d]{position:relative}.font-dropdown-trigger[data-v-e872447d]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:15px;cursor:pointer;transition:all .2s;text-align:left;display:flex;justify-content:space-between;align-items:center}.font-dropdown-trigger[data-v-e872447d]:hover{border-color:var(--accent)}.dropdown-arrow[data-v-e872447d]{font-size:10px;opacity:.5}.font-dropdown-menu[data-v-e872447d]{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0003;max-height:400px;overflow-y:auto;z-index:1000;padding:8px}.font-category[data-v-e872447d]{margin-bottom:12px}.font-category[data-v-e872447d]:last-child{margin-bottom:0}.category-label[data-v-e872447d]{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;margin-bottom:4px}.font-option[data-v-e872447d]{width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text);font-size:16px;cursor:pointer;text-align:left;border-radius:6px;transition:all .15s;display:block}.font-option[data-v-e872447d]:hover{background:var(--accent);color:#fff}.font-option.active[data-v-e872447d]{background:#6366f11a;color:var(--accent);font-weight:500}.select-input[data-v-e872447d]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;cursor:pointer;transition:all .2s}.select-input[data-v-e872447d]:focus{outline:none;border-color:var(--accent)}.input-group[data-v-e872447d]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.number-input[data-v-e872447d]{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg-solid);color:var(--text);font-size:13px;transition:all .2s}.number-input[data-v-e872447d]:focus{outline:none;border-color:var(--accent)}.text-input[data-v-e872447d]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg-solid);color:var(--text);font-size:13px;font-family:inherit;resize:vertical;min-height:60px;transition:all .2s}.text-input[data-v-e872447d]:focus{outline:none;border-color:var(--accent)}.text-input[data-v-e872447d]::placeholder{color:var(--text-muted)}.align-group[data-v-e872447d]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.align-btn[data-v-e872447d]{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:16px;cursor:pointer;transition:all .2s}.align-btn[data-v-e872447d]:hover{background:var(--muted)}.align-btn.active[data-v-e872447d]{background:var(--accent);border-color:var(--accent);color:#fff}.color-row[data-v-e872447d]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-item[data-v-e872447d]{display:flex;flex-direction:column;gap:6px}.color-item label[data-v-e872447d]{font-size:11px;font-weight:500;color:var(--text-muted)}.color-picker-small[data-v-e872447d]{height:36px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.image-suggestions[data-v-e872447d]{display:flex;gap:4px;margin:0;flex-wrap:nowrap;overflow:visible;height:100%;align-items:center}.suggestion-card[data-v-e872447d]{border:2px solid var(--border);border-radius:50%;overflow:visible;cursor:pointer;background:var(--muted);padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;width:48px;height:48px;flex-shrink:0}.suggestion-card[data-v-e872447d]:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 4px 12px #6366f133;z-index:1}.suggestion-preview[data-v-e872447d]{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-12px);width:200px;height:200px;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0000004d;border:2px solid var(--accent);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;background:var(--panel-bg)}.suggestion-card:hover .suggestion-preview[data-v-e872447d]{opacity:1}.suggestion-preview img[data-v-e872447d]{width:100%;height:100%;object-fit:cover;display:block}.suggestion-card>img[data-v-e872447d]{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.suggestion-hint[data-v-e872447d]{display:none}.lock-btn[data-v-e872447d]{width:100%;background:transparent;border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--text);font-weight:500;transition:all .2s}.lock-btn[data-v-e872447d]:hover{background:var(--muted);border-color:var(--accent)}.lock-btn .icon[data-v-e872447d]{font-size:16px}.delete-btn[data-v-e872447d]{width:100%;background:transparent;border:1px solid var(--danger);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--danger);font-weight:500;transition:all .2s}.delete-btn[data-v-e872447d]:hover{background:var(--danger);color:#fff}.delete-btn .icon[data-v-e872447d]{font-size:16px}.margin-override[data-v-e872447d]{display:flex;flex-direction:column;gap:10px}.checkbox-label[data-v-e872447d]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text)}.checkbox-label input[type=checkbox][data-v-e872447d]{cursor:pointer}.margin-input-group[data-v-e872447d]{display:flex;align-items:center;gap:8px}.margin-input-group .number-input[data-v-e872447d]{flex:1}.margin-input-group .unit[data-v-e872447d]{font-size:12px;color:var(--text-muted);font-weight:500}.hint[data-v-e872447d]{font-size:11px;color:var(--text-muted);font-style:italic;display:block;margin-top:4px}@media (max-width: 768px){.context-menu[data-v-e872447d]{display:none}}.page-settings[data-v-eb5fa8ee]{width:100%;display:flex;flex-direction:column;height:100%}.settings-container[data-v-eb5fa8ee]{flex:1;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-content:start;overflow-y:auto}.settings-section[data-v-eb5fa8ee]{display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--muted);border-radius:12px;border:1px solid var(--border-light)}.section-title[data-v-eb5fa8ee]{font-size:14px;font-weight:700;color:var(--text-strong);margin:0;padding-bottom:12px;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.print-area-row[data-v-eb5fa8ee]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-group[data-v-eb5fa8ee]{display:flex;flex-direction:column;gap:12px}.group-label[data-v-eb5fa8ee]{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:0;text-transform:uppercase;letter-spacing:.05em}.group-header[data-v-eb5fa8ee]{display:flex;align-items:center;justify-content:space-between}.toggle-uniform[data-v-eb5fa8ee]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-uniform input[type=checkbox][data-v-eb5fa8ee]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent)}.current-size-display[data-v-eb5fa8ee]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-bottom:16px;border:2px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.current-label[data-v-eb5fa8ee]{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.current-value[data-v-eb5fa8ee]{font-size:16px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.preset-grid[data-v-eb5fa8ee]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preset-chip[data-v-eb5fa8ee]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 16px;border:2px solid var(--border);border-radius:12px;background:var(--panel-bg);cursor:pointer;transition:all .2s ease}.preset-chip[data-v-eb5fa8ee]:hover{border-color:var(--accent);background:var(--muted);transform:translateY(-2px)}.preset-chip[data-v-eb5fa8ee]:active{transform:translateY(0)}.preset-chip.active[data-v-eb5fa8ee]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.preset-name[data-v-eb5fa8ee]{font-size:14px;font-weight:600;color:var(--text)}.preset-size[data-v-eb5fa8ee]{font-size:12px;color:var(--text-muted);font-weight:500}.input-field[data-v-eb5fa8ee]{position:relative;display:flex;flex-direction:column}.input-field label[data-v-eb5fa8ee]{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.input-field input[type=number][data-v-eb5fa8ee]{width:100%;height:42px;padding:0 50px 0 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);transition:all .2s}.input-field input[type=number][data-v-eb5fa8ee]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.input-field .unit[data-v-eb5fa8ee]{position:absolute;right:12px;bottom:11px;font-size:12px;font-weight:600;color:var(--text-muted);pointer-events:none}.input-field.has-error input[type=number][data-v-eb5fa8ee]{border-color:#ef4444;background:#ef44440d}.input-field.has-error input[type=number][data-v-eb5fa8ee]:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-hint[data-v-eb5fa8ee]{position:absolute;bottom:-20px;left:0;font-size:11px;color:#ef4444;font-weight:600;animation:shake-eb5fa8ee .3s ease-in-out}@keyframes shake-eb5fa8ee{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.bleed-grid[data-v-eb5fa8ee]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-text[data-v-eb5fa8ee]{margin-top:6px;font-size:11px;color:var(--text-muted);font-style:italic}.radio-group[data-v-eb5fa8ee]{display:flex;flex-direction:column;gap:10px}.radio-option[data-v-eb5fa8ee]{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.radio-option[data-v-eb5fa8ee]:hover{border-color:var(--accent);background:var(--muted)}.radio-option input[type=radio][data-v-eb5fa8ee]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.radio-option span[data-v-eb5fa8ee]{font-size:13px;font-weight:500;color:var(--text)}.settings-actions[data-v-eb5fa8ee]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px}.settings-actions .btn[data-v-eb5fa8ee]{min-width:120px}.settings-actions .btn[data-v-eb5fa8ee]:disabled{opacity:.5;cursor:not-allowed}.canvas-container[data-v-3a081fc3]{flex:1;display:flex;flex-direction:column;backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-panel);transition:background var(--transition);position:relative}.toolbar[data-v-3a081fc3]{background:transparent;border-bottom:1px solid var(--border-light);padding:0;overflow:visible;flex-shrink:0;transition:all var(--transition);display:flex;flex-direction:column}.toolbar-header[data-v-3a081fc3]{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border)}.toolbar-mode-tabs[data-v-3a081fc3]{display:flex;gap:8px}.mode-tab[data-v-3a081fc3]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-muted);transition:all .2s;border-radius:8px 8px 0 0}.mode-tab[data-v-3a081fc3]:hover{color:var(--text);background:var(--muted)}.mode-tab.active[data-v-3a081fc3]{color:var(--accent);background:var(--muted);border-bottom-color:var(--accent)}.mode-tab .mode-icon[data-v-3a081fc3]{font-size:16px}.toolbar-actions[data-v-3a081fc3]{display:flex;align-items:center;gap:16px}.toggle-guides[data-v-3a081fc3]{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--text)}.toggle-guides input[type=checkbox][data-v-3a081fc3]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.toolbar-title[data-v-3a081fc3]{font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.zoom-control[data-v-3a081fc3]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--muted);border:1px solid var(--border);border-radius:8px}.zoom-control label[data-v-3a081fc3]{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.zoom-icon[data-v-3a081fc3]{font-size:14px}.zoom-slider[data-v-3a081fc3]{width:100px;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-slider[data-v-3a081fc3]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;transition:all .2s}.zoom-slider[data-v-3a081fc3]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.zoom-slider[data-v-3a081fc3]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:all .2s}.zoom-slider[data-v-3a081fc3]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.zoom-value[data-v-3a081fc3]{font-size:11px;font-weight:600;color:var(--text);min-width:40px;text-align:right}.collapse-btn[data-v-3a081fc3]{padding:6px 12px;background:var(--muted);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:12px;color:var(--text);transition:all .2s}.collapse-btn[data-v-3a081fc3]:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.05)}.toolbar-content[data-v-3a081fc3],.toolbar-mode-content[data-v-3a081fc3]{display:flex;flex-direction:column}.toolbar-expand-enter-active[data-v-3a081fc3],.toolbar-expand-leave-active[data-v-3a081fc3]{transition:all .3s ease;overflow:hidden}.toolbar-expand-enter-from[data-v-3a081fc3],.toolbar-expand-leave-to[data-v-3a081fc3]{max-height:0;opacity:0}.toolbar-expand-enter-to[data-v-3a081fc3],.toolbar-expand-leave-from[data-v-3a081fc3]{max-height:300px;opacity:1}.toolbar-tabs[data-v-3a081fc3]{display:flex;gap:4px;padding:6px;background:var(--muted);border-radius:12px;margin:12px 24px;position:relative}.pill-slider[data-v-3a081fc3]{position:absolute;top:6px;left:6px;height:calc(100% - 12px);background:var(--accent);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 2px 8px #6366f14d}.category-tab[data-v-3a081fc3]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap;position:relative;z-index:1;border-radius:8px}.category-tab[data-v-3a081fc3]:hover{color:var(--text)}.category-tab.active[data-v-3a081fc3]{color:#fff}.category-icon[data-v-3a081fc3]{font-size:16px}.category-name[data-v-3a081fc3]{font-size:12px}.toolbar-layouts[data-v-3a081fc3]{padding:16px 24px;min-height:120px;overflow-x:auto}.layouts-grid[data-v-3a081fc3]{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.layouts-fade-enter-active[data-v-3a081fc3],.layouts-fade-leave-active[data-v-3a081fc3]{transition:opacity .15s ease}.layouts-fade-enter-from[data-v-3a081fc3],.layouts-fade-leave-to[data-v-3a081fc3]{opacity:0}.layout-btn[data-v-3a081fc3]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--panel-bg-solid);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:0}.layout-btn[data-v-3a081fc3]:hover{border-color:var(--accent);background:var(--muted);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.layout-preview-mini[data-v-3a081fc3]{width:60px;height:60px;background:#fff;border-radius:6px;padding:6px;box-shadow:0 2px 4px #0000000d}.layout-preview-mini svg[data-v-3a081fc3]{width:100%;height:100%}.layout-icon[data-v-3a081fc3]{font-size:32px}.layout-name[data-v-3a081fc3]{font-size:12px;font-weight:600;transition:color var(--transition);text-align:center;line-height:1.2;color:var(--text-muted)}.canvas-workspace[data-v-3a081fc3]{flex:1;overflow-y:auto;background:var(--workspace-bg);transition:background var(--transition);padding:24px;display:flex;justify-content:center;align-items:flex-start}.canvas-workspace.editing-text .page-canvas[data-v-3a081fc3]:hover,.canvas-workspace.editing-text .slot[data-v-3a081fc3]:hover,.canvas-workspace.editing-text .page-canvas[data-v-3a081fc3],.canvas-workspace.editing-text .slot[data-v-3a081fc3]{pointer-events:none}.canvas-workspace.editing-text .floating-text-box[data-v-3a081fc3],.canvas-workspace.editing-text .text-toolbar[data-v-3a081fc3]{pointer-events:auto}.empty-canvas[data-v-3a081fc3]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.empty-message[data-v-3a081fc3]{text-align:center;color:var(--text-muted)}.empty-message h3[data-v-3a081fc3]{font-size:22px;margin-bottom:12px;color:var(--text);font-weight:600}.empty-message p[data-v-3a081fc3]{font-size:15px;opacity:.8}.pages-container[data-v-3a081fc3]{display:flex;flex-direction:column;gap:40px}.pages-stack[data-v-3a081fc3]{display:flex;flex-direction:column;gap:32px;align-items:center}.pages-stack.spread-view[data-v-3a081fc3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(24px * var(--scale-factor, 1));justify-items:center;align-items:start;width:100%;max-width:fit-content;margin:0 auto}.pages-stack.spread-view .page-wrapper[data-v-3a081fc3]{width:100%;display:flex;justify-content:center;align-items:flex-start}.pages-stack.spread-view .page-wrapper[data-v-3a081fc3]:first-child{margin-top:0}.page-wrapper.first-row-flat[data-v-3a081fc3]{padding-top:40px}.page[data-v-3a081fc3]{position:relative;background:var(--page-bg);box-shadow:0 24px 48px #0f172a2e,0 10px 24px #0f172a1a,inset 0 1px #ffffff26;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:4px;overflow:visible;border:none}.page[data-v-3a081fc3]:hover{box-shadow:0 28px 52px #0f172a38,0 12px 26px #0f172a1f,inset 0 1px #ffffff26;transform:translateY(-1px) scale(1.0005)}.page.active[data-v-3a081fc3]{box-shadow:0 22px 52px #0f172a33,0 10px 28px #0f172a1f,inset 0 1px #ffffff26;transform:translateY(-2px)}.page.locked[data-v-3a081fc3]{opacity:.9;cursor:not-allowed}.page.locked[data-v-3a081fc3]:hover{transform:none;box-shadow:0 24px 48px #0f172a2e,0 10px 24px #0f172a1a,inset 0 1px #ffffff26}.page-lock-indicator[data-v-3a081fc3]{position:absolute;top:12px;right:12px;background:#ffc107f2;color:#fff;padding:8px 10px;border-radius:8px;z-index:100;box-shadow:0 4px 12px #00000040;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page.active .page-lock-indicator[data-v-3a081fc3]{background:#fffffff2;color:var(--accent)}.slot[data-v-3a081fc3]{border:2px dashed var(--border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;border-radius:4px;cursor:pointer}.slot.hide-guides[data-v-3a081fc3]{border-color:transparent}.slot[data-v-3a081fc3]:hover{border-color:var(--accent);border-style:solid}.slot.selected[data-v-3a081fc3]{border:2px solid var(--accent);box-shadow:0 0 0 3px #6366f133}.export-mode .slot[data-v-3a081fc3]{border:none!important;border-radius:0!important}.export-mode.page[data-v-3a081fc3]{border-radius:0!important;border:none!important;box-shadow:none!important}.page-inner[data-v-3a081fc3]{position:absolute;top:0;right:0;bottom:0;left:0}.slot-inner[data-v-3a081fc3]{position:relative;overflow:hidden;display:block}.slot[data-v-3a081fc3]:hover:not(.hide-guides){border-color:var(--accent);border-width:3px;box-shadow:inset 0 0 0 1px var(--accent)}body.dragging-image .slot[data-v-3a081fc3]{border-color:var(--accent);border-width:2px;border-style:dashed;background:#6366f10d;transition:all .2s ease}body.dragging-image .slot[data-v-3a081fc3]:empty:after{content:"📸";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;opacity:.3;pointer-events:none}body.dragging-image .slot[data-v-3a081fc3]:hover{background:#6366f126;border-color:var(--accent);border-width:3px;border-style:solid;box-shadow:inset 0 0 20px #6366f133,0 0 0 3px #6366f14d;transform:scale(1.02)}.slot-image-wrapper[data-v-3a081fc3]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.slot-image-wrapper.contain[data-v-3a081fc3]{background:transparent}.slot-image-wrapper.contain .slot-image[data-v-3a081fc3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot-image-wrapper.cover[data-v-3a081fc3]{background:transparent}.slot-image-wrapper.cover .slot-image[data-v-3a081fc3]{position:static;width:100%;height:100%}.slot-image[data-v-3a081fc3]{display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.slot-image.repositionable[data-v-3a081fc3]{cursor:grab}.slot-image.repositionable[data-v-3a081fc3]:active{cursor:grabbing}.slot-placeholder[data-v-3a081fc3]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;border-radius:4px;transition:all var(--transition)}.slot-placeholder[data-v-3a081fc3]:not(.has-background){background:var(--muted)}.slot:hover .slot-placeholder[data-v-3a081fc3]:not(.has-background){background:color-mix(in srgb,var(--accent) 10%,var(--muted));color:var(--accent)}.slot-placeholder.has-background[data-v-3a081fc3]{background:transparent}.text-slot[data-v-3a081fc3]{width:100%;height:100%;overflow:auto}.text-input[data-v-3a081fc3]{width:100%;height:100%;border:none;outline:none;resize:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit;color:inherit;padding:inherit}.text-input[data-v-3a081fc3]::placeholder{color:var(--text-muted);opacity:.5}.type-toggle[data-v-3a081fc3],.fit-toggle[data-v-3a081fc3]{padding:6px 12px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--panel-bg);color:var(--text);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm),inset 0 1px #fff3;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}.type-toggle[data-v-3a081fc3]:hover,.fit-toggle[data-v-3a081fc3]:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.05)}.slot-controls[data-v-3a081fc3]{position:absolute;left:8px;bottom:8px;right:8px;display:none;gap:8px;align-items:center;justify-content:space-between}.inner-margin[data-v-3a081fc3]{display:inline-flex;align-items:center;gap:8px;background:var(--panel-bg);border:1px solid var(--border);border-radius:999px;padding:6px 12px;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:var(--shadow-sm),inset 0 1px #fff3;transition:all var(--transition)}.inner-margin .range[data-v-3a081fc3]{width:80px;accent-color:var(--accent);cursor:pointer}.inner-margin .value[data-v-3a081fc3]{font-size:11px;font-weight:600;color:var(--text);min-width:28px;text-align:right}.layer-controls-slot[data-v-3a081fc3]{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:100}.slot:hover .layer-controls-slot[data-v-3a081fc3]{opacity:1;pointer-events:auto}.layer-btn-minimal[data-v-3a081fc3]{background:#fffffff2;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:300;line-height:1;color:#1a1d23;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.layer-btn-minimal[data-v-3a081fc3]:hover{background:#fff;box-shadow:0 4px 12px #0003,0 2px 4px #00000026;transform:translateY(-1px)}.layer-btn-minimal[data-v-3a081fc3]:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.color-picker-group[data-v-3a081fc3]{display:inline-flex;align-items:center;gap:6px;background:var(--panel-bg);border:1px solid var(--border);border-radius:999px;padding:4px 10px;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:var(--shadow-sm),inset 0 1px #fff3;transition:all var(--transition)}.color-label[data-v-3a081fc3]{font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.color-input[data-v-3a081fc3]{width:32px;height:24px;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:0;background:transparent}.color-input[data-v-3a081fc3]::-webkit-color-swatch-wrapper{padding:2px}.color-input[data-v-3a081fc3]::-webkit-color-swatch{border:none;border-radius:3px}.clear-color[data-v-3a081fc3]{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .2s}.clear-color[data-v-3a081fc3]:hover{background:var(--muted);color:var(--text)}.slot:hover .slot-controls[data-v-3a081fc3]{display:flex;animation:slideUp-3a081fc3 .2s ease}@keyframes slideUp-3a081fc3{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-wrapper[data-v-3a081fc3]{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:0 20px;transition:margin-bottom .3s cubic-bezier(.4,0,.2,1);isolation:isolate}.page-wrapper[data-v-3a081fc3]:first-child{margin-top:0}.page-numbers[data-v-3a081fc3]{position:absolute;bottom:40px;left:0;right:0;z-index:1000;pointer-events:none}.page-number-chip[data-v-3a081fc3]{position:absolute;background:var(--accent);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #00000026;min-width:28px;text-align:center}.page-number-chip.left[data-v-3a081fc3]{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);right:50%;margin-right:10px}.page-number-chip.right[data-v-3a081fc3]{background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);right:30px}.page-number-chip.single[data-v-3a081fc3]{background:var(--accent);left:50%;transform:translate(-50%)}@media print{.no-print[data-v-3a081fc3],.page-numbers[data-v-3a081fc3]{display:none!important}}.add-text-pill[data-v-3a081fc3]{padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md);white-space:nowrap;display:flex;align-items:center;gap:6px}.add-text-pill[data-v-3a081fc3]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--accent-strong)}.export-mode .export-hide[data-v-3a081fc3]{display:none!important}.guides[data-v-3a081fc3]{pointer-events:none;z-index:10}.guide[data-v-3a081fc3]{position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed transparent;transition:border-color var(--transition)}.guide-bleed[data-v-3a081fc3]{border-color:#ef4444cc;border-width:1px}.guide-margin[data-v-3a081fc3]{border-color:#22c55ecc;border-width:1px}.guide-fold[data-v-3a081fc3]{border:none;background:none}.guide-fold[data-v-3a081fc3]:before,.guide-fold[data-v-3a081fc3]:after{content:"";position:absolute;background:#ef444499;z-index:1000}.guide-fold[data-v-3a081fc3]:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-.5px)}.guide-fold[data-v-3a081fc3]:after{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px)}.guide-gutter-top[data-v-3a081fc3],.guide-gutter-bottom[data-v-3a081fc3]{border:none;background:repeating-linear-gradient(to bottom,rgba(34,197,94,.3) 0px,rgba(34,197,94,.3) 2px,transparent 2px,transparent 4px)}.guide-gutter-left[data-v-3a081fc3],.guide-gutter-right[data-v-3a081fc3]{border:none;background:repeating-linear-gradient(to right,rgba(34,197,94,.3) 0px,rgba(34,197,94,.3) 2px,transparent 2px,transparent 4px)}.page-crease[data-v-3a081fc3]{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translate(-50%);pointer-events:none;z-index:100;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 10%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.05) 90%,transparent 100%);box-shadow:-2px 0 4px #00000026,2px 0 4px #fff6,inset -2px 0 3px #00000040,inset 2px 0 3px #ffffff4d,0 0 8px #0000001a}.page-crease[data-v-3a081fc3]:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#fff3,#ffffff80,#fff3);box-shadow:-1px 0 3px #ffffff4d}.page-crease[data-v-3a081fc3]:after{content:"";position:absolute;right:-2px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#0000001a,#00000040,#0000001a);box-shadow:1px 0 3px #0003}.export-mode .page-crease[data-v-3a081fc3]{display:none!important}.slot-outer-margin-guide[data-v-3a081fc3]{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(34,197,94,1);pointer-events:none;z-index:5;border-radius:2px}.slot-inner-margin-guide[data-v-3a081fc3]{position:absolute;border:1px dashed rgba(59,130,246,.6);pointer-events:none;z-index:5}.export-mode .slot-outer-margin-guide[data-v-3a081fc3],.export-mode .slot-inner-margin-guide[data-v-3a081fc3]{display:none!important}.page-fade-enter-active[data-v-3a081fc3],.page-fade-leave-active[data-v-3a081fc3]{transition:all .25s ease}.page-fade-enter-from[data-v-3a081fc3]{opacity:0;transform:translateY(10px) scale(.98)}.page-fade-leave-to[data-v-3a081fc3]{opacity:0;transform:translateY(-10px) scale(.98)}@media (max-width: 768px){.toolbar[data-v-3a081fc3]{display:none}.canvas-workspace[data-v-3a081fc3]{padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.pages-container[data-v-3a081fc3]{padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.pages-stack[data-v-3a081fc3]{position:relative;width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.pages-stack.spread-view[data-v-3a081fc3]{display:block}.page-wrapper[data-v-3a081fc3]{position:absolute;margin:0;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;top:0;left:0}.page-wrapper[data-v-3a081fc3]:not(.active-mobile-page){pointer-events:none;opacity:0;visibility:hidden}.page-wrapper.active-mobile-page[data-v-3a081fc3]{opacity:1;visibility:visible;transform:translate(0);z-index:1}.page-wrapper.slide-left[data-v-3a081fc3]{transform:translate(-100%)}.page-wrapper.slide-right[data-v-3a081fc3]{transform:translate(100%)}.page-canvas[data-v-3a081fc3]{max-width:95%;max-height:95%;width:auto;height:auto;box-shadow:0 4px 20px #00000026}.slot-controls[data-v-3a081fc3]{padding:6px;gap:6px}.slot-btn[data-v-3a081fc3]{padding:6px 10px;font-size:12px}.layer-controls-slot[data-v-3a081fc3]{opacity:1;pointer-events:auto}.empty-canvas[data-v-3a081fc3]{padding:40px 20px}.empty-message h3[data-v-3a081fc3]{font-size:18px}.empty-message p[data-v-3a081fc3]{font-size:14px}}.page-panel[data-v-6ba0ba35]{width:220px;background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:1px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;box-shadow:var(--shadow-panel);transition:width .3s cubic-bezier(.4,0,.2,1),background var(--transition),border-color var(--transition);position:relative;z-index:1;overflow:hidden}.page-panel.collapsed[data-v-6ba0ba35]{width:48px}.panel-content[data-v-6ba0ba35]{display:flex;flex-direction:column;flex:1;min-height:0}.page-panel[data-v-6ba0ba35]:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.panel-header[data-v-6ba0ba35]{padding:16px 20px;border-bottom:1px solid var(--border);transition:border-color var(--transition);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-header h3[data-v-6ba0ba35]{flex:1;font-size:15px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em;transition:color var(--transition)}.collapse-btn[data-v-6ba0ba35]{background:transparent;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s}.collapse-btn[data-v-6ba0ba35]:hover{background:var(--muted);color:var(--text);transform:scale(1.05)}.collapsed-sidebar[data-v-6ba0ba35]{display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden}.expand-btn[data-v-6ba0ba35]{background:transparent;border:none;width:48px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border)}.expand-btn[data-v-6ba0ba35]:hover{background:var(--muted);color:var(--accent)}.collapsed-content[data-v-6ba0ba35]{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;padding:8px 0}.collapsed-page[data-v-6ba0ba35]{width:36px;height:36px;margin:0 auto 8px;border-radius:6px;border:2px solid var(--border);background:var(--panel-bg-solid);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.collapsed-page[data-v-6ba0ba35]:hover{transform:translate(-2px);border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.collapsed-page.active[data-v-6ba0ba35]{border-color:var(--accent);background:var(--accent)}.collapsed-page-number[data-v-6ba0ba35]{font-size:12px;font-weight:700;color:var(--text)}.collapsed-page.active .collapsed-page-number[data-v-6ba0ba35]{color:#fff}.page-list[data-v-6ba0ba35]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.page-thumbnail[data-v-6ba0ba35]{position:relative;background:var(--panel-bg);border:2px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.page-thumbnail[data-v-6ba0ba35]:hover{border-color:var(--accent);transform:translate(-6px) translateY(-2px);box-shadow:var(--shadow-md)}.page-thumbnail.active[data-v-6ba0ba35]{border-color:var(--accent);background:var(--accent);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 0 0 2px var(--accent);box-shadow:var(--shadow-lg),0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.page-number[data-v-6ba0ba35]{position:absolute;top:8px;left:8px;background:#fff;color:var(--accent);font-size:10px;font-weight:700;padding:4px 8px;border-radius:8px;z-index:1;box-shadow:0 2px 8px #0003;transition:all var(--transition)}.page-thumbnail.active .page-number[data-v-6ba0ba35]{background:var(--accent);color:#fff}.page-preview[data-v-6ba0ba35]{position:relative;width:100%;background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d,inset 0 1px #ffffff1a;transition:all var(--transition)}.page-thumbnail.active .page-preview[data-v-6ba0ba35]{border-color:#fff;box-shadow:0 0 0 2px #fff}.page-inner[data-v-6ba0ba35]{position:absolute;top:0;right:0;bottom:0;left:0}.preview-canvas[data-v-6ba0ba35]{width:100%;height:100%;display:block}.preview-slot[data-v-6ba0ba35]{border:1px dashed var(--border);background:var(--muted);overflow:hidden;transition:all var(--transition)}.preview-slot-inner[data-v-6ba0ba35]{position:absolute;top:0;right:0;bottom:0;left:0}.preview-slot img[data-v-6ba0ba35]{width:100%;height:100%;object-fit:cover}.page-actions[data-v-6ba0ba35]{position:absolute;top:8px;right:8px;display:none;gap:6px;z-index:1}.page-thumbnail:hover .page-actions[data-v-6ba0ba35]{display:flex}.duplicate-page-btn[data-v-6ba0ba35],.delete-page-btn[data-v-6ba0ba35]{background:var(--panel-bg);color:var(--text);border:none;border-radius:8px;width:28px;height:28px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.duplicate-page-btn[data-v-6ba0ba35]{background:var(--accent);color:#fff}.duplicate-page-btn[data-v-6ba0ba35]:hover{background:var(--accent-strong);transform:scale(1.1)}.delete-page-btn[data-v-6ba0ba35]{background:var(--danger);color:#fff}.page-tag-input[data-v-6ba0ba35]{width:100%;padding:4px 8px;margin-top:4px;background:var(--muted);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--text);text-align:center;transition:all .2s}.page-tag-input[data-v-6ba0ba35]:focus{outline:none;border-color:var(--accent);background:var(--panel-bg)}.page-thumbnail.active .page-tag-input[data-v-6ba0ba35]{background:#fff3;border-color:#ffffff4d;color:#fff}.page-thumbnail.active .page-tag-input[data-v-6ba0ba35]:focus{background:#fff;color:var(--text)}.page-thumbnail.locked[data-v-6ba0ba35]{opacity:.85;cursor:default}.page-thumbnail.locked[data-v-6ba0ba35]:hover{transform:none;border-color:var(--border)}.lock-indicator[data-v-6ba0ba35]{position:absolute;top:8px;right:8px;background:#ffc107f2;color:#fff;padding:4px 6px;border-radius:6px;z-index:2;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}.page-thumbnail.active .lock-indicator[data-v-6ba0ba35]{background:#fffffff2;color:var(--accent)}.page-tag-input.locked[data-v-6ba0ba35]{opacity:.7;cursor:not-allowed;background:var(--muted)}.page-tag-input.locked[data-v-6ba0ba35]:hover{border-color:var(--border)}.lock-page-btn[data-v-6ba0ba35]{background:var(--panel-bg);color:var(--text);border:none;border-radius:8px;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.lock-page-btn[data-v-6ba0ba35]:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.lock-page-btn.locked[data-v-6ba0ba35]{background:#ffc107e6;color:#fff}.lock-page-btn.locked[data-v-6ba0ba35]:hover{background:#ffc107;transform:scale(1.1)}.delete-page-btn[data-v-6ba0ba35]:hover{background:var(--danger-strong);transform:scale(1.1)}.empty-state[data-v-6ba0ba35]{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state p[data-v-6ba0ba35]:first-child{font-size:52px;margin-bottom:12px;opacity:.6}.empty-state p[data-v-6ba0ba35]:nth-child(2){font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text)}.empty-state .hint[data-v-6ba0ba35]{font-size:12px;color:var(--text-muted);opacity:.8}.empty-state-enhanced[data-v-6ba0ba35]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;min-height:400px}.empty-state-enhanced .empty-icon[data-v-6ba0ba35]{margin-bottom:24px;color:var(--text-muted);opacity:.4}.empty-state-enhanced h4[data-v-6ba0ba35]{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-state-enhanced .empty-description[data-v-6ba0ba35]{font-size:14px;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.empty-state-enhanced .empty-hint[data-v-6ba0ba35]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);padding:12px 20px;background:var(--muted);border-radius:8px;border:1px dashed var(--border)}.empty-state-enhanced .empty-hint svg[data-v-6ba0ba35]{flex-shrink:0;opacity:.6}.empty-state-enhanced .empty-hint strong[data-v-6ba0ba35]{color:var(--accent);font-weight:600}@media (max-width: 768px){.page-panel[data-v-6ba0ba35]{width:100%;border:none;border-radius:0}.page-panel.collapsed[data-v-6ba0ba35]{display:none}.panel-header[data-v-6ba0ba35]{padding:16px}.panel-header h3[data-v-6ba0ba35]{font-size:16px}.collapse-btn[data-v-6ba0ba35]{display:none}.pages-list[data-v-6ba0ba35]{padding:12px;gap:12px}.page-thumbnail[data-v-6ba0ba35]{padding:8px}.page-actions[data-v-6ba0ba35]{gap:4px}.action-btn[data-v-6ba0ba35]{padding:6px}}.command-overlay[data-v-ff6e5047]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:2000}.command-bar[data-v-ff6e5047]{width:90%;max-width:640px;background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border-radius:16px;box-shadow:var(--shadow-lg),inset 0 1px #fff3;border:1px solid var(--border);overflow:hidden;position:relative}.command-bar[data-v-ff6e5047]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.command-search[data-v-ff6e5047]{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border)}.search-icon[data-v-ff6e5047]{font-size:20px;opacity:.6}.command-search input[data-v-ff6e5047]{flex:1;border:none;background:transparent;font-size:16px;color:var(--text);outline:none}.command-search input[data-v-ff6e5047]::placeholder{color:var(--text-muted)}.kbd[data-v-ff6e5047]{padding:4px 8px;background:var(--muted);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;color:var(--text-muted);font-family:monospace}.command-results[data-v-ff6e5047]{max-height:400px;overflow-y:auto}.command-item[data-v-ff6e5047]{display:flex;align-items:center;gap:16px;padding:14px 24px;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.command-item[data-v-ff6e5047]:hover,.command-item.selected[data-v-ff6e5047]{background:var(--muted);border-left-color:var(--accent)}.command-icon[data-v-ff6e5047]{font-size:24px;width:32px;text-align:center}.command-info[data-v-ff6e5047]{flex:1}.command-name[data-v-ff6e5047]{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.command-desc[data-v-ff6e5047]{font-size:12px;color:var(--text-muted)}.command-empty[data-v-ff6e5047]{padding:40px 24px;text-align:center;color:var(--text-muted);font-size:14px}.command-fade-enter-active[data-v-ff6e5047],.command-fade-leave-active[data-v-ff6e5047]{transition:opacity .2s ease}.command-fade-enter-from[data-v-ff6e5047],.command-fade-leave-to[data-v-ff6e5047]{opacity:0}.command-fade-enter-active .command-bar[data-v-ff6e5047]{animation:commandSlideUp-ff6e5047 .3s cubic-bezier(.4,0,.2,1)}@keyframes commandSlideUp-ff6e5047{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.flipbook-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.flipbook-overlay.mobile-fullscreen{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 768px){.flipbook-overlay.landscape-mode:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:-1}}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.close-btn{position:fixed;top:24px;right:24px;z-index:10001;padding:0;background:#fffffff2;border:2px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;font-size:28px;font-weight:300;line-height:1;color:#333;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #0000004d;pointer-events:auto}.close-btn:hover{background:#fff;transform:scale(1.15) rotate(90deg);box-shadow:0 6px 20px #0006;border-color:#0003}.close-btn:active{transform:scale(1.05) rotate(90deg)}.flipbook-viewer{flex:1;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.flipbook-viewer.mobile-viewer{width:100%;height:100%;gap:10px;padding:10px}@media (max-width: 768px){.book-container{max-width:95vw;max-height:70vh}.flipbook-controls{width:100%;padding:12px 20px;background:#000c;border-radius:12px}.nav-btn{padding:12px 20px;font-size:14px}.page-indicator{font-size:13px;color:#fff}.close-btn{top:12px;right:12px;width:40px;height:40px;font-size:24px}}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;font-size:16px;color:var(--text-muted);gap:16px}.loading-message p{margin:0;font-weight:500}.loading-detail{font-size:14px;color:var(--accent);font-weight:600}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.book-container{perspective:2000px;perspective-origin:50% 50%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.book{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;display:flex;box-shadow:4px 0 0 -1px #0000001a,5px 0 0 -1px #00000014,6px 0 0 -1px #0000000f,7px 0 0 -1px #0000000a,8px 0 0 -1px #00000005;transition:box-shadow .6s cubic-bezier(.4,0,.2,1) .5s}.book.open{box-shadow:4px 0 0 -1px #0000001a,5px 0 0 -1px #00000014,6px 0 0 -1px #0000000f,7px 0 0 -1px #0000000a,8px 0 0 -1px #00000005,-4px 0 0 -1px #0000001a,-5px 0 0 -1px #00000014,-6px 0 0 -1px #0000000f,-7px 0 0 -1px #0000000a,-8px 0 0 -1px #00000005}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translate(-50%);z-index:1000;pointer-events:none;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 10%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.05) 90%,transparent 100%);box-shadow:-2px 0 4px #00000026,2px 0 4px #fff6,inset -2px 0 3px #00000040,inset 2px 0 3px #ffffff4d}.page-left{position:absolute;left:0;width:50%;height:100%;background:#fff;border:1px solid #ddd;box-shadow:-4px 4px 20px #00000026;border-radius:4px 0 0 4px;overflow:hidden}.page-right{position:absolute;left:50%;width:50%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-origin:left center;cursor:pointer;box-sizing:border-box}.page-right.closed-book{left:50%;width:50%}.page-right.closed-book.back-cover-page{left:0;width:50%}.page-right:hover:not(.flipped){filter:brightness(1.05)}.page-right .page-front,.page-right .page-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a,0 8px 24px #00000026,inset 0 0 0 1px #ffffff80;border-radius:0 4px 4px 0}.page-right .page-front{transform:rotateY(0)}.page-right .page-back{transform:rotateY(180deg);border-radius:4px 0 0 4px}.page-content{width:100%;height:100%;overflow:hidden}.page-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:4px}.page-preview-with-image{width:100%;height:100%;position:relative;border-radius:4px}.page-number{font-size:48px;font-weight:700;color:var(--text-muted)}.page-number-badge{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.empty-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-style:italic;opacity:.5}.cover-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,0,0,.05) 0%,transparent 50%,rgba(255,255,255,.05) 100%),linear-gradient(90deg,#2c3e50,#34495e);position:relative;overflow:hidden;box-shadow:inset 0 0 50px #0000004d,inset 0 2px 1px #ffffff1a}.cover-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);opacity:.5;pointer-events:none}.cover-page:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.cover-content{position:relative;z-index:1;text-align:center;padding:40px 30px;max-width:85%;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.cover-title{font-size:28px;font-weight:800;color:#f8f9fa;text-transform:uppercase;letter-spacing:4px;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.1);line-height:1.3;word-wrap:normal;font-family:Georgia,serif}.cover-meta{font-size:14px;color:#cbd5e0;font-weight:500;letter-spacing:2px}.back-cover{background:linear-gradient(135deg,#1a202c,#2d3748)}.page-spread.flipped{transform:rotateY(-180deg)}.flipbook-controls{display:flex;gap:20px;align-items:center;justify-content:center;padding:16px;background:var(--muted);border-radius:var(--radius)}.nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:transparent;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.nav-btn svg{width:24px;height:24px;stroke-width:1.5}.nav-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:scale(1.1)}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-indicator{font-size:14px;font-weight:500;color:var(--text);min-width:150px;text-align:center}.flipbook-overlay:fullscreen{background:#000}.flipbook-overlay:-webkit-full-screen{background:#000}.flipbook-overlay:-moz-full-screen{background:#000}.flipbook-overlay:-ms-fullscreen{background:#000}@media (max-width: 768px) and (orientation: portrait){.flipbook-overlay.landscape-mode .book-container{transform:rotate(90deg);max-width:95vh;max-height:70vw}.flipbook-overlay.landscape-mode .flipbook-controls{transform:rotate(90deg)}}.portfolio-landing[data-v-d4352aa0]{min-height:100vh;background:#0a0e27;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.animated-bg[data-v-d4352aa0]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-orb[data-v-d4352aa0]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 40s infinite ease-in-out}.orb-1[data-v-d4352aa0]{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-10%;left:-10%;animation:float1-d4352aa0 45s infinite ease-in-out}.orb-2[data-v-d4352aa0]{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-10%;right:-10%;animation:float2-d4352aa0 50s infinite ease-in-out}.orb-3[data-v-d4352aa0]{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;animation:float3-d4352aa0 55s infinite ease-in-out}@keyframes float1-d4352aa0{0%{transform:translate(0) scale(1)}25%{transform:translate(60px,-40px) scale(1.08)}50%{transform:translate(30px,50px) scale(.95)}75%{transform:translate(-50px,20px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes float2-d4352aa0{0%{transform:translate(0) scale(1)}20%{transform:translate(-70px,30px) scale(1.1)}40%{transform:translate(-40px,-60px) scale(.92)}60%{transform:translate(50px,-30px) scale(1.06)}80%{transform:translate(40px,40px) scale(.98)}to{transform:translate(0) scale(1)}}@keyframes float3-d4352aa0{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(calc(-50% + 50px),calc(-50% - 60px)) scale(1.12)}50%{transform:translate(calc(-50% - 60px),calc(-50% + 40px)) scale(.9)}70%{transform:translate(calc(-50% + 40px),calc(-50% + 50px)) scale(1.04)}to{transform:translate(-50%,-50%) scale(1)}}.hero-section[data-v-d4352aa0]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;z-index:1;overflow:hidden}.hero-content[data-v-d4352aa0]{max-width:1200px;width:100%;text-align:center;animation:fadeInUp-d4352aa0 1s ease-out}@keyframes fadeInUp-d4352aa0{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-wrapper[data-v-d4352aa0]{position:relative;margin-bottom:50px;width:100%;max-width:1200px}.brand-title[data-v-d4352aa0]{font-weight:900;margin:0;line-height:.9;display:flex;flex-direction:column;gap:0;width:100%}.title-word[data-v-d4352aa0]{display:block;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInWord-d4352aa0 .8s ease-out backwards;text-align:center;width:100%}.word-the[data-v-d4352aa0]{font-size:clamp(6rem,28vw,20rem);letter-spacing:-.03em;animation-delay:.1s}.word-talking[data-v-d4352aa0]{font-size:clamp(3rem,12vw,9rem);letter-spacing:-.03em;animation-delay:.3s;line-height:normal}.word-streets[data-v-d4352aa0]{font-size:clamp(3rem,12vw,9rem);letter-spacing:-.03em;animation-delay:.5s}.title-word.highlight[data-v-d4352aa0]{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}@keyframes fadeInWord-d4352aa0{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tagline[data-v-d4352aa0]{font-size:1.1rem;font-weight:400;margin:0 0 50px;opacity:.75;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:10px;animation:fadeInUp-d4352aa0 1s ease-out .7s backwards;max-width:1200px}.tagline-icon[data-v-d4352aa0]{font-size:1.5rem;animation:bounce-d4352aa0 2s infinite}@keyframes bounce-d4352aa0{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.project-chips[data-v-d4352aa0]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;animation:fadeInUp-d4352aa0 1s ease-out 1.1s backwards;max-width:600px;margin:0 auto}.chip[data-v-d4352aa0]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.chip[data-v-d4352aa0]:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 16px #667eea4d}.chip-disabled[data-v-d4352aa0]{opacity:.6;cursor:not-allowed}.chip-disabled[data-v-d4352aa0]:hover{transform:none;background:#ffffff14;border-color:#ffffff26;box-shadow:none}.chip-icon[data-v-d4352aa0]{font-size:1.1rem;line-height:1}.chip-text[data-v-d4352aa0]{font-size:.9rem;line-height:1}.chip-badge[data-v-d4352aa0]{font-size:.7rem;padding:2px 6px;background:#ffffff26;border-radius:8px;margin-left:4px}.chip-instagram svg[data-v-d4352aa0]{width:16px;height:16px}.offerings-section[data-v-d4352aa0]{display:none}.offerings-content[data-v-d4352aa0]{max-width:1000px;margin:0 auto;text-align:center}.offerings-content h2[data-v-d4352aa0]{font-size:3rem;font-weight:800;margin:0 0 60px;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.project-cards[data-v-d4352aa0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;margin:0 auto}.project-card[data-v-d4352aa0]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.project-card[data-v-d4352aa0]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.project-card[data-v-d4352aa0]:hover:before{opacity:1}.zino-card[data-v-d4352aa0],.gallery-card[data-v-d4352aa0]{cursor:pointer;text-decoration:none;color:#fff;border-color:#fff6}.zino-card[data-v-d4352aa0]:hover,.gallery-card[data-v-d4352aa0]:hover{background:#ffffff1a;border-color:#667eea80;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #667eea66}.coming-soon[data-v-d4352aa0]{opacity:.6;cursor:not-allowed}.project-icon[data-v-d4352aa0]{font-size:3.5rem;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .4s ease}.project-card:hover .project-icon[data-v-d4352aa0]{transform:scale(1.1) rotate(5deg)}.project-card h3[data-v-d4352aa0]{font-size:1.5rem;font-weight:700;margin:0 0 12px}.project-card p[data-v-d4352aa0]{font-size:1rem;opacity:.9;margin:0 0 16px;line-height:1.5}.project-link[data-v-d4352aa0]{display:inline-block;font-weight:700;font-size:1rem;color:#fff;padding:12px 24px;background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.zino-card:hover .project-link[data-v-d4352aa0],.gallery-card:hover .project-link[data-v-d4352aa0]{background:linear-gradient(135deg,#667eea80,#764ba280);transform:translate(4px)}.project-badge[data-v-d4352aa0]{display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;background:#ffffff26;border-radius:6px;opacity:.8}.portfolio-footer[data-v-d4352aa0]{padding:30px 20px;text-align:center;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portfolio-footer p[data-v-d4352aa0]{margin:0;opacity:.7;font-size:.9rem}@media (max-width: 768px){.portfolio-landing[data-v-d4352aa0]{min-height:auto;height:auto}.hero-section[data-v-d4352aa0]{min-height:100vh;padding:40px 20px}.brand-title[data-v-d4352aa0]{font-size:2.5rem;letter-spacing:-1px}.tagline[data-v-d4352aa0]{font-size:1.1rem;margin-bottom:50px}.social-links[data-v-d4352aa0]{margin-bottom:30px}.browse-offerings-btn[data-v-d4352aa0]{font-size:1rem;padding:14px 28px}.offerings-section[data-v-d4352aa0]{padding:60px 20px}.offerings-content h2[data-v-d4352aa0]{font-size:2rem;margin-bottom:30px}.project-cards[data-v-d4352aa0]{grid-template-columns:1fr;gap:16px}.project-card[data-v-d4352aa0]{padding:24px}.project-icon[data-v-d4352aa0]{font-size:2.5rem;margin-bottom:12px}}.portfolio-gallery-wrapper *{margin:0;padding:0;box-sizing:border-box}.portfolio-gallery-wrapper footer p{text-transform:uppercase;font-size:13px;letter-spacing:.05em;-webkit-font-smoothing:antialiased}footer{position:fixed;width:100vw;padding:2em;display:flex;justify-content:flex-end;align-items:center;z-index:2;mix-blend-mode:difference;bottom:0;right:0;opacity:0;transition:opacity .5s ease}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;cursor:grab;z-index:10;filter:grayscale(1);transition:filter .6s ease,opacity 1.2s ease-out;opacity:1;will-change:filter}#canvas:active,#canvas.show-color{cursor:grabbing;filter:grayscale(0)}#canvas.fade-out{opacity:0;pointer-events:none}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease}.particle{position:absolute;background:#ffffff1a;border-radius:50%}.tp-dfwv{position:fixed;top:10px;right:10px;z-index:10}#titles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;opacity:0;transition:opacity .5s ease}.slide-title{position:absolute;color:#fff;pointer-events:none;transition:opacity .3s ease,filter .3s ease}.title-text{font-family:PP Neue Montreal,sans-serif;text-transform:uppercase;font-size:6vw;line-height:.9;font-weight:400;letter-spacing:-.03em;margin:0;white-space:nowrap}.title-number{font-family:TheGoodMonolith,monospace;font-size:.8vw;margin:0;position:relative;padding-top:10px;display:flex;align-items:center}.title-number:before{content:"";display:block;width:40px;height:3px;background-color:#ffe600;margin-right:10px}.project-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:1000;display:flex;transition:background 1.2s ease-out;pointer-events:none}.project-detail-overlay.stage-1{background:#0000;pointer-events:auto}.project-detail-overlay.stage-2,.project-detail-overlay.stage-3,.project-detail-overlay.stage-4{background:#000000fa;pointer-events:auto}.back-button{position:fixed;top:2rem;left:2rem;background:none;border:none;color:#f0f0f0;font-size:2rem;cursor:pointer;z-index:1001;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:100;line-height:1;opacity:0}.project-detail-overlay.stage-2 .back-button,.project-detail-overlay.stage-3 .back-button,.project-detail-overlay.stage-4 .back-button{opacity:1}.back-button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:#f0f0f0;transition:all .3s ease;transform:translate(-50%)}.back-button:hover:after{width:100%}.back-button:hover{transform:translate(-4px)}.project-detail-content{display:flex;width:100%;height:100vh;overflow:hidden}.project-cover-section{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem;opacity:0;transform:scale(.5) translate(50%);transition:all 1.3s cubic-bezier(.4,0,.2,1)}.project-detail-overlay.stage-2 .project-cover-section,.project-detail-overlay.stage-3 .project-cover-section,.project-detail-overlay.stage-4 .project-cover-section{opacity:1;transform:scale(1) translate(0)}.project-cover-large{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 60px #00000080;transition:transform .8s cubic-bezier(.4,0,.2,1)}.project-info-section{width:50%;height:100vh;overflow-y:auto;padding:4rem 4rem 4rem 2rem;opacity:0;transition:opacity .8s ease-out .3s}@media (max-width: 768px){.project-cover-section{display:none}.project-info-section{width:100%;padding:4rem}.project-title{margin-bottom:1rem;margin-top:-2rem;margin-left:2rem}}.project-detail-overlay.stage-3 .project-info-section,.project-detail-overlay.stage-4 .project-info-section{opacity:1}.project-info-section::-webkit-scrollbar{width:4px}.project-info-section::-webkit-scrollbar-track{background:#ffffff0d}.project-info-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.project-info-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.project-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(-20px);transition:all .8s ease-out}.project-detail-overlay.stage-3 .project-header,.project-detail-overlay.stage-4 .project-header{opacity:1;transform:translateY(0)}.project-title{font-family:TheGoodMonolith,monospace;font-size:2.5rem;font-weight:400;letter-spacing:.05em;margin-bottom:1rem;color:#f0f0f0}.project-description{font-family:PP Neue Montreal,sans-serif;font-size:1rem;line-height:1.6;color:#f0f0f0b3;max-width:600px}.project-images-grid{display:flex;flex-direction:column;gap:3rem}.project-image-item{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.project-detail-overlay.stage-4 .project-image-item:nth-child(1){transition-delay:.2s;opacity:1;transform:translateY(0)}.project-detail-overlay.stage-4 .project-image-item:nth-child(2){transition-delay:.4s;opacity:1;transform:translateY(0)}.project-detail-overlay.stage-4 .project-image-item:nth-child(3){transition-delay:.6s;opacity:1;transform:translateY(0)}.project-detail-overlay.stage-4 .project-image-item:nth-child(4){transition-delay:.8s;opacity:1;transform:translateY(0)}.project-detail-overlay.stage-4 .project-image-item:nth-child(5){transition-delay:1s;opacity:1;transform:translateY(0)}.project-detail-overlay.stage-4 .project-image-item:nth-child(n+6){transition-delay:1.2s;opacity:1;transform:translateY(0)}.project-detail-overlay.closing-1 .project-image-item,.project-detail-overlay.closing-2 .project-image-item,.project-detail-overlay.closing-3 .project-image-item{opacity:0!important;transform:translateY(20px)!important;transition:all .8s ease-out!important}.project-detail-overlay.closing-2 .project-cover-section,.project-detail-overlay.closing-3 .project-cover-section{opacity:0!important;transform:scale(.8) translate(0)!important;transition:all 1s ease-out!important}.project-detail-overlay.closing-2 .project-header,.project-detail-overlay.closing-3 .project-header{opacity:0!important;transform:translateY(-30px)!important;transition:all .8s ease-out!important}.project-detail-overlay.closing-2 .back-button,.project-detail-overlay.closing-3 .back-button{opacity:0!important;transition:opacity .8s ease-out!important}.project-detail-overlay.closing-3{background:#0000!important;transition:background 1s ease-out!important}.project-image-item img{width:100%;height:auto;display:block;margin-bottom:1rem}.image-caption{padding:0 .5rem}.image-caption h3{font-family:TheGoodMonolith,monospace;font-size:1.125rem;font-weight:400;letter-spacing:.05em;margin-bottom:.5rem;color:#f0f0f0}.image-caption p{font-family:PP Neue Montreal,sans-serif;font-size:.875rem;line-height:1.5;color:#f0f0f099}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.circle-container{position:relative;width:200px;height:200px;margin-bottom:30px}.initializing-text-container{position:relative;margin-top:30px;overflow:hidden}.initializing-text{font-family:TheGoodMonolith,monospace;color:#fff;font-size:12px;letter-spacing:3px;position:relative;z-index:2;mix-blend-mode:difference}.initializing-progress{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#ffe600;z-index:1}.dot{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#ffe600;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes pulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(.8)}}.portfolio-admin[data-v-00434f70]{min-height:100vh;background:var(--app-bg);color:var(--text)}.admin-header[data-v-00434f70]{background:var(--panel-bg);border-bottom:1px solid var(--border);padding:1.5rem 2rem;position:sticky;top:0;z-index:10}.header-content[data-v-00434f70]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.admin-header h1[data-v-00434f70]{font-size:1.5rem;margin:0}.admin-content[data-v-00434f70]{max-width:1400px;margin:0 auto;padding:2rem}.section-header[data-v-00434f70]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2[data-v-00434f70],.section-header h3[data-v-00434f70]{margin:0;font-size:1.25rem}.loading[data-v-00434f70],.empty-state[data-v-00434f70]{text-align:center;padding:3rem;color:var(--text-muted)}.projects-grid[data-v-00434f70]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card[data-v-00434f70]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card[data-v-00434f70]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.project-card.unpublished[data-v-00434f70]{opacity:.7}.project-cover[data-v-00434f70]{height:200px;background:var(--muted);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.no-cover[data-v-00434f70]{color:var(--text-muted);font-size:.875rem}.project-status[data-v-00434f70]{position:absolute;top:.75rem;right:.75rem}.badge[data-v-00434f70]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success[data-v-00434f70]{background:#10b981;color:#fff}.badge-draft[data-v-00434f70]{background:var(--muted);color:var(--text-muted)}.project-info[data-v-00434f70]{padding:1rem}.project-info h3[data-v-00434f70]{margin:0 0 .5rem;font-size:1.125rem}.project-info p[data-v-00434f70]{margin:0 0 .75rem;font-size:.875rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta[data-v-00434f70]{font-size:.75rem;color:var(--text-muted)}.project-actions[data-v-00434f70]{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;gap:.5rem}.modal-overlay[data-v-00434f70]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content[data-v-00434f70]{background:var(--panel-bg);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.editor-modal[data-v-00434f70]{max-width:900px}.modal-header[data-v-00434f70]{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-00434f70]{margin:0;font-size:1.25rem}.close-btn[data-v-00434f70]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.close-btn[data-v-00434f70]:hover{background:var(--muted);color:var(--text)}.modal-body[data-v-00434f70]{padding:1.5rem;overflow-y:auto;flex:1}.form-section[data-v-00434f70]{margin-bottom:2rem}.form-section h3[data-v-00434f70]{margin:0 0 1rem;font-size:1.125rem}.form-group[data-v-00434f70]{margin-bottom:1.5rem}.form-group label[data-v-00434f70]{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-input[data-v-00434f70],.form-textarea[data-v-00434f70]{width:100%;padding:.75rem;background:var(--app-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.875rem}.form-input-sm[data-v-00434f70]{padding:.5rem;font-size:.8125rem}.form-textarea[data-v-00434f70]{resize:vertical}.form-input[data-v-00434f70]:focus,.form-textarea[data-v-00434f70]:focus{outline:none;border-color:var(--accent)}.checkbox-label[data-v-00434f70]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox][data-v-00434f70]{width:18px;height:18px;cursor:pointer}.image-preview[data-v-00434f70]{margin-top:.75rem;border-radius:8px;overflow:hidden;background:var(--muted);max-height:200px}.image-preview img[data-v-00434f70]{width:100%;height:auto;display:block}.image-preview.error[data-v-00434f70]:after{content:"Failed to load image";display:block;padding:2rem;text-align:center;color:var(--text-muted)}.images-list[data-v-00434f70]{display:flex;flex-direction:column;gap:1rem}.image-item[data-v-00434f70]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--app-bg);border:1px solid var(--border);border-radius:8px;cursor:move}.drag-handle[data-v-00434f70]{color:var(--text-muted);cursor:grab;font-size:1.25rem}.image-item:active .drag-handle[data-v-00434f70]{cursor:grabbing}.image-thumb[data-v-00434f70]{width:80px;height:80px;border-radius:6px;overflow:hidden;background:var(--muted);flex-shrink:0}.image-thumb img[data-v-00434f70]{width:100%;height:100%;object-fit:cover}.image-details[data-v-00434f70]{flex:1;display:flex;flex-direction:column;gap:.5rem}.modal-footer[data-v-00434f70]{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.btn[data-v-00434f70]{padding:.625rem 1.25rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-primary[data-v-00434f70]{background:var(--accent);color:#fff}.btn-primary[data-v-00434f70]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-00434f70]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-00434f70]{background:var(--muted);color:var(--text)}.btn-secondary[data-v-00434f70]:hover{background:var(--border)}.btn-danger[data-v-00434f70]{background:#ef4444;color:#fff}.btn-danger[data-v-00434f70]:hover{background:#dc2626}.btn-sm[data-v-00434f70]{padding:.5rem 1rem;font-size:.8125rem}.landing[data-v-c9b62c85]{position:relative;min-height:100vh;padding:48px;display:flex;flex-direction:column;color:var(--text);background:var(--app-bg);overflow-y:auto;overflow-x:hidden}.theme-light .landing[data-v-c9b62c85]{background:radial-gradient(circle at top left,rgba(255,137,137,.12),transparent 50%),radial-gradient(circle at bottom right,rgba(126,209,255,.14),transparent 55%),var(--app-bg)}.theme-dark .landing[data-v-c9b62c85]{background:radial-gradient(circle at top left,rgba(129,140,248,.15),transparent 50%),radial-gradient(circle at bottom right,rgba(52,211,153,.12),transparent 55%),var(--app-bg)}.background[data-v-c9b62c85]{position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://images.unsplash.com/photo-1516387938699-a93567ec168e?auto=format&fit=crop&w=1600&q=60) center/cover;opacity:.05;mix-blend-mode:overlay;pointer-events:none}.theme-dark .background[data-v-c9b62c85]{opacity:.08;mix-blend-mode:soft-light}.landing-header[data-v-c9b62c85],.landing-footer[data-v-c9b62c85]{position:relative;z-index:2}.landing-header[data-v-c9b62c85]{display:flex;align-items:center;justify-content:space-between}.brand[data-v-c9b62c85]{display:flex;align-items:center;gap:20px}.logo[data-v-c9b62c85]{font-size:46px}.title h1[data-v-c9b62c85]{font-size:34px;letter-spacing:-.03em;margin:0}.title p[data-v-c9b62c85]{margin:6px 0 0;color:var(--text-muted);font-size:15px}.subtitle[data-v-c9b62c85]{font-size:14px;color:var(--text-muted)}.tts-link[data-v-c9b62c85]{color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s}.tts-link[data-v-c9b62c85]:hover{color:color-mix(in srgb,var(--accent) 80%,white);text-decoration:underline}.actions[data-v-c9b62c85]{display:flex;align-items:center;gap:12px;position:relative;z-index:10}.actions .btn[data-v-c9b62c85]{display:inline-flex;align-items:center;gap:10px}.landing-content[data-v-c9b62c85]{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:56px;margin-top:40px}.hero[data-v-c9b62c85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}.hero-text h2[data-v-c9b62c85]{font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.1;margin-bottom:24px}.hero-text p[data-v-c9b62c85]{font-size:17px;color:var(--text-muted);line-height:1.6;max-width:520px}.hero-description[data-v-c9b62c85]{font-size:18px;margin-bottom:16px}.hero-description strong[data-v-c9b62c85]{color:var(--accent);font-weight:700}.hero-subtext[data-v-c9b62c85]{font-size:15px;opacity:.9}.hero-cta[data-v-c9b62c85]{margin-top:32px;display:flex;align-items:center;gap:16px}.btn.btn-ghost[data-v-c9b62c85]{background:transparent;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.meta[data-v-c9b62c85]{margin-top:24px;font-size:14px;color:var(--text-muted)}.meta strong[data-v-c9b62c85]{color:var(--text)}.hero-preview[data-v-c9b62c85]{display:flex;gap:16px;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap}.preview-card[data-v-c9b62c85]{width:180px;background:var(--panel-bg);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.preview-thumb[data-v-c9b62c85]{height:140px;background-size:cover;background-position:center}.preview-info[data-v-c9b62c85]{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.preview-name[data-v-c9b62c85]{font-weight:600}.preview-tag[data-v-c9b62c85]{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.grid[data-v-c9b62c85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.card[data-v-c9b62c85]{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:18px;padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--border);position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.card[data-v-c9b62c85]:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.theme-dark .card[data-v-c9b62c85]{background:#1a202c99;border-color:#4b556380}.card-icon[data-v-c9b62c85]{font-size:36px;margin-bottom:16px}.card h3[data-v-c9b62c85]{margin-bottom:12px;font-size:20px}.card p[data-v-c9b62c85]{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:18px}.card-link[data-v-c9b62c85]{font-size:13px;font-weight:600;color:var(--accent)}.feature-card[data-v-c9b62c85]{position:relative;cursor:default}.feature-card[data-v-c9b62c85]:hover{transform:translateY(-4px)}.card-number[data-v-c9b62c85]{position:absolute;top:20px;right:20px;font-size:48px;font-weight:900;color:var(--accent);opacity:.15;line-height:1}.coming-soon[data-v-c9b62c85]{display:inline-block;margin-top:12px;padding:6px 12px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:6px}.action-card[data-v-c9b62c85]{border:2px solid var(--border)}.action-card.primary[data-v-c9b62c85]{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,purple));border:none;color:#fff}.action-card.primary h3[data-v-c9b62c85],.action-card.primary p[data-v-c9b62c85]{color:#fff}.action-card.primary .card-link[data-v-c9b62c85]{color:#fff;opacity:.95}.action-card[data-v-c9b62c85]:hover{transform:translateY(-6px);border-color:var(--accent)}.action-card.primary[data-v-c9b62c85]:hover{transform:translateY(-6px) scale(1.02)}.featured-project-card[data-v-c9b62c85]{position:relative;background:var(--muted);border:1px solid rgba(99,102,241,.2);color:#fff;overflow:hidden}.featured-background[data-v-c9b62c85]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:0}.featured-background svg[data-v-c9b62c85]{width:120px;height:120px}.featured-gradient-overlay[data-v-c9b62c85]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transition:background .4s ease;z-index:1}.featured-project-card:hover .featured-gradient-overlay[data-v-c9b62c85]{background:linear-gradient(45deg,var(--accent) 0%,var(--accent) 20%,rgba(99,102,241,.8) 40%,rgba(99,102,241,.4) 60%,rgba(99,102,241,.1) 80%,transparent 100%)}.featured-content[data-v-c9b62c85]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between}.featured-project-card .card-icon[data-v-c9b62c85]{font-size:48px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.featured-project-card h3[data-v-c9b62c85]{color:#fff;font-size:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.3)}.featured-project-card p[data-v-c9b62c85]{color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.3)}.featured-project-card .card-link[data-v-c9b62c85]{color:#fff;opacity:1;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.3)}.featured-project-card[data-v-c9b62c85]:hover{transform:translateY(-6px);box-shadow:0 12px 40px #6366f166}.featured-badge[data-v-c9b62c85]{position:absolute;top:16px;right:16px;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.3)}.project-details[data-v-c9b62c85]{display:flex;align-items:center;gap:8px;font-size:14px;margin:0}.project-details .separator[data-v-c9b62c85]{opacity:.7}.landing-footer[data-v-c9b62c85]{margin-top:80px;padding-top:40px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}.footer-content[data-v-c9b62c85]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;margin-bottom:24px}.footer-brand[data-v-c9b62c85]{display:flex;align-items:center;gap:16px}.footer-brand .logo[data-v-c9b62c85]{font-size:36px}.footer-brand strong[data-v-c9b62c85]{display:block;font-size:18px;color:var(--text);margin-bottom:4px}.footer-brand p[data-v-c9b62c85]{margin:0;font-size:13px;color:var(--text-muted)}.footer-links[data-v-c9b62c85]{display:flex;gap:24px;flex-wrap:wrap}.footer-link[data-v-c9b62c85]{display:flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-size:14px;transition:color .2s}.footer-link[data-v-c9b62c85]:hover{color:var(--accent)}.footer-link span[data-v-c9b62c85]{font-size:16px}.footer-bottom[data-v-c9b62c85]{text-align:center;padding-top:20px;border-top:1px solid var(--border);font-size:12px;opacity:.8}.instagram-card[data-v-c9b62c85]{position:relative;transition:all .3s ease;width:270px}.instagram-card[data-v-c9b62c85]:hover{transform:translateY(-8px)}.instagram-embed-container[data-v-c9b62c85]{position:relative;overflow:hidden;background:#fff}.instagram-embed-frame[data-v-c9b62c85]{width:100%;height:160%;border:none;overflow:hidden;pointer-events:auto;position:absolute;top:-10px;left:0}.instagram-link[data-v-c9b62c85]{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;transition:opacity .2s}.instagram-link[data-v-c9b62c85]:hover{opacity:.8}.instagram-card .preview-tag[data-v-c9b62c85]{color:var(--accent);font-weight:600}.mobile-hero-banner[data-v-c9b62c85],.mobile-showcase-carousel[data-v-c9b62c85],.mobile-how-it-works[data-v-c9b62c85],.mobile-benefits[data-v-c9b62c85],.mobile-footer[data-v-c9b62c85]{display:none}@media (max-width: 768px){.landing[data-v-c9b62c85]{padding:16px 8px 16px 16px;overflow-y:auto;overflow-x:hidden}.mobile-hero-banner[data-v-c9b62c85]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px 32px;background:linear-gradient(180deg,rgba(99,102,241,.05) 0%,transparent 100%);margin-bottom:100px;position:relative}.social-proof-badge[data-v-c9b62c85]{display:inline-flex;align-items:center;gap:12px;background:#fff;padding:10px 20px;border-radius:24px;box-shadow:0 6px 20px #0000001a;margin-bottom:28px;border:1px solid rgba(99,102,241,.15)}[data-theme=dark] .social-proof-badge[data-v-c9b62c85]{background:#1a202ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#6366f14d}.customer-avatars[data-v-c9b62c85]{display:flex;gap:-8px}.avatar[data-v-c9b62c85]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:15px;border:2px solid white;margin-left:-10px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .avatar[data-v-c9b62c85]{border-color:#1a202ccc}.avatar[data-v-c9b62c85]:first-child{margin-left:0}.proof-text[data-v-c9b62c85]{font-size:14px;font-weight:600;color:var(--text)}.mobile-hero-cta[data-v-c9b62c85]{display:flex;flex-direction:column;gap:12px;margin-top:32px;width:100%;max-width:320px}.btn-mobile-primary[data-v-c9b62c85]{width:100%;padding:18px 32px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6366f166;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.btn-mobile-primary[data-v-c9b62c85]:active{transform:translateY(-2px);box-shadow:0 12px 32px #6366f180}.btn-mobile-primary .btn-text[data-v-c9b62c85]{display:block;font-size:17px;font-weight:700}.btn-mobile-primary .btn-subtitle[data-v-c9b62c85]{display:block;font-size:13px;font-weight:500;opacity:.9;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-mobile-secondary[data-v-c9b62c85]{width:100%;padding:18px 32px;background:var(--panel-bg);color:var(--text);border:2px solid var(--border);border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.btn-mobile-secondary[data-v-c9b62c85]:active{transform:translateY(-1px);border-color:var(--accent)}.mobile-hero-title[data-v-c9b62c85]{font-size:30px;font-weight:800;line-height:1.15;margin:0 0 16px;color:var(--text);z-index:1;position:relative;max-width:320px}.mobile-hero-title .highlight[data-v-c9b62c85]{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.mobile-hero-subtitle[data-v-c9b62c85]{font-size:15px;line-height:1.6;color:var(--text-muted);margin:0;max-width:300px;z-index:1;position:relative}.hero[data-v-c9b62c85]{display:none}.landing-header[data-v-c9b62c85]{position:relative;margin-bottom:16px}.brand[data-v-c9b62c85]{gap:12px}.logo[data-v-c9b62c85]{font-size:28px}.title h1[data-v-c9b62c85]{font-size:20px}.title p[data-v-c9b62c85]{font-size:12px}.actions[data-v-c9b62c85]{position:absolute;top:0;right:0;gap:8px}.actions .btn-icon[data-v-c9b62c85]{width:36px;height:36px;padding:8px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px}.landing-content[data-v-c9b62c85]{gap:40px;margin-top:24px;display:flex;flex-direction:column;align-items:center}.hero[data-v-c9b62c85]{grid-template-columns:1fr;gap:32px}.hero-text h2[data-v-c9b62c85]{font-size:2rem;margin-bottom:16px}.hero-description[data-v-c9b62c85]{font-size:16px;margin-bottom:12px}.hero-subtext[data-v-c9b62c85]{font-size:14px}.hero-cta[data-v-c9b62c85]{display:flex;flex-direction:column;gap:12px;margin-top:0;padding:0 16px 24px}.hero-cta .btn[data-v-c9b62c85]{width:100%;justify-content:center;padding:16px 24px;font-size:17px;font-weight:600;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.hero-cta .btn-primary[data-v-c9b62c85]{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff}.hero-cta .btn-primary[data-v-c9b62c85]:active{transform:scale(.98)}.hero-cta .btn-ghost[data-v-c9b62c85]{background:var(--panel-bg);border:2px solid var(--border)}.section-container[data-v-c9b62c85]{max-width:1200px;margin:0 auto;padding:60px 40px;background:var(--bg);border-radius:24px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border)}.features-list-section[data-v-c9b62c85]{padding:80px 20px;background:transparent}.section-header[data-v-c9b62c85]{text-align:center;margin-bottom:48px}.section-title[data-v-c9b62c85]{font-size:36px;font-weight:700;margin-bottom:12px;color:var(--text)}.section-subtitle[data-v-c9b62c85]{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto}.features-list[data-v-c9b62c85]{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.features-column[data-v-c9b62c85]{display:flex;flex-direction:column;gap:24px}.feature-list-item[data-v-c9b62c85]{display:flex;gap:16px;align-items:flex-start}.feature-check[data-v-c9b62c85]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-size:14px;font-weight:700}.feature-text[data-v-c9b62c85]{display:flex;flex-direction:column;gap:4px}.feature-text strong[data-v-c9b62c85]{font-size:16px;font-weight:600;color:var(--text)}.feature-text span[data-v-c9b62c85]{font-size:14px;color:var(--text-muted);line-height:1.5}.pricing-section[data-v-c9b62c85]{padding:80px 20px;background:transparent}.pricing-cards[data-v-c9b62c85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:900px;margin:0 auto}.pricing-card[data-v-c9b62c85]{background:var(--panel-bg);border:2px solid var(--border);border-radius:20px;padding:40px 32px;text-align:center;transition:all .3s ease}.pricing-card.featured[data-v-c9b62c85]{border-color:var(--accent);box-shadow:0 8px 32px #6366f133;transform:scale(1.05)}.pricing-card[data-v-c9b62c85]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.plan-badge[data-v-c9b62c85]{display:inline-block;padding:6px 16px;background:var(--muted);border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.plan-badge.accent[data-v-c9b62c85]{background:var(--accent);color:#fff}.plan-name[data-v-c9b62c85]{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--text)}.plan-price[data-v-c9b62c85]{margin-bottom:32px}.price-amount[data-v-c9b62c85]{font-size:48px;font-weight:800;color:var(--accent)}.price-period[data-v-c9b62c85]{font-size:16px;color:var(--text-muted)}.plan-features[data-v-c9b62c85]{list-style:none;padding:0;margin:0 0 32px;text-align:left}.plan-features li[data-v-c9b62c85]{padding:12px 0;font-size:15px;color:var(--text);border-bottom:1px solid var(--border)}.plan-features li[data-v-c9b62c85]:last-child{border-bottom:none}.plan-cta[data-v-c9b62c85]{width:100%;padding:16px 32px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.plan-cta[data-v-c9b62c85]:hover:not(.disabled){background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.plan-cta.disabled[data-v-c9b62c85]{opacity:.5;cursor:not-allowed}.plan-note[data-v-c9b62c85]{margin-top:16px;font-size:13px;color:var(--text-muted)}.print-service-banner[data-v-c9b62c85]{padding:60px 20px;background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%)}.banner-content[data-v-c9b62c85]{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:40px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-icon[data-v-c9b62c85]{font-size:64px;flex-shrink:0}.banner-text[data-v-c9b62c85]{flex:1}.banner-text h3[data-v-c9b62c85]{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.banner-text p[data-v-c9b62c85]{font-size:16px;color:#ffffffe6;line-height:1.6}.banner-cta[data-v-c9b62c85]{padding:16px 32px;background:#fff;color:var(--accent);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.banner-cta[data-v-c9b62c85]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.landing-footer[data-v-c9b62c85]{padding:80px 20px 40px;background:var(--panel-bg);border-top:1px solid var(--border)}.footer-content[data-v-c9b62c85]{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.footer-section h4[data-v-c9b62c85]{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;color:var(--text)}.footer-brand[data-v-c9b62c85]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-logo[data-v-c9b62c85]{font-size:32px}.footer-brand strong[data-v-c9b62c85]{font-size:24px;font-weight:700;color:var(--text)}.footer-tagline[data-v-c9b62c85]{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:280px}.footer-links[data-v-c9b62c85]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li[data-v-c9b62c85]{font-size:14px;color:var(--text-muted)}.footer-links a[data-v-c9b62c85]{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a[data-v-c9b62c85]:hover{color:var(--accent)}.footer-bottom[data-v-c9b62c85]{max-width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid var(--border);text-align:center}.footer-bottom p[data-v-c9b62c85]{font-size:14px;color:var(--text-muted);margin:0}.footer-bottom a[data-v-c9b62c85]{color:var(--accent);text-decoration:none}.footer-bottom a[data-v-c9b62c85]:hover{text-decoration:underline}.mobile-showcase-carousel[data-v-c9b62c85]{display:block;margin-bottom:48px;overflow:hidden}.carousel-container[data-v-c9b62c85]{overflow:hidden;position:relative}.carousel-track[data-v-c9b62c85]{display:flex;transition:transform .5s ease-in-out;will-change:transform}.carousel-slide[data-v-c9b62c85]{flex:0 0 100%;text-align:center;padding:20px 16px}.showcase-image[data-v-c9b62c85]{margin-bottom:24px;perspective:1200px}.book-spread[data-v-c9b62c85]{display:flex;gap:8px;max-width:320px;margin:0 auto;transform:rotateX(5deg)}.spread-page[data-v-c9b62c85]{flex:1;background:#fff;border-radius:8px;padding:12px;box-shadow:0 8px 24px #00000026;min-height:200px}[data-theme=dark] .spread-page[data-v-c9b62c85]{background:#2d3748;box-shadow:0 8px 24px #0006}.spread-left[data-v-c9b62c85]{border-right:2px solid #e5e7eb}[data-theme=dark] .spread-left[data-v-c9b62c85]{border-right:2px solid #4a5568}.photo-grid[data-v-c9b62c85]{display:flex;flex-direction:column;gap:8px;height:100%}.spread-left .photo-grid[data-v-c9b62c85]{flex-direction:row;flex-wrap:wrap}.photo[data-v-c9b62c85]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:32px;min-height:80px}[data-theme=dark] .photo[data-v-c9b62c85]{background:linear-gradient(135deg,#4a5568,#2d3748)}.spread-left .photo[data-v-c9b62c85]{flex:1;min-width:calc(50% - 4px)}.spread-left .photo-3[data-v-c9b62c85]{flex-basis:100%}.spread-right .photo[data-v-c9b62c85]{flex:1}.photo-stack[data-v-c9b62c85]{position:relative;width:200px;height:200px;margin:0 auto}.stacked-photo[data-v-c9b62c85]{position:absolute;width:140px;height:140px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:0 8px 20px #00000026;border:4px solid white}[data-theme=dark] .stacked-photo[data-v-c9b62c85]{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#1a202c}.photo-back[data-v-c9b62c85]{top:0;left:30px;transform:rotate(-8deg);opacity:.7}.photo-middle[data-v-c9b62c85]{top:20px;left:15px;transform:rotate(4deg);opacity:.85}.photo-front[data-v-c9b62c85]{top:40px;left:0;transform:rotate(-2deg);z-index:3}.bound-book[data-v-c9b62c85]{position:relative;width:180px;height:220px;margin:0 auto;display:flex}.book-binding[data-v-c9b62c85]{width:30px;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:6px 0 0 6px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:20px 0;box-shadow:-2px 0 8px #0003}.binding-stitch[data-v-c9b62c85]{width:4px;height:4px;background:#fff9;border-radius:50%}.book-cover-side[data-v-c9b62c85]{flex:1;background:#fff;border-radius:0 6px 6px 0;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;justify-content:center;position:relative}[data-theme=dark] .book-cover-side[data-v-c9b62c85]{background:#2d3748}.quality-badge[data-v-c9b62c85]{font-size:64px;opacity:.3}.showcase-title[data-v-c9b62c85]{font-size:22px;font-weight:700;margin:0 0 12px;color:var(--text)}.showcase-description[data-v-c9b62c85]{font-size:15px;line-height:1.6;color:var(--text-muted);margin:0 auto;max-width:300px;padding:0 16px}.carousel-dots[data-v-c9b62c85]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:12px 16px}.dot[data-v-c9b62c85]{width:10px;height:10px;border-radius:50%;background:#0003;transition:all .3s ease;cursor:pointer;flex-shrink:0}[data-theme=dark] .dot[data-v-c9b62c85]{background:#fff3}.dot[data-v-c9b62c85]:hover{background:#0006}[data-theme=dark] .dot[data-v-c9b62c85]:hover{background:#fff6}.dot.active[data-v-c9b62c85]{background:var(--accent);width:28px;border-radius:5px}.mobile-how-it-works[data-v-c9b62c85]{display:block;padding:32px 16px;background:var(--panel-bg);border-radius:20px;margin-bottom:48px}.mobile-section-title[data-v-c9b62c85]{font-size:24px;font-weight:700;text-align:center;margin:0 0 24px;color:var(--text)}.mobile-steps[data-v-c9b62c85]{display:flex;flex-direction:column;gap:20px}.mobile-step[data-v-c9b62c85]{display:flex;align-items:flex-start;gap:16px}.step-number[data-v-c9b62c85]{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 12px #6366f14d}.step-content h4[data-v-c9b62c85]{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--text)}.step-content p[data-v-c9b62c85]{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.grid .feature-card[data-v-c9b62c85],.hero-preview[data-v-c9b62c85]{display:none}.hero-preview[data-v-c9b62c85]::-webkit-scrollbar{height:4px}.hero-preview[data-v-c9b62c85]::-webkit-scrollbar-track{background:var(--border);border-radius:2px}.hero-preview[data-v-c9b62c85]::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.preview-card[data-v-c9b62c85]{flex-shrink:0;scroll-snap-align:start;width:160px}.preview-thumb[data-v-c9b62c85]{height:120px}.preview-info[data-v-c9b62c85]{padding:12px}.instagram-card[data-v-c9b62c85]{width:240px}.grid[data-v-c9b62c85]{grid-template-columns:1fr;gap:16px}.card[data-v-c9b62c85]{padding:20px}.card-icon[data-v-c9b62c85]{font-size:32px;margin-bottom:12px}.card h3[data-v-c9b62c85]{font-size:18px;margin-bottom:8px}.card p[data-v-c9b62c85]{font-size:14px;margin-bottom:12px}.card-number[data-v-c9b62c85]{font-size:36px;top:16px;right:16px}.landing-footer[data-v-c9b62c85]{margin-top:48px;padding-top:32px}.footer-content[data-v-c9b62c85]{flex-direction:column;gap:24px}.footer-brand[data-v-c9b62c85]{gap:12px}.footer-brand .logo[data-v-c9b62c85]{font-size:28px}.footer-brand strong[data-v-c9b62c85]{font-size:16px}.footer-links[data-v-c9b62c85]{flex-direction:column;gap:16px}.footer-link[data-v-c9b62c85]{font-size:14px}.footer-bottom[data-v-c9b62c85]{font-size:11px;padding-top:16px}.featured-project-card[data-v-c9b62c85]{display:none}.mobile-benefits[data-v-c9b62c85]{display:block;padding:48px;text-align:center;background:var(--panel-bg);margin-bottom:0;position:relative;z-index:1;border-radius:20px}.benefit-item[data-v-c9b62c85]{max-width:400px;margin:0 auto}.benefit-icon[data-v-c9b62c85]{width:64px;height:64px;margin:0 auto 20px;color:var(--text);opacity:.8}.benefit-item h4[data-v-c9b62c85]{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--text)}.benefit-item p[data-v-c9b62c85]{font-size:15px;line-height:1.7;color:var(--text-muted);margin:0}.mobile-footer[data-v-c9b62c85]{display:block!important;background:var(--panel-bg);border-top:1px solid var(--border);padding:40px 16px 32px;position:relative;z-index:2;width:100%;clear:both}.mobile-footer-content[data-v-c9b62c85]{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.mobile-footer-brand[data-v-c9b62c85]{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-logo[data-v-c9b62c85]{font-size:36px}.mobile-footer-brand strong[data-v-c9b62c85]{font-size:24px;font-weight:700;color:var(--text);opacity:.4}.mobile-footer-contact[data-v-c9b62c85]{margin:24px 0}.mobile-footer-contact h4[data-v-c9b62c85]{font-size:15px;font-weight:700;margin:0 0 8px;color:var(--text)}.contact-link[data-v-c9b62c85]{color:var(--text);text-decoration:none;font-size:15px;font-weight:400}.contact-link[data-v-c9b62c85]:hover{color:var(--accent)}.mobile-footer-social[data-v-c9b62c85]{display:flex;gap:20px;justify-content:center}.social-icon[data-v-c9b62c85]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s ease}.social-icon[data-v-c9b62c85]:hover{color:var(--accent);transform:scale(1.1)}.features-list[data-v-c9b62c85]{grid-template-columns:1fr;gap:24px}.features-column[data-v-c9b62c85]{gap:16px}.feature-list-item[data-v-c9b62c85]{gap:12px}.feature-check[data-v-c9b62c85]{width:20px;height:20px;font-size:12px}.feature-text strong[data-v-c9b62c85]{font-size:15px}.feature-text span[data-v-c9b62c85]{font-size:13px}.section-container[data-v-c9b62c85]{padding:40px 20px;border-radius:16px}.pricing-cards[data-v-c9b62c85]{grid-template-columns:1fr;gap:24px}.pricing-card.featured[data-v-c9b62c85]{transform:scale(1)}.banner-content[data-v-c9b62c85]{flex-direction:column;text-align:center;padding:32px 24px;gap:24px}.banner-icon[data-v-c9b62c85]{font-size:48px}.banner-text h3[data-v-c9b62c85]{font-size:22px}.banner-text p[data-v-c9b62c85]{font-size:14px}.banner-cta[data-v-c9b62c85]{width:100%;padding:14px 24px}.landing-footer[data-v-c9b62c85]{display:none}.mobile-hero-banner[data-v-c9b62c85],.mobile-showcase-carousel[data-v-c9b62c85],.mobile-how-it-works[data-v-c9b62c85],.mobile-benefits[data-v-c9b62c85]{display:block}}@media (min-width: 769px){.landing-footer[data-v-c9b62c85]{display:block}.mobile-footer[data-v-c9b62c85],.mobile-hero-banner[data-v-c9b62c85],.mobile-showcase-carousel[data-v-c9b62c85],.mobile-how-it-works[data-v-c9b62c85],.mobile-benefits[data-v-c9b62c85],.features-list-section[data-v-c9b62c85],.pricing-section[data-v-c9b62c85],.banner-content[data-v-c9b62c85]{display:none}.features-list[data-v-c9b62c85]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 960px) and (min-width: 769px){.features-list[data-v-c9b62c85]{grid-template-columns:repeat(2,1fr)}.footer-content[data-v-c9b62c85]{grid-template-columns:repeat(2,1fr);gap:40px}.landing[data-v-c9b62c85]{padding:32px}.hero[data-v-c9b62c85]{grid-template-columns:1fr}.hero-preview[data-v-c9b62c85]{justify-content:flex-start}}.modal-fade-enter-active[data-v-9efb787e],.modal-fade-leave-active[data-v-9efb787e]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-9efb787e],.modal-fade-leave-to[data-v-9efb787e]{opacity:0}.modal-overlay[data-v-9efb787e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-container[data-v-9efb787e]{background:var(--panel-bg);border-radius:20px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--border);overflow:hidden}.modal-header[data-v-9efb787e]{padding:24px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header h2[data-v-9efb787e]{font-size:24px;font-weight:700;color:var(--text-strong);margin:0;flex:1}.btn-templates[data-v-9efb787e]{padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-templates[data-v-9efb787e]:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-templates svg[data-v-9efb787e]{flex-shrink:0}.close-btn[data-v-9efb787e]{width:32px;height:32px;border-radius:8px;border:none;background:var(--muted);color:var(--text);font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn[data-v-9efb787e]:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.modal-body[data-v-9efb787e]{flex:1;overflow-y:auto;padding:24px 32px}.loading-state[data-v-9efb787e],.error-state[data-v-9efb787e],.empty-state[data-v-9efb787e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner[data-v-9efb787e]{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-9efb787e .8s linear infinite;margin-bottom:20px}@keyframes spin-9efb787e{to{transform:rotate(360deg)}}.loading-state p[data-v-9efb787e],.error-state p[data-v-9efb787e]{color:var(--text-muted);font-size:15px}.error-icon[data-v-9efb787e]{font-size:48px;margin-bottom:16px}.error-state p[data-v-9efb787e]{color:var(--danger);margin-bottom:20px}.empty-icon[data-v-9efb787e]{font-size:64px;margin-bottom:20px;opacity:.6}.empty-state h3[data-v-9efb787e]{font-size:20px;margin-bottom:12px;color:var(--text)}.empty-state p[data-v-9efb787e]{color:var(--text-muted);max-width:400px;margin-bottom:24px;line-height:1.6}.books-grid[data-v-9efb787e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.book-card[data-v-9efb787e]{background:var(--panel-bg-solid);border:2px solid var(--border);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.book-card[data-v-9efb787e]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.book-card.selected[data-v-9efb787e]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg-solid))}.book-thumbnail[data-v-9efb787e]{width:100%;aspect-ratio:3/2;background:var(--muted);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.book-icon[data-v-9efb787e]{font-size:48px;opacity:.6}.book-badge[data-v-9efb787e]{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.book-info[data-v-9efb787e]{margin-bottom:12px}.book-title[data-v-9efb787e]{font-size:16px;font-weight:600;color:var(--text-strong);margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-id[data-v-9efb787e]{font-size:12px;color:var(--text-muted);margin:0 0 10px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-meta[data-v-9efb787e]{display:flex;gap:12px;flex-wrap:wrap}.meta-item[data-v-9efb787e]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.meta-icon[data-v-9efb787e]{font-size:14px}.book-actions[data-v-9efb787e]{display:flex;gap:8px;justify-content:flex-end}.action-btn[data-v-9efb787e]{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:16px}.action-btn[data-v-9efb787e]:hover{transform:scale(1.1)}.delete-btn[data-v-9efb787e]:hover{background:var(--danger);border-color:var(--danger)}.modal-footer[data-v-9efb787e]{padding:20px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-info[data-v-9efb787e]{font-size:14px;color:var(--text-muted)}.footer-info strong[data-v-9efb787e]{color:var(--text)}.footer-actions[data-v-9efb787e]{display:flex;gap:12px}@media (max-width: 768px){.books-grid[data-v-9efb787e]{grid-template-columns:1fr}.modal-footer[data-v-9efb787e]{flex-direction:column;align-items:stretch}.footer-actions[data-v-9efb787e]{width:100%}.footer-actions .btn[data-v-9efb787e]{flex:1}}.template-store[data-v-723581fd]{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.store-header[data-v-723581fd]{background:var(--panel-bg);border-bottom:1px solid var(--border);padding:24px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content[data-v-723581fd]{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:20px}.back-btn[data-v-723581fd]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text)}.back-btn[data-v-723581fd]:hover{background:var(--muted);border-color:var(--accent)}.header-text h1[data-v-723581fd]{margin:0;font-size:28px;font-weight:700;color:var(--text)}.header-text p[data-v-723581fd]{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.filter-bar[data-v-723581fd]{background:var(--panel-bg);border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:88px;z-index:99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-content[data-v-723581fd]{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.category-filters[data-v-723581fd]{display:flex;gap:8px;flex-wrap:wrap;flex:1}.category-btn[data-v-723581fd]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.category-btn[data-v-723581fd]:hover{background:var(--muted);border-color:var(--accent)}.category-btn.active[data-v-723581fd]{background:var(--accent);color:#fff;border-color:var(--accent)}.category-icon[data-v-723581fd]{font-size:16px}.search-box[data-v-723581fd]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;min-width:240px;transition:all .2s}.search-box[data-v-723581fd]:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.search-icon[data-v-723581fd]{color:var(--text-muted);flex-shrink:0}.search-input[data-v-723581fd]{flex:1;border:none;background:none;outline:none;color:var(--text);font-size:14px}.search-input[data-v-723581fd]::placeholder{color:var(--text-muted)}.store-content[data-v-723581fd]{flex:1;max-width:1400px;margin:0 auto;padding:40px 32px;width:100%;overflow:scroll}.loading-state[data-v-723581fd],.empty-state[data-v-723581fd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner[data-v-723581fd]{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-723581fd .8s linear infinite}@keyframes spin-723581fd{to{transform:rotate(360deg)}}.empty-icon[data-v-723581fd]{font-size:64px;opacity:.5}.empty-state h3[data-v-723581fd]{margin:0;font-size:20px;font-weight:600;color:var(--text)}.empty-state p[data-v-723581fd]{margin:0;font-size:14px;color:var(--text-muted)}.templates-grid[data-v-723581fd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.template-card[data-v-723581fd]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s}.template-card[data-v-723581fd]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--accent)}.card-thumbnail[data-v-723581fd]{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--muted)}.card-thumbnail img[data-v-723581fd]{width:100%;height:100%;object-fit:cover;transition:transform .3s}.template-card:hover .card-thumbnail img[data-v-723581fd]{transform:scale(1.05)}.placeholder-thumbnail[data-v-723581fd]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--muted) 0%,var(--border) 100%)}.placeholder-icon[data-v-723581fd]{font-size:64px;opacity:.3}.card-overlay[data-v-723581fd]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.template-card:hover .card-overlay[data-v-723581fd]{opacity:1}.use-btn[data-v-723581fd]{padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.use-btn[data-v-723581fd]:hover{background:var(--accent-strong);transform:scale(1.05)}.card-content[data-v-723581fd]{padding:16px}.card-title[data-v-723581fd]{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-description[data-v-723581fd]{margin:0 0 12px;font-size:13px;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-meta[data-v-723581fd]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.meta-badge[data-v-723581fd]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--muted);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-muted)}.meta-badge svg[data-v-723581fd]{opacity:.7}.category-badge[data-v-723581fd]{padding:4px 8px;background:var(--accent);color:#fff;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.layout-builder[data-v-24d6d7cd]{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg)}.builder-header[data-v-24d6d7cd]{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;background:var(--panel-bg)}.back-btn[data-v-24d6d7cd]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font-weight:500;transition:all .2s}.back-btn[data-v-24d6d7cd]:hover{background:var(--muted);border-color:var(--accent)}.builder-header h1[data-v-24d6d7cd]{flex:1;font-size:20px;font-weight:700;color:var(--text-strong);margin:0}.save-btn[data-v-24d6d7cd]{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn[data-v-24d6d7cd]:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.save-btn[data-v-24d6d7cd]:disabled{opacity:.5;cursor:not-allowed}.builder-workspace[data-v-24d6d7cd]{flex:1;display:flex;overflow:hidden}.controls-panel[data-v-24d6d7cd]{width:300px;background:var(--panel-bg);border-right:1px solid var(--border);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.control-section[data-v-24d6d7cd]{display:flex;flex-direction:column;gap:8px}.section-label[data-v-24d6d7cd]{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.layout-name-input[data-v-24d6d7cd],.category-admin-controls[data-v-24d6d7cd]{display:flex;gap:8px;align-items:center}.category-select[data-v-24d6d7cd],.font-select[data-v-24d6d7cd],.weight-select[data-v-24d6d7cd],.style-select[data-v-24d6d7cd],.align-select[data-v-24d6d7cd]{flex:1;width:100%;padding:8px 12px;border:2px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.category-select[data-v-24d6d7cd]:focus,.font-select[data-v-24d6d7cd]:focus,.weight-select[data-v-24d6d7cd]:focus,.style-select[data-v-24d6d7cd]:focus,.align-select[data-v-24d6d7cd]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.font-select optgroup[data-v-24d6d7cd]{font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:8px 0}.font-select option[data-v-24d6d7cd]{padding:6px 12px;font-weight:400;font-size:13px}.add-category-btn[data-v-24d6d7cd]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.add-category-btn[data-v-24d6d7cd]:hover{background:var(--accent-strong);transform:scale(1.05)}.layout-name-input[data-v-24d6d7cd]:focus,.category-select[data-v-24d6d7cd]:focus{outline:none;border-color:var(--accent)}.category-locked[data-v-24d6d7cd]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--muted);border:1px solid var(--border);border-radius:8px}.category-badge[data-v-24d6d7cd]{display:inline-flex;align-items:center;padding:4px 10px;background:var(--accent);color:#fff;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hint[data-v-24d6d7cd]{font-size:11px;color:var(--text-muted);font-style:italic;line-height:1.4}.size-preview-chips[data-v-24d6d7cd]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.size-chip[data-v-24d6d7cd]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;transition:all .2s ease}.size-chip[data-v-24d6d7cd]:hover{border-color:var(--accent);background:var(--muted);transform:translateY(-1px)}.size-chip.active[data-v-24d6d7cd]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.size-name[data-v-24d6d7cd]{font-size:12px;font-weight:600;color:var(--text)}.size-dims[data-v-24d6d7cd]{font-size:10px;color:var(--text-muted);font-weight:500}.binding-preview-chips[data-v-24d6d7cd]{display:flex;flex-direction:column;gap:8px}.binding-chip[data-v-24d6d7cd]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border:2px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;transition:all .2s ease}.binding-chip[data-v-24d6d7cd]:hover{border-color:var(--accent);background:var(--muted);transform:translateY(-1px)}.binding-chip.active[data-v-24d6d7cd]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.binding-icon[data-v-24d6d7cd]{font-size:20px}.binding-name[data-v-24d6d7cd]{font-size:12px;font-weight:600;color:var(--text)}.binding-hint[data-v-24d6d7cd]{font-size:10px;color:var(--text-muted);font-weight:500}.category-locked .hint[data-v-24d6d7cd]{font-size:12px;margin-top:0}.dimension-inputs[data-v-24d6d7cd]{display:flex;gap:12px}.input-group[data-v-24d6d7cd]{flex:1;display:flex;flex-direction:column;gap:4px}.input-group label[data-v-24d6d7cd]{font-size:11px;color:var(--text-muted);font-weight:500}.input-group input[data-v-24d6d7cd]{padding:8px 10px;background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.input-group input[data-v-24d6d7cd]:focus{outline:none;border-color:var(--accent)}.toggle-group[data-v-24d6d7cd]{display:flex;flex-direction:column;gap:8px}.toggle-item[data-v-24d6d7cd]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-item input[type=checkbox][data-v-24d6d7cd]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.toggle-item span[data-v-24d6d7cd]{font-size:13px;color:var(--text)}.align-controls[data-v-24d6d7cd]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.align-btn[data-v-24d6d7cd]{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:6px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .15s}.align-btn[data-v-24d6d7cd]:hover{background:var(--muted);border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.align-btn[data-v-24d6d7cd]:active{transform:scale(.95)}.add-slot-btn[data-v-24d6d7cd]{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.add-slot-btn[data-v-24d6d7cd]:hover{background:var(--accent-strong);transform:translateY(-1px)}.add-buttons[data-v-24d6d7cd]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-element-btn[data-v-24d6d7cd]{padding:10px 8px;background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:8px;font-weight:500;font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text);transition:all .2s}.add-element-btn[data-v-24d6d7cd]:hover{background:var(--muted);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.type-badge[data-v-24d6d7cd]{padding:8px 12px;background:var(--accent);color:#fff;border-radius:6px;font-size:12px;font-weight:600;text-align:center;text-transform:capitalize}.text-content-input[data-v-24d6d7cd]{width:100%;padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;resize:vertical;transition:all .2s;line-height:1.5}.text-content-input[data-v-24d6d7cd]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.color-input[data-v-24d6d7cd]{width:100%;height:40px;padding:4px;background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:8px;cursor:pointer}.color-input[data-v-24d6d7cd]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-24d6d7cd]::-webkit-color-swatch{border:none;border-radius:6px}.slot-controls[data-v-24d6d7cd]{display:flex;flex-direction:column;gap:12px}.delete-slot-btn[data-v-24d6d7cd]{width:100%;padding:10px;background:transparent;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.delete-slot-btn[data-v-24d6d7cd]:hover{background:var(--danger);color:#fff}.slots-list[data-v-24d6d7cd]{display:flex;flex-direction:column;gap:8px}.slot-item[data-v-24d6d7cd]{padding:12px;background:var(--panel-bg-solid);border:2px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.slot-item[data-v-24d6d7cd]:hover{border-color:var(--accent);background:var(--muted)}.slot-item.active[data-v-24d6d7cd]{border-color:var(--accent);background:var(--accent);color:#fff}.slot-number[data-v-24d6d7cd]{width:28px;height:28px;background:var(--muted);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.slot-item.active .slot-number[data-v-24d6d7cd]{background:#fff3}.slot-info[data-v-24d6d7cd]{font-size:13px;font-weight:500}.canvas-preview[data-v-24d6d7cd]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:auto}.preview-container[data-v-24d6d7cd]{position:relative}.preview-page[data-v-24d6d7cd]{position:relative;background:#fff;box-shadow:0 20px 60px #00000026;border-radius:4px}.grid-overlay[data-v-24d6d7cd],.snap-guides[data-v-24d6d7cd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.snap-guides[data-v-24d6d7cd]{z-index:10}.polygon-slot[data-v-24d6d7cd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:all;z-index:5}.polygon-slot.selected polygon[data-v-24d6d7cd]{stroke:#6366f1;stroke-width:1;stroke-dasharray:none}.vertex-handle[data-v-24d6d7cd]{cursor:move;transition:all .15s}.vertex-handle[data-v-24d6d7cd]:hover{r:2;fill:#4f46e5}.preview-slot[data-v-24d6d7cd]{position:absolute;border:2px dashed var(--border);background:rgba(var(--accent-rgb, 99, 102, 241),.1);cursor:move;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:4px}.preview-slot[data-v-24d6d7cd]:hover{border-color:var(--accent);background:rgba(var(--accent-rgb, 99, 102, 241),.15)}.preview-slot.selected[data-v-24d6d7cd]{border-color:var(--accent);border-style:solid;background:rgba(var(--accent-rgb, 99, 102, 241),.2)}.slot-label[data-v-24d6d7cd]{font-weight:700;font-size:24px;color:var(--accent);opacity:.5}.preview-slot.is-text[data-v-24d6d7cd]{background:#0000000d;border-style:solid;border-color:#0003}.text-overlay-content[data-v-24d6d7cd]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-weight:600;word-wrap:break-word;overflow:hidden}.resize-handles[data-v-24d6d7cd]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.resize-handle[data-v-24d6d7cd]{position:absolute;width:12px;height:12px;background:var(--accent);border:2px solid white;border-radius:50%;pointer-events:all;transition:all .2s}.resize-handle[data-v-24d6d7cd]:hover{transform:scale(1.3);box-shadow:0 0 0 4px #6366f133}.resize-handle.nw[data-v-24d6d7cd]{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.ne[data-v-24d6d7cd]{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.sw[data-v-24d6d7cd]{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.se[data-v-24d6d7cd]{bottom:-6px;right:-6px;cursor:nwse-resize}.modal-overlay[data-v-24d6d7cd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-category-dialog[data-v-24d6d7cd]{background:var(--panel-bg);border-radius:16px;padding:32px;width:90%;max-width:480px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border)}.new-category-dialog h3[data-v-24d6d7cd]{margin:0 0 24px;font-size:20px;font-weight:700;color:var(--text-strong)}.new-category-dialog .form-group[data-v-24d6d7cd]{margin-bottom:20px}.new-category-dialog .form-group label[data-v-24d6d7cd]{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.new-category-dialog .input-field[data-v-24d6d7cd]{width:100%;padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;font-weight:500;transition:all .2s}.new-category-dialog .input-field[data-v-24d6d7cd]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.new-category-dialog .layout-name-input[data-v-24d6d7cd]{width:100%;padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;font-weight:500;transition:all .2s}.layout-name-input[data-v-24d6d7cd]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.dialog-actions[data-v-24d6d7cd]{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.btn-cancel[data-v-24d6d7cd],.btn-create[data-v-24d6d7cd]{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel[data-v-24d6d7cd]{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-cancel[data-v-24d6d7cd]:hover{background:var(--muted);border-color:var(--text-muted)}.btn-create[data-v-24d6d7cd]{background:var(--accent);border:none;color:#fff}.btn-create[data-v-24d6d7cd]:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.btn-create[data-v-24d6d7cd]:disabled{opacity:.5;cursor:not-allowed}.layout-library[data-v-92e4e416]{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg)}.library-header[data-v-92e4e416]{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;background:var(--panel-bg)}.back-btn[data-v-92e4e416]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font-weight:500;transition:all .2s}.back-btn[data-v-92e4e416]:hover{background:var(--muted);border-color:var(--accent)}.library-header h1[data-v-92e4e416]{flex:1;font-size:20px;font-weight:700;color:var(--text-strong);margin:0}.create-btn[data-v-92e4e416]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.create-btn[data-v-92e4e416]:hover{background:var(--accent-strong);transform:translateY(-1px)}.library-content[data-v-92e4e416]{flex:1;display:flex;overflow:hidden}.categories-sidebar[data-v-92e4e416]{width:250px;background:var(--panel-bg);border-right:1px solid var(--border);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.sidebar-section[data-v-92e4e416]{display:flex;flex-direction:column;gap:12px}.section-label[data-v-92e4e416]{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.search-box[data-v-92e4e416]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:8px;transition:all .2s}.search-box[data-v-92e4e416]:focus-within{border-color:var(--accent)}.search-box svg[data-v-92e4e416]{color:var(--text-muted);flex-shrink:0}.search-box input[data-v-92e4e416]{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px}.category-list[data-v-92e4e416]{display:flex;flex-direction:column;gap:4px}.category-item[data-v-92e4e416]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;color:var(--text);text-align:left;transition:all .2s}.category-item[data-v-92e4e416]:hover{background:var(--muted);border-color:var(--border)}.category-item.active[data-v-92e4e416]{background:var(--accent);color:#fff;border-color:var(--accent)}.category-icon[data-v-92e4e416]{font-size:18px}.category-name[data-v-92e4e416]{flex:1;font-size:14px;font-weight:500}.category-count[data-v-92e4e416]{font-size:12px;font-weight:600;opacity:.7}.toggle-group[data-v-92e4e416]{display:flex;flex-direction:column;gap:8px}.toggle-item[data-v-92e4e416]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-item input[type=checkbox][data-v-92e4e416]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.toggle-item span[data-v-92e4e416]{font-size:13px;color:var(--text)}.layouts-grid-container[data-v-92e4e416]{flex:1;display:flex;flex-direction:column;overflow:hidden}.grid-header[data-v-92e4e416]{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.grid-info h2[data-v-92e4e416]{font-size:24px;font-weight:700;color:var(--text-strong);margin:0 0 4px}.grid-info p[data-v-92e4e416]{font-size:14px;color:var(--text-muted);margin:0}.grid-actions[data-v-92e4e416]{display:flex;gap:8px}.action-btn[data-v-92e4e416]{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s}.action-btn[data-v-92e4e416]:hover:not(:disabled){background:var(--accent-strong)}.action-btn[data-v-92e4e416]:disabled{opacity:.5;cursor:not-allowed}.action-btn.secondary[data-v-92e4e416]{background:transparent;border:1px solid var(--border);color:var(--text)}.action-btn.secondary[data-v-92e4e416]:hover:not(:disabled){background:var(--muted);border-color:var(--accent)}.layouts-grid[data-v-92e4e416]{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;align-content:start}.layout-card[data-v-92e4e416]{background:var(--panel-bg);border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.layout-card[data-v-92e4e416]:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.layout-card.enabled[data-v-92e4e416]{border-color:var(--accent);background:var(--panel-bg-solid)}.layout-preview[data-v-92e4e416]{aspect-ratio:1;background:#fff;padding:16px;border-bottom:1px solid var(--border)}.layout-preview svg[data-v-92e4e416]{width:100%;height:100%}.layout-info[data-v-92e4e416]{padding:16px;flex:1}.layout-info h3[data-v-92e4e416]{font-size:15px;font-weight:600;color:var(--text-strong);margin:0 0 8px}.layout-meta[data-v-92e4e416]{display:flex;gap:6px;flex-wrap:wrap}.meta-badge[data-v-92e4e416]{padding:4px 8px;background:var(--muted);color:var(--text-muted);border-radius:4px;font-size:11px;font-weight:600}.meta-badge.custom[data-v-92e4e416]{background:var(--accent);color:#fff}.layout-actions[data-v-92e4e416]{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}.toggle-btn[data-v-92e4e416]{flex:1;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.toggle-btn[data-v-92e4e416]:hover{background:var(--muted);border-color:var(--accent)}.toggle-btn.enabled[data-v-92e4e416]{background:var(--accent);border-color:var(--accent);color:#fff}.icon-btn[data-v-92e4e416]{width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.icon-btn[data-v-92e4e416]:hover{background:var(--muted);color:var(--text)}.icon-btn.edit[data-v-92e4e416]:hover{background:var(--accent);border-color:var(--accent);color:#fff}.icon-btn.delete[data-v-92e4e416]:hover{background:var(--danger);border-color:var(--danger);color:#fff}.modal-overlay[data-v-294e8026]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn-294e8026 .2s ease}.modal[data-v-294e8026]{background:var(--panel-bg);border-radius:20px;padding:32px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border);animation:modalSlideUp-294e8026 .3s ease}@keyframes fadeIn-294e8026{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp-294e8026{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-294e8026]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2[data-v-294e8026]{font-size:24px;font-weight:700;color:var(--text-strong)}.close-btn[data-v-294e8026]{width:36px;height:36px;border-radius:50%;border:none;background:var(--muted);color:var(--text);font-size:20px;cursor:pointer;transition:all .2s}.close-btn[data-v-294e8026]:hover{background:var(--border);transform:scale(1.1)}.loading[data-v-294e8026]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.spinner[data-v-294e8026]{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-294e8026 1s linear infinite;margin-bottom:16px}@keyframes spin-294e8026{to{transform:rotate(360deg)}}.empty-state[data-v-294e8026],.error-state[data-v-294e8026]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-294e8026]{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-294e8026]{font-size:20px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-state p[data-v-294e8026]{color:var(--text-muted);margin-bottom:24px}.publications-list[data-v-294e8026]{overflow-y:auto;display:flex;flex-direction:column;gap:16px}.publication-card[data-v-294e8026]{display:flex;align-items:center;gap:16px;padding:20px;background:var(--muted);border-radius:12px;border:1px solid var(--border);transition:all .2s}.publication-card[data-v-294e8026]:hover{background:var(--panel-bg);border-color:var(--accent);box-shadow:0 4px 12px #0000001a}.pub-icon[data-v-294e8026]{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--panel-bg);border-radius:12px;flex-shrink:0}.pub-info[data-v-294e8026]{flex:1;min-width:0}.pub-info h3[data-v-294e8026]{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-meta[data-v-294e8026]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:6px}.pub-stats[data-v-294e8026]{font-size:12px;color:var(--text-muted)}.pub-actions[data-v-294e8026]{display:flex;gap:8px;flex-shrink:0}.btn-sm[data-v-294e8026]{padding:8px 12px;font-size:13px}.btn-danger[data-v-294e8026]:hover{background:#ef4444;color:#fff;border-color:#ef4444}.toast-container[data-v-a8241af4]{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast[data-v-a8241af4]{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px;background:var(--panel-bg);border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 24px #0003;pointer-events:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toast-icon[data-v-a8241af4]{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700}.toast-success[data-v-a8241af4]{border-color:#10b981}.toast-success .toast-icon[data-v-a8241af4]{background:#10b981;color:#fff}.toast-error[data-v-a8241af4]{border-color:#ef4444}.toast-error .toast-icon[data-v-a8241af4]{background:#ef4444;color:#fff}.toast-warning[data-v-a8241af4]{border-color:#f59e0b}.toast-warning .toast-icon[data-v-a8241af4]{background:#f59e0b;color:#fff}.toast-info[data-v-a8241af4]{border-color:#3b82f6}.toast-info .toast-icon[data-v-a8241af4]{background:#3b82f6;color:#fff}.toast-content[data-v-a8241af4]{flex:1;min-width:0}.toast-title[data-v-a8241af4]{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.toast-message[data-v-a8241af4]{font-size:13px;color:var(--text-muted);line-height:1.4;word-wrap:break-word}.toast-close[data-v-a8241af4]{width:24px;height:24px;flex-shrink:0;border:none;background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;border-radius:4px;transition:all .2s}.toast-close[data-v-a8241af4]:hover{background:var(--muted);color:var(--text)}.toast-enter-active[data-v-a8241af4],.toast-leave-active[data-v-a8241af4]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-a8241af4],.toast-leave-to[data-v-a8241af4]{opacity:0;transform:translate(100%) scale(.9)}.toast-move[data-v-a8241af4]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.dialog-overlay[data-v-59a3c357]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99998;padding:24px}.dialog[data-v-59a3c357]{background:var(--panel-bg);border-radius:16px;padding:32px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border);position:relative;animation:dialogSlideUp-59a3c357 .3s cubic-bezier(.4,0,.2,1)}@keyframes dialogSlideUp-59a3c357{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-close[data-v-59a3c357]{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:var(--muted);color:var(--text);font-size:16px;cursor:pointer;transition:all .2s}.dialog-close[data-v-59a3c357]:hover{background:var(--border);transform:scale(1.1)}.dialog-icon[data-v-59a3c357]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.dialog-icon-info[data-v-59a3c357]{background:color-mix(in srgb,#3b82f6 20%,transparent)}.dialog-icon-warning[data-v-59a3c357]{background:color-mix(in srgb,#f59e0b 20%,transparent)}.dialog-icon-danger[data-v-59a3c357]{background:color-mix(in srgb,#ef4444 20%,transparent)}.dialog-icon-success[data-v-59a3c357]{background:color-mix(in srgb,#10b981 20%,transparent)}.dialog-content[data-v-59a3c357]{text-align:center;margin-bottom:24px}.dialog-title[data-v-59a3c357]{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.dialog-message[data-v-59a3c357]{font-size:14px;color:var(--text-muted);line-height:1.6;white-space:pre-line}.dialog-actions[data-v-59a3c357]{display:flex;gap:12px;justify-content:flex-end}.dialog-actions .btn[data-v-59a3c357]{padding:12px 24px;font-size:14px;font-weight:600}.btn-danger[data-v-59a3c357]{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger[data-v-59a3c357]:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.fade-enter-active[data-v-59a3c357],.fade-leave-active[data-v-59a3c357]{transition:opacity .2s ease}.fade-enter-from[data-v-59a3c357],.fade-leave-to[data-v-59a3c357]{opacity:0}.progress-overlay[data-v-607604cb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px}.progress-modal[data-v-607604cb]{background:var(--panel-bg);border-radius:20px;padding:40px;width:100%;max-width:500px;box-shadow:0 20px 60px #0006;border:1px solid var(--border);animation:modalSlideUp-607604cb .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp-607604cb{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-header[data-v-607604cb]{text-align:center;margin-bottom:32px}.progress-icon[data-v-607604cb]{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.progress-icon.success[data-v-607604cb]{animation:successPulse-607604cb .6s ease}@keyframes successPulse-607604cb{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.spinner-large[data-v-607604cb]{animation:spin-607604cb 1s linear infinite}@keyframes spin-607604cb{to{transform:rotate(360deg)}}.progress-header h3[data-v-607604cb]{font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px}.progress-subtitle[data-v-607604cb]{font-size:14px;color:var(--text-muted)}.progress-content[data-v-607604cb]{margin-bottom:24px}.progress-bar-container[data-v-607604cb]{display:flex;align-items:center;gap:12px;margin-bottom:24px}.progress-bar[data-v-607604cb]{flex:1;height:8px;background:var(--muted);border-radius:999px;overflow:hidden}.progress-bar-fill[data-v-607604cb]{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 80%,purple));border-radius:999px;transition:width .3s ease}.progress-text[data-v-607604cb]{font-size:14px;font-weight:600;color:var(--text);min-width:45px;text-align:right;font-variant-numeric:tabular-nums}.steps-list[data-v-607604cb]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.step-item[data-v-607604cb]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--muted);border-radius:10px;transition:all .3s ease}.step-item.active[data-v-607604cb]{background:color-mix(in srgb,var(--accent) 10%,var(--muted));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.step-item.completed[data-v-607604cb]{opacity:.6}.step-icon[data-v-607604cb]{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent)}.step-dot[data-v-607604cb]{width:8px;height:8px;border-radius:50%;background:var(--border)}.step-spinner[data-v-607604cb]{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-607604cb 1s linear infinite}.step-text[data-v-607604cb]{flex:1}.step-label[data-v-607604cb]{font-size:14px;font-weight:500;color:var(--text);margin-bottom:2px}.step-detail[data-v-607604cb]{font-size:12px;color:var(--text-muted)}.file-info[data-v-607604cb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;padding:16px;background:var(--muted);border-radius:10px;margin-bottom:8px}.info-item[data-v-607604cb]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-607604cb]{font-size:13px;color:var(--text-muted)}.info-value[data-v-607604cb]{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.download-waiting[data-v-607604cb]{display:flex;align-items:center;gap:12px;padding:16px;background:color-mix(in srgb,var(--accent) 8%,var(--muted));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:10px;margin-top:12px;animation:pulse-607604cb 2s ease-in-out infinite}@keyframes pulse-607604cb{0%,to{opacity:1}50%{opacity:.7}}.waiting-icon[data-v-607604cb]{font-size:20px;animation:rotate-607604cb 2s linear infinite}@keyframes rotate-607604cb{to{transform:rotate(360deg)}}.waiting-text[data-v-607604cb]{font-size:13px;font-weight:500;color:var(--text)}.progress-actions[data-v-607604cb]{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.progress-actions .btn[data-v-607604cb]{padding:12px 24px;font-size:14px;font-weight:600}.fade-enter-active[data-v-607604cb],.fade-leave-active[data-v-607604cb]{transition:opacity .2s ease}.fade-enter-from[data-v-607604cb],.fade-leave-to[data-v-607604cb]{opacity:0}.modal-overlay[data-v-8a1dda09]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px}.modal-content[data-v-8a1dda09]{background:var(--panel-bg-solid);border-radius:16px;box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.shortcuts-modal[data-v-8a1dda09]{max-width:900px}.modal-header[data-v-8a1dda09]{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border)}.modal-header h2[data-v-8a1dda09]{font-size:24px;font-weight:700;color:var(--text-strong);margin:0}.close-btn[data-v-8a1dda09]{width:36px;height:36px;border:none;border-radius:8px;background:var(--muted);color:var(--text);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-8a1dda09]:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.modal-body[data-v-8a1dda09]{flex:1;overflow-y:auto;padding:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.shortcuts-section h3[data-v-8a1dda09]{font-size:16px;font-weight:700;color:var(--text-strong);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--accent)}.shortcut-list[data-v-8a1dda09]{display:flex;flex-direction:column;gap:12px}.shortcut-item[data-v-8a1dda09]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:var(--muted);border-radius:8px;transition:all .2s ease}.shortcut-item[data-v-8a1dda09]:hover{background:var(--border);transform:translate(4px)}.shortcut-keys[data-v-8a1dda09]{display:flex;align-items:center;gap:4px;flex-shrink:0}.shortcut-keys kbd[data-v-8a1dda09]{padding:6px 10px;background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:600;color:var(--text);font-family:monospace;box-shadow:0 2px 4px #0000001a;min-width:32px;text-align:center}.shortcut-description[data-v-8a1dda09]{flex:1;font-size:14px;color:var(--text-muted);font-weight:500}.modal-footer[data-v-8a1dda09]{padding:20px 32px;border-top:1px solid var(--border);background:var(--muted)}.hint[data-v-8a1dda09]{margin:0;font-size:13px;color:var(--text-muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.hint kbd[data-v-8a1dda09]{padding:4px 8px;background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;font-size:12px;font-weight:600;color:var(--text);font-family:monospace}.modal-fade-enter-active[data-v-8a1dda09],.modal-fade-leave-active[data-v-8a1dda09]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-8a1dda09],.modal-fade-leave-to[data-v-8a1dda09]{opacity:0}.modal-fade-enter-active .modal-content[data-v-8a1dda09],.modal-fade-leave-active .modal-content[data-v-8a1dda09]{transition:transform .3s ease}.modal-fade-enter-from .modal-content[data-v-8a1dda09],.modal-fade-leave-to .modal-content[data-v-8a1dda09]{transform:scale(.95)}@media (max-width: 768px){.modal-body[data-v-8a1dda09]{grid-template-columns:1fr;gap:24px}}ul[data-v-a6359a66]{list-style:none;margin:0;padding:0}.book[data-v-a6359a66]{position:relative;width:160px;height:220px;perspective:1000px;transform-style:preserve-3d;margin:0;transition:transform .8s ease}.book[data-v-a6359a66]:hover{transform:translate(60px)}.hardcover_front li[data-v-a6359a66]:first-child{backface-visibility:hidden}.hardcover_front li[data-v-a6359a66]:last-child{background:#fffbec}.hardcover_back li[data-v-a6359a66]:first-child{background:#fffbec}.hardcover_back li[data-v-a6359a66]:last-child{background:#fffbec}.book_spine li[data-v-a6359a66]:first-child{background:#eee}.book_spine li[data-v-a6359a66]:last-child{background:#333}.hardcover_front li[data-v-a6359a66]:first-child:after,.hardcover_front li[data-v-a6359a66]:first-child:before,.hardcover_front li[data-v-a6359a66]:last-child:after,.hardcover_front li[data-v-a6359a66]:last-child:before,.hardcover_back li[data-v-a6359a66]:first-child:after,.hardcover_back li[data-v-a6359a66]:first-child:before,.hardcover_back li[data-v-a6359a66]:last-child:after,.hardcover_back li[data-v-a6359a66]:last-child:before,.book_spine li[data-v-a6359a66]:first-child:after,.book_spine li[data-v-a6359a66]:first-child:before,.book_spine li[data-v-a6359a66]:last-child:after,.book_spine li[data-v-a6359a66]:last-child:before{background:#999;content:""}.page>li[data-v-a6359a66]{background:linear-gradient(to right,#e1ddd8,#fffbf6);box-shadow:inset 0 -1px 2px #3232321a,inset -1px 0 1px #96969633;border-radius:0 5px 5px 0}.hardcover_front[data-v-a6359a66]{transform:rotateY(-34deg) translateZ(8px);z-index:100}.hardcover_back[data-v-a6359a66]{transform:rotateY(-15deg) translateZ(-8px)}.cover-paperback .hardcover_front[data-v-a6359a66]{transform:rotateY(-34deg) translateZ(4px)}.cover-paperback .hardcover_back[data-v-a6359a66]{transform:rotateY(-15deg) translateZ(-4px)}.page li[data-v-a6359a66]:nth-child(1){transform:rotateY(-28deg)}.page li[data-v-a6359a66]:nth-child(2){transform:rotateY(-30deg)}.page li[data-v-a6359a66]:nth-child(3){transform:rotateY(-32deg)}.page li[data-v-a6359a66]:nth-child(4){transform:rotateY(-34deg)}.page li[data-v-a6359a66]:nth-child(5){transform:rotateY(-36deg)}.hardcover_front[data-v-a6359a66],.hardcover_back[data-v-a6359a66],.book_spine[data-v-a6359a66],.hardcover_front li[data-v-a6359a66],.hardcover_back li[data-v-a6359a66],.book_spine li[data-v-a6359a66]{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}.hardcover_front[data-v-a6359a66],.hardcover_back[data-v-a6359a66]{transform-origin:0% 100%}.hardcover_front[data-v-a6359a66]{transition:all .8s ease,z-index .6s}.hardcover_front li[data-v-a6359a66]:first-child{cursor:default;-webkit-user-select:none;user-select:none;transform:translateZ(2px)}.hardcover_front li[data-v-a6359a66]:last-child{transform:rotateY(180deg) translateZ(2px)}.hardcover_back li[data-v-a6359a66]:first-child{transform:translateZ(2px)}.hardcover_back li[data-v-a6359a66]:last-child{transform:translateZ(-2px)}.cover-paperback .hardcover_front li[data-v-a6359a66]:first-child{transform:translateZ(1px)}.cover-paperback .hardcover_front li[data-v-a6359a66]:last-child{transform:rotateY(180deg) translateZ(1px)}.cover-paperback .hardcover_back li[data-v-a6359a66]:first-child{transform:translateZ(1px)}.cover-paperback .hardcover_back li[data-v-a6359a66]:last-child{transform:translateZ(-1px)}.hardcover_front li[data-v-a6359a66]:first-child:after,.hardcover_front li[data-v-a6359a66]:first-child:before,.hardcover_front li[data-v-a6359a66]:last-child:after,.hardcover_front li[data-v-a6359a66]:last-child:before,.hardcover_back li[data-v-a6359a66]:first-child:after,.hardcover_back li[data-v-a6359a66]:first-child:before,.hardcover_back li[data-v-a6359a66]:last-child:after,.hardcover_back li[data-v-a6359a66]:last-child:before,.book_spine li[data-v-a6359a66]:first-child:after,.book_spine li[data-v-a6359a66]:first-child:before,.book_spine li[data-v-a6359a66]:last-child:after,.book_spine li[data-v-a6359a66]:last-child:before{position:absolute;top:0;left:0}.hardcover_front li[data-v-a6359a66]:first-child:after,.hardcover_front li[data-v-a6359a66]:first-child:before{width:4px;height:100%}.hardcover_front li[data-v-a6359a66]:first-child:after{transform:rotateY(90deg) translateZ(-2px) translate(2px)}.hardcover_front li[data-v-a6359a66]:first-child:before{transform:rotateY(90deg) translateZ(158px) translate(2px)}.hardcover_front li[data-v-a6359a66]:last-child:after,.hardcover_front li[data-v-a6359a66]:last-child:before{width:4px;height:160px}.hardcover_front li[data-v-a6359a66]:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(80px) translate(-2px) translateY(-78px)}.hardcover_front li[data-v-a6359a66]:last-child:before{box-shadow:0 0 30px 5px #333;transform:rotateX(90deg) rotate(90deg) translateZ(-140px) translate(-2px) translateY(-78px)}.hardcover_back li[data-v-a6359a66]:first-child:after,.hardcover_back li[data-v-a6359a66]:first-child:before{width:4px;height:100%}.hardcover_back li[data-v-a6359a66]:first-child:after{transform:rotateY(90deg) translateZ(-2px) translate(2px)}.hardcover_back li[data-v-a6359a66]:first-child:before{transform:rotateY(90deg) translateZ(158px) translate(2px)}.hardcover_back li[data-v-a6359a66]:last-child:after,.hardcover_back li[data-v-a6359a66]:last-child:before{width:4px;height:160px}.hardcover_back li[data-v-a6359a66]:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(80px) translate(2px) translateY(-78px)}.hardcover_back li[data-v-a6359a66]:last-child:before{box-shadow:10px -1px 80px 20px #666;transform:rotateX(90deg) rotate(90deg) translateZ(-140px) translate(2px) translateY(-78px)}.book_spine[data-v-a6359a66]{transform:rotateY(60deg) translate(-5px) translateZ(-12px);width:16px;z-index:0}.book_spine li[data-v-a6359a66]:first-child{transform:translateZ(2px)}.book_spine li[data-v-a6359a66]:last-child{transform:translateZ(-2px)}.cover-paperback .book_spine[data-v-a6359a66]{transform:rotateY(60deg) translate(-5px) translateZ(-8px)}.cover-paperback .book_spine li[data-v-a6359a66]:first-child{transform:translateZ(1px)}.cover-paperback .book_spine li[data-v-a6359a66]:last-child{transform:translateZ(-1px)}.book_spine li[data-v-a6359a66]:first-child:after,.book_spine li[data-v-a6359a66]:first-child:before{width:4px;height:100%}.book_spine li[data-v-a6359a66]:first-child:after{transform:rotateY(90deg) translateZ(-2px) translate(2px)}.book_spine li[data-v-a6359a66]:first-child:before{transform:rotateY(-90deg) translateZ(-12px)}.book_spine li[data-v-a6359a66]:last-child:after,.book_spine li[data-v-a6359a66]:last-child:before{width:4px;height:16px}.book_spine li[data-v-a6359a66]:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(8px) translate(2px) translateY(-6px)}.book_spine li[data-v-a6359a66]:last-child:before{box-shadow:5px -1px 100px 40px #0003;transform:rotateX(90deg) rotate(90deg) translateZ(-210px) translate(2px) translateY(-6px)}.page[data-v-a6359a66],.page>li[data-v-a6359a66]{position:absolute;top:0;left:0;transform-style:preserve-3d}.page[data-v-a6359a66]{width:100%;height:98%;top:1%;left:3%;z-index:10}.page>li[data-v-a6359a66]{width:100%;height:100%;transform-origin:left center;transition-property:transform;transition-timing-function:ease}.page>li[data-v-a6359a66]:nth-child(1){transition-duration:.6s}.page>li[data-v-a6359a66]:nth-child(2){transition-duration:.6s}.page>li[data-v-a6359a66]:nth-child(3){transition-duration:.4s}.page>li[data-v-a6359a66]:nth-child(4){transition-duration:.5s}.page>li[data-v-a6359a66]:nth-child(5){transition-duration:.6s}.book:hover>.hardcover_front[data-v-a6359a66]{transform:rotateY(-145deg) translateZ(0);z-index:0}.cover-paperback[data-v-a6359a66]:hover{transform:translate(50px)}.book:hover>.page li[data-v-a6359a66]:nth-child(1){transform:rotateY(-30deg);transition-duration:1.5s}.book:hover>.page li[data-v-a6359a66]:nth-child(2){transform:rotateY(-35deg);transition-duration:1.8s}.book:hover>.page li[data-v-a6359a66]:nth-child(3){transform:rotateY(-118deg);transition-duration:1.6s}.book:hover>.page li[data-v-a6359a66]:nth-child(4){transform:rotateY(-130deg);transition-duration:1.4s}.book:hover>.page li[data-v-a6359a66]:nth-child(5){transform:rotateY(-140deg);transition-duration:1.2s}.coverDesign[data-v-a6359a66]{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;backface-visibility:hidden}.coverDesign[data-v-a6359a66]:after{content:"";background-image:linear-gradient(-135deg,rgba(255,255,255,.45) 0%,transparent 100%);position:absolute;top:0;left:0;bottom:0;right:0}.cover-title[data-v-a6359a66]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;z-index:10;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);text-align:center}.cover-title h4[data-v-a6359a66]{font-size:12px;font-weight:700;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;word-break:break-word}.cover-texture[data-v-a6359a66]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.8}.spine-title[data-v-a6359a66]{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:200px;padding:10px 0}.page-content[data-v-a6359a66]{padding:20px 16px;display:flex;flex-direction:column;gap:12px;height:100%}.preview-slot[data-v-a6359a66]{width:100%;height:50px;background:linear-gradient(135deg,#e8e8e8,#f5f5f5);border-radius:4px;border:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden}.preview-slot[data-v-a6359a66]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#0000001a;border-radius:4px}.preview-text-lines[data-v-a6359a66]{display:flex;flex-direction:column;gap:6px;margin-top:8px}.text-line[data-v-a6359a66]{height:3px;background:#00000026;border-radius:2px}.text-line[data-v-a6359a66]:nth-child(1){width:90%}.text-line[data-v-a6359a66]:nth-child(2){width:85%}.text-line[data-v-a6359a66]:nth-child(3){width:70%}.cover-paperback .cover-title[data-v-a6359a66]{color:#2c2416;text-shadow:0 1px 2px rgba(255,255,255,.3)}.cover-paperback .spine-title[data-v-a6359a66]{color:#2c2416e6;text-shadow:0 1px 1px rgba(255,255,255,.2)}.cover-paperback .book_spine[data-v-a6359a66]{width:8px}.cover-paperback .book_spine li[data-v-a6359a66]:first-child:before{transform:rotateY(-90deg) translateZ(-6px)}.cover-paperback .hardcover_front li[data-v-a6359a66]:first-child:after,.cover-paperback .hardcover_front li[data-v-a6359a66]:first-child:before{width:2px}.cover-paperback .hardcover_front li[data-v-a6359a66]:last-child:after,.cover-paperback .hardcover_front li[data-v-a6359a66]:last-child:before{width:2px;height:160px}.cover-paperback .hardcover_back li[data-v-a6359a66]:first-child:after,.cover-paperback .hardcover_back li[data-v-a6359a66]:first-child:before{width:2px}.cover-paperback .hardcover_back li[data-v-a6359a66]:last-child:after,.cover-paperback .hardcover_back li[data-v-a6359a66]:last-child:before{width:2px;height:160px}.cover-paperback .book_spine li[data-v-a6359a66]:first-child:after,.cover-paperback .book_spine li[data-v-a6359a66]:first-child:before{width:2px}.cover-paperback .book_spine li[data-v-a6359a66]:last-child:after,.cover-paperback .book_spine li[data-v-a6359a66]:last-child:before{width:2px;height:8px}.cover-designer-modal[data-v-204c2a62]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.cover-designer-container[data-v-204c2a62]{background:var(--panel-bg);border-radius:20px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden}.cover-designer-header[data-v-204c2a62]{padding:32px;border-bottom:1px solid var(--border);position:relative}.cover-designer-header h2[data-v-204c2a62]{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text)}.cover-designer-header p[data-v-204c2a62]{margin:0;color:var(--text-muted);font-size:14px}.close-btn[data-v-204c2a62]{position:absolute;top:32px;right:32px;background:none;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.close-btn[data-v-204c2a62]:hover{background:var(--muted)}.cover-tabs[data-v-204c2a62]{padding:20px 32px;border-bottom:1px solid var(--border);display:flex;gap:12px}.cover-tab[data-v-204c2a62]{padding:12px 24px;background:var(--muted);border:1px solid var(--border);border-radius:12px;color:var(--text);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.cover-tab[data-v-204c2a62]:hover{background:var(--border)}.cover-tab.active[data-v-204c2a62]{background:var(--accent);color:#fff;border-color:var(--accent)}.design-canvas-container[data-v-204c2a62]{flex:1;display:flex;overflow:hidden}.canvas-wrapper[data-v-204c2a62]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.cover-preview[data-v-204c2a62]{position:relative;display:flex;box-shadow:0 10px 30px #0000004d}.cover-front .front-cover[data-v-204c2a62],.cover-back .back-cover[data-v-204c2a62]{border-radius:4px 12px 12px 4px}.cover-spine .spine-cover[data-v-204c2a62]{background:#f5f5f5;border-left:1px solid var(--border);border-right:1px solid var(--border)}.cover-canvas[data-v-204c2a62]{position:relative;background:#fff;border:1px solid var(--border);overflow:hidden}.cover-content[data-v-204c2a62]{position:relative;width:100%;height:100%}.design-element[data-v-204c2a62]{cursor:pointer;border:2px solid transparent;transition:border-color .2s}.design-element[data-v-204c2a62]:hover{border-color:var(--accent)}.empty-cover[data-v-204c2a62],.empty-spine[data-v-204c2a62]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.empty-icon[data-v-204c2a62]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text[data-v-204c2a62]{font-size:18px;font-weight:600}.empty-spine .empty-icon[data-v-204c2a62]{font-size:32px}.empty-spine .empty-text[data-v-204c2a62]{font-size:14px;writing-mode:vertical-rl;text-orientation:mixed}.design-tools[data-v-204c2a62]{width:320px;background:var(--panel-bg);border-left:1px solid var(--border);padding:24px;overflow-y:auto}.tool-section[data-v-204c2a62]{margin-bottom:32px}.tool-section h4[data-v-204c2a62]{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text)}.tool-buttons[data-v-204c2a62]{display:flex;flex-direction:column;gap:8px}.tool-btn[data-v-204c2a62]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-weight:500;cursor:pointer;transition:all .2s}.tool-btn[data-v-204c2a62]:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.color-picker[data-v-204c2a62]{display:flex;align-items:center;gap:12px}.color-picker input[type=color][data-v-204c2a62]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer}.property-group[data-v-204c2a62]{margin-bottom:20px}.property-group label[data-v-204c2a62]{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.property-group input[type=text][data-v-204c2a62],.property-group input[type=number][data-v-204c2a62],.property-group input[type=color][data-v-204c2a62]{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px}.property-group input[type=color][data-v-204c2a62]{width:60px;height:40px;padding:0}.position-controls[data-v-204c2a62],.size-controls[data-v-204c2a62]{display:flex;gap:12px}.control-item[data-v-204c2a62]{flex:1}.control-item label[data-v-204c2a62]{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:4px;display:block}.control-item input[data-v-204c2a62]{width:100%}.delete-btn[data-v-204c2a62]{width:100%;padding:12px;background:var(--danger);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.delete-btn[data-v-204c2a62]:hover{background:var(--danger-strong);transform:translateY(-1px)}.cover-designer-actions[data-v-204c2a62]{padding:24px 32px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.btn[data-v-204c2a62]{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-outline[data-v-204c2a62]{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline[data-v-204c2a62]:hover{background:var(--muted)}.btn-primary[data-v-204c2a62]{background:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary[data-v-204c2a62]:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.order-print-page[data-v-82de8179]{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--text)}.order-header[data-v-82de8179]{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--panel-bg);border-bottom:1px solid var(--border)}.back-btn[data-v-82de8179]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--muted);border:1px solid var(--border);border-radius:8px;color:var(--text);font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn[data-v-82de8179]:hover{background:var(--border)}.order-header h1[data-v-82de8179]{font-size:24px;font-weight:700;margin:0}.order-content[data-v-82de8179]{flex:1;display:grid;grid-template-columns:1fr 500px;overflow:hidden}.preview-section[data-v-82de8179]{padding:32px;overflow-y:auto;border-right:1px solid var(--border);margin-bottom:200px}.section-header[data-v-82de8179]{margin-bottom:24px}.section-header h2[data-v-82de8179]{font-size:20px;font-weight:700;margin:0 0 8px}.section-header p[data-v-82de8179]{margin:0;color:var(--text-muted);font-size:14px}.pdf-viewer-container[data-v-82de8179]{width:100%;height:400px;max-height:50vh;background:var(--muted);border-radius:12px;overflow:hidden;margin-bottom:32px;border:1px solid var(--border)}.pdf-iframe[data-v-82de8179]{width:100%;height:100%}.pdf-loading[data-v-82de8179]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.spinner[data-v-82de8179]{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-82de8179 .8s linear infinite}@keyframes spin-82de8179{to{transform:rotate(360deg)}}.book-properties[data-v-82de8179]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.book-properties h3[data-v-82de8179]{font-size:16px;font-weight:600;margin:0 0 16px}.properties-grid[data-v-82de8179]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.property-item[data-v-82de8179]{display:flex;flex-direction:column;gap:4px}.property-label[data-v-82de8179]{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.property-value[data-v-82de8179]{font-size:14px;font-weight:600;color:var(--text)}.options-section[data-v-82de8179]{padding:32px;overflow-y:auto;background:var(--panel-bg)}.preview-3d-container[data-v-82de8179]{margin-bottom:32px;padding:24px;background:var(--bg);border-radius:12px;border:1px solid var(--border);overflow:visible}.preview-3d-container h3[data-v-82de8179]{font-size:16px;font-weight:600;margin:0 0 8px}.preview-header[data-v-82de8179]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.preview-header h3[data-v-82de8179]{margin:0}.preview-hint[data-v-82de8179]{font-size:13px;color:var(--text-muted);margin:0 0 20px;text-align:center}.book-3d-preview[data-v-82de8179]{height:320px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:40px 20px;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:8px}.option-group[data-v-82de8179]{margin-bottom:32px}.option-group h3[data-v-82de8179]{font-size:16px;font-weight:600;margin:0 0 16px}.option-cards[data-v-82de8179]{display:flex;flex-direction:column;gap:12px}.option-card[data-v-82de8179]{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.option-card[data-v-82de8179]:hover{border-color:var(--accent);transform:translate(4px)}.option-card.selected[data-v-82de8179]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.option-icon[data-v-82de8179]{font-size:32px;flex-shrink:0}.option-info[data-v-82de8179]{flex:1}.option-info h4[data-v-82de8179]{font-size:15px;font-weight:600;margin:0 0 4px}.option-info p[data-v-82de8179]{font-size:13px;color:var(--text-muted);margin:0}.option-price[data-v-82de8179]{margin-top:8px}.price-amount[data-v-82de8179]{font-size:14px;font-weight:600;color:var(--accent)}.selected-indicator[data-v-82de8179]{width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.material-tabs[data-v-82de8179]{display:flex;gap:8px;margin-bottom:16px}.material-tab[data-v-82de8179]{padding:8px 16px;background:var(--muted);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.material-tab[data-v-82de8179]:hover{background:var(--border)}.material-tab.active[data-v-82de8179]{background:var(--accent);color:#fff;border-color:var(--accent)}.material-grid[data-v-82de8179]{display:flex;flex-wrap:wrap;gap:8px}.material-card[data-v-82de8179]{padding:0;background:transparent;border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.material-card[data-v-82de8179]:hover{border-color:var(--accent);transform:scale(1.05)}.material-card.selected[data-v-82de8179]{border-color:var(--accent);border-width:3px}.material-swatch[data-v-82de8179]{width:48px;height:48px;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001a}.material-info[data-v-82de8179]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:4px;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .2s ease}.material-card:hover .material-info[data-v-82de8179]{opacity:1}.material-info h5[data-v-82de8179]{font-size:10px;font-weight:600;margin:0;color:#fff}.material-price[data-v-82de8179]{font-size:9px;font-weight:600;color:var(--accent)}.quantity-selector[data-v-82de8179]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.qty-btn[data-v-82de8179]{width:40px;height:40px;background:var(--muted);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease}.qty-btn[data-v-82de8179]:hover:not(:disabled){background:var(--border)}.qty-btn[data-v-82de8179]:disabled{opacity:.4;cursor:not-allowed}.quantity-selector input[data-v-82de8179]{width:80px;padding:10px;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;font-weight:600}.quantity-note[data-v-82de8179]{font-size:12px;color:var(--text-muted);margin:0}.price-summary[data-v-82de8179]{background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:20px;margin-bottom:140px;position:sticky;top:0}.price-summary h3[data-v-82de8179]{font-size:16px;font-weight:600;margin:0 0 16px}.price-breakdown[data-v-82de8179]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.price-item[data-v-82de8179]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.price-value[data-v-82de8179]{font-weight:600;color:var(--text)}.price-add[data-v-82de8179]{color:var(--accent)}.price-divider[data-v-82de8179]{height:1px;background:var(--border);margin:8px 0}.price-total[data-v-82de8179]{font-size:18px;font-weight:700}.total-amount[data-v-82de8179]{display:flex;align-items:baseline;gap:2px;color:var(--accent)}.price-currency[data-v-82de8179]{font-size:16px}.price-change-enter-active[data-v-82de8179],.price-change-leave-active[data-v-82de8179]{transition:all .3s ease}.price-change-enter-from[data-v-82de8179]{transform:translateY(-10px) scale(.9);opacity:0}.price-change-leave-to[data-v-82de8179]{transform:translateY(10px) scale(.9);opacity:0}.btn-order[data-v-82de8179]{width:100%;padding:16px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #6366f14d}.btn-sm[data-v-82de8179]{padding:8px 16px;font-size:14px}.order-note[data-v-82de8179]{margin:12px 0 0;font-size:12px;text-align:center;color:var(--text-muted)}.admin-dashboard[data-v-1fab2a68]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.dashboard-header[data-v-1fab2a68]{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid var(--border);background:var(--panel-bg)}.dashboard-header h1[data-v-1fab2a68]{margin:0;font-size:28px;font-weight:700;color:var(--text-strong)}.dashboard-tabs[data-v-1fab2a68]{display:flex;gap:8px;padding:16px 40px;border-bottom:1px solid var(--border);background:var(--panel-bg);overflow-x:auto}.tab-btn[data-v-1fab2a68]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--muted);border:2px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn[data-v-1fab2a68]:hover{border-color:var(--accent);background:var(--panel-bg)}.tab-btn.active[data-v-1fab2a68]{background:var(--accent);border-color:var(--accent);color:#fff}.tab-icon[data-v-1fab2a68]{font-size:18px}.dashboard-content[data-v-1fab2a68]{flex:1;overflow-y:auto;padding:40px}.tab-content[data-v-1fab2a68]{max-width:1400px;margin:0 auto}.stats-grid[data-v-1fab2a68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card[data-v-1fab2a68]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.stat-icon[data-v-1fab2a68]{font-size:32px;margin-bottom:12px}.stat-value[data-v-1fab2a68]{font-size:32px;font-weight:700;color:var(--accent);margin-bottom:8px}.stat-label[data-v-1fab2a68]{font-size:14px;color:var(--text-muted);font-weight:500}.charts-grid[data-v-1fab2a68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:40px}.chart-card[data-v-1fab2a68]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.chart-card h3[data-v-1fab2a68]{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--text-strong)}.simple-bar-chart[data-v-1fab2a68]{display:flex;align-items:flex-end;gap:12px;height:200px;padding:20px 0}.bar-item[data-v-1fab2a68]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar[data-v-1fab2a68]{width:100%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);border-radius:4px 4px 0 0;min-height:20px;transition:all .3s}.bar-item:hover .bar[data-v-1fab2a68]{opacity:.8}.bar-label[data-v-1fab2a68]{font-size:11px;color:var(--text-muted);font-weight:500}.bar-value[data-v-1fab2a68]{font-size:12px;font-weight:600;color:var(--text)}.empty-chart[data-v-1fab2a68]{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}.storage-breakdown[data-v-1fab2a68]{display:flex;flex-direction:column;gap:16px}.storage-item[data-v-1fab2a68]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--muted);border-radius:8px}.storage-item.total[data-v-1fab2a68]{background:var(--accent);color:#fff;font-weight:600}.storage-label[data-v-1fab2a68]{font-size:14px}.storage-value[data-v-1fab2a68]{font-size:14px;font-weight:600}.recent-section[data-v-1fab2a68]{margin-top:40px}.recent-section h3[data-v-1fab2a68]{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text-strong)}.content-header[data-v-1fab2a68]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.content-header h2[data-v-1fab2a68]{margin:0;font-size:24px;font-weight:600;color:var(--text-strong)}.table-container[data-v-1fab2a68]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.data-table[data-v-1fab2a68]{width:100%;border-collapse:collapse}.data-table thead[data-v-1fab2a68]{background:var(--muted)}.data-table th[data-v-1fab2a68]{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.data-table td[data-v-1fab2a68]{padding:16px;border-top:1px solid var(--border);font-size:14px;color:var(--text)}.data-table tbody tr[data-v-1fab2a68]:hover{background:var(--muted)}.id-code[data-v-1fab2a68]{font-family:Monaco,Courier New,monospace;font-size:12px;background:var(--muted);padding:4px 8px;border-radius:4px;color:var(--accent)}.badge[data-v-1fab2a68]{display:inline-block;padding:4px 12px;background:var(--accent);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.toggle-switch[data-v-1fab2a68]{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input[data-v-1fab2a68]{opacity:0;width:0;height:0}.toggle-slider[data-v-1fab2a68]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider[data-v-1fab2a68]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider[data-v-1fab2a68]{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider[data-v-1fab2a68]:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider[data-v-1fab2a68]{opacity:.5;cursor:not-allowed}.btn-icon[data-v-1fab2a68]{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-icon[data-v-1fab2a68]:hover{background:var(--muted)}.btn-danger[data-v-1fab2a68]:hover{background:var(--danger)}.system-info[data-v-1fab2a68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.info-group[data-v-1fab2a68]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.info-group h3[data-v-1fab2a68]{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-strong)}.info-item[data-v-1fab2a68]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.info-item[data-v-1fab2a68]:last-child{border-bottom:none}.info-label[data-v-1fab2a68]{font-size:14px;color:var(--text-muted);font-weight:500}.info-value[data-v-1fab2a68]{font-size:14px;color:var(--text);font-weight:600}.info-value code[data-v-1fab2a68]{font-family:Monaco,Courier New,monospace;font-size:12px;background:var(--muted);padding:4px 8px;border-radius:4px}.json-viewer-container[data-v-1fab2a68]{display:flex;flex-direction:column;gap:24px}.book-selector[data-v-1fab2a68]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.book-selector label[data-v-1fab2a68]{display:block;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--text)}.book-select[data-v-1fab2a68]{width:100%;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;transition:border-color .2s}.book-select[data-v-1fab2a68]:hover{border-color:var(--accent)}.book-select[data-v-1fab2a68]:focus{outline:none;border-color:var(--accent)}.json-display-section[data-v-1fab2a68]{display:flex;flex-direction:column;gap:20px}.json-header[data-v-1fab2a68]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:20px;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px}.json-header h3[data-v-1fab2a68]{margin:0;font-size:20px;font-weight:600;color:var(--text-strong)}.json-actions[data-v-1fab2a68]{display:flex;gap:8px;flex-wrap:wrap}.btn-sm[data-v-1fab2a68]{padding:8px 16px;font-size:13px}.validation-status[data-v-1fab2a68]{padding:16px 20px;border-radius:8px;border:2px solid;display:flex;flex-direction:column;gap:8px}.validation-status.valid[data-v-1fab2a68]{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.validation-status.invalid[data-v-1fab2a68]{background:#ef44441a;border-color:#ef4444;color:#ef4444}.validation-icon[data-v-1fab2a68]{font-size:20px;font-weight:700;display:inline-block;margin-right:8px}.validation-message[data-v-1fab2a68]{font-size:14px;font-weight:600}.validation-details[data-v-1fab2a68]{margin-top:8px;padding:12px;background:#0000001a;border-radius:4px;font-size:12px;font-family:Monaco,Courier New,monospace;white-space:pre-wrap;color:var(--text)}.json-metadata[data-v-1fab2a68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px}.metadata-item[data-v-1fab2a68]{display:flex;flex-direction:column;gap:6px}.metadata-label[data-v-1fab2a68]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metadata-item code[data-v-1fab2a68]{font-family:Monaco,Courier New,monospace;font-size:13px;background:var(--muted);padding:4px 8px;border-radius:4px;color:var(--accent);word-break:break-all}.metadata-item span[data-v-1fab2a68]{font-size:14px;color:var(--text);font-weight:500}.json-content[data-v-1fab2a68]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.json-content pre[data-v-1fab2a68]{margin:0;padding:24px;overflow-x:auto;max-height:600px;overflow-y:auto}.json-content code[data-v-1fab2a68]{font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.6;color:var(--text)}.json-empty-state[data-v-1fab2a68]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-muted)}.empty-icon[data-v-1fab2a68]{font-size:64px;margin-bottom:16px;opacity:.5}.json-empty-state p[data-v-1fab2a68]{font-size:16px;margin:0}.format-distribution[data-v-1fab2a68]{display:flex;flex-direction:column;gap:16px;padding:20px 0}.format-item[data-v-1fab2a68]{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:16px}.format-label[data-v-1fab2a68]{font-size:13px;font-weight:600;color:var(--text)}.format-bar-container[data-v-1fab2a68]{height:24px;background:var(--muted);border-radius:12px;overflow:hidden}.format-bar[data-v-1fab2a68]{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%);border-radius:12px;transition:width .3s ease}.format-count[data-v-1fab2a68]{font-size:14px;font-weight:600;color:var(--text);text-align:right}.onboarding-container[data-v-22606a32]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;pointer-events:none}.onboarding-overlay[data-v-22606a32]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100000;cursor:pointer;pointer-events:auto}.onboarding-tooltip[data-v-22606a32]{background:var(--panel-bg);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:360px;box-shadow:0 20px 60px #0000004d;z-index:100001;cursor:default;pointer-events:auto}.tooltip-header[data-v-22606a32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tooltip-step[data-v-22606a32]{font-size:12px;font-weight:600;color:var(--accent);background:#6366f11a;padding:4px 12px;border-radius:12px}.tooltip-close[data-v-22606a32]{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.tooltip-close[data-v-22606a32]:hover{background:var(--muted);color:var(--text)}.tooltip-content[data-v-22606a32]{margin-bottom:20px}.tooltip-icon[data-v-22606a32]{font-size:32px;margin-bottom:12px}.tooltip-content h3[data-v-22606a32]{font-size:18px;font-weight:700;color:var(--text-strong);margin-bottom:8px}.tooltip-content p[data-v-22606a32]{font-size:14px;line-height:1.6;color:var(--text-muted)}.tooltip-actions[data-v-22606a32]{display:flex;gap:8px;justify-content:flex-end}.btn-sm[data-v-22606a32]{padding:8px 16px;font-size:13px}.tooltip-arrow[data-v-22606a32]{position:absolute;width:12px;height:12px;background:var(--panel-bg);border:1px solid var(--border);transform:rotate(45deg)}.tooltip-arrow.top[data-v-22606a32]{top:-6px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.tooltip-arrow.bottom[data-v-22606a32]{bottom:-6px;left:50%;margin-left:-6px;border-top:none;border-left:none}.tooltip-arrow.left[data-v-22606a32]{left:-6px;top:50%;margin-top:-6px;border-top:none;border-right:none}.tooltip-arrow.right[data-v-22606a32]{right:-6px;top:50%;margin-top:-6px;border-bottom:none;border-left:none}.tooltip-fade-enter-active[data-v-22606a32],.tooltip-fade-leave-active[data-v-22606a32]{transition:opacity .3s ease}.tooltip-fade-enter-from[data-v-22606a32],.tooltip-fade-leave-to[data-v-22606a32]{opacity:0}.mobile-tutorial-container[data-v-6a28f52a]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;pointer-events:none}.tutorial-highlight[data-v-6a28f52a]{position:fixed;z-index:100001;border:3px solid var(--accent);border-radius:12px;pointer-events:none;box-shadow:0 0 0 4px #6366f133,0 0 20px #6366f166,inset 0 0 20px #6366f11a;animation:highlightPulse-6a28f52a 2s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes highlightPulse-6a28f52a{0%,to{box-shadow:0 0 0 4px #6366f133,0 0 20px #6366f166,inset 0 0 20px #6366f11a}50%{box-shadow:0 0 0 6px #6366f14d,0 0 30px #6366f199,inset 0 0 30px #6366f133}}.tutorial-pointer[data-v-6a28f52a]{position:fixed;z-index:100002;transform:translate(-50%);pointer-events:none}.pointer-pulse[data-v-6a28f52a]{position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:#6366f14d;animation:pulse-6a28f52a 2s ease-out infinite}@keyframes pulse-6a28f52a{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.pointer-arrow[data-v-6a28f52a]{position:relative;font-size:40px;animation:bounce-6a28f52a 1s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes bounce-6a28f52a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-hint[data-v-6a28f52a]{position:fixed;background:rgba(var(--panel-bg-rgb, 255, 255, 255),.95);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0003;z-index:100001;pointer-events:auto;max-width:320px}.hint-header[data-v-6a28f52a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hint-step[data-v-6a28f52a]{font-size:11px;font-weight:600;color:var(--accent);background:#6366f11a;padding:4px 10px;border-radius:12px}.hint-skip[data-v-6a28f52a]{background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:500;padding:4px 8px;cursor:pointer;transition:color .2s}.hint-skip[data-v-6a28f52a]:active{color:var(--text)}.hint-content[data-v-6a28f52a]{display:flex;align-items:flex-start;gap:12px}.hint-icon[data-v-6a28f52a]{font-size:32px;flex-shrink:0}.hint-text[data-v-6a28f52a]{font-size:14px;line-height:1.5;color:var(--text);margin:0}.hint-waiting[data-v-6a28f52a]{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.waiting-spinner[data-v-6a28f52a]{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-6a28f52a 1s linear infinite}@keyframes spin-6a28f52a{to{transform:rotate(360deg)}}.tutorial-celebration[data-v-6a28f52a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100003;display:flex;align-items:center;justify-content:center;pointer-events:auto}.celebration-content[data-v-6a28f52a]{background:var(--panel-bg);border-radius:24px;padding:40px 32px;text-align:center;max-width:320px;box-shadow:0 20px 60px #0000004d}.celebration-icon[data-v-6a28f52a]{font-size:64px;margin-bottom:20px;animation:celebrate-6a28f52a .6s ease-out}@keyframes celebrate-6a28f52a{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.celebration-content h3[data-v-6a28f52a]{font-size:24px;font-weight:700;color:var(--text-strong);margin-bottom:12px}.celebration-content p[data-v-6a28f52a]{font-size:15px;line-height:1.5;color:var(--text-muted);margin-bottom:24px}.btn-done[data-v-6a28f52a]{width:100%;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:all .2s}.btn-done[data-v-6a28f52a]:active{filter:brightness(.9);transform:scale(.98)}.tutorial-fade-enter-active[data-v-6a28f52a],.tutorial-fade-leave-active[data-v-6a28f52a]{transition:opacity .3s ease}.tutorial-fade-enter-from[data-v-6a28f52a],.tutorial-fade-leave-to[data-v-6a28f52a]{opacity:0}.hint-slide-enter-active[data-v-6a28f52a],.hint-slide-leave-active[data-v-6a28f52a]{transition:all .3s cubic-bezier(.4,0,.2,1)}.hint-slide-enter-from[data-v-6a28f52a]{opacity:0;transform:translateY(20px)}.hint-slide-leave-to[data-v-6a28f52a]{opacity:0;transform:translateY(-20px)}.celebration-fade-enter-active[data-v-6a28f52a]{transition:opacity .3s ease}.celebration-fade-enter-from[data-v-6a28f52a]{opacity:0}.mobile-header[data-v-8c1af02f]{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:1000}.header-btn[data-v-8c1af02f]{background:none;border:none;color:var(--text);cursor:pointer;padding:8px;display:flex;align-items:center;gap:6px;border-radius:8px;transition:background .2s;-webkit-tap-highlight-color:transparent}.header-btn[data-v-8c1af02f]:active{background:var(--bg-secondary)}.back-btn[data-v-8c1af02f],.menu-btn[data-v-8c1af02f]{min-width:40px;justify-content:center}.order-btn[data-v-8c1af02f]{background:var(--text);color:var(--app-bg);padding:8px 20px;font-weight:600;font-size:15px;border-radius:20px}.order-btn[data-v-8c1af02f]:active{opacity:.8;background:var(--text)}[data-theme=dark] .mobile-header[data-v-8c1af02f]{background:#1a1a1a;border-bottom-color:#333}[data-theme=dark] .order-btn[data-v-8c1af02f]{background:#fff;color:#000}.mobile-page-nav[data-v-a99a3db3]{position:fixed;bottom:75px;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;z-index:101}.nav-btn[data-v-a99a3db3]{background:none;border:none;color:#000;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:8px 12px;cursor:pointer;border-radius:8px;transition:background .2s;-webkit-tap-highlight-color:transparent}.nav-btn[data-v-a99a3db3]:disabled{opacity:.3;cursor:not-allowed}.nav-btn[data-v-a99a3db3]:not(:disabled):active{background:#f0f0f0}.page-selector[data-v-a99a3db3]{background:#f5f5f5;border:1px solid #e0e0e0;color:#000;padding:10px 20px;border-radius:24px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.page-selector[data-v-a99a3db3]:active{background:#e0e0e0;transform:scale(.98)}[data-theme=dark] .mobile-page-nav[data-v-a99a3db3]{background:#1a1a1a;border-top-color:#333;border-bottom-color:#333}[data-theme=dark] .nav-btn[data-v-a99a3db3]{color:#fff}[data-theme=dark] .nav-btn[data-v-a99a3db3]:not(:disabled):active{background:#333}[data-theme=dark] .page-selector[data-v-a99a3db3]{background:#0a0a0a;border-color:#333;color:#fff}[data-theme=dark] .page-selector[data-v-a99a3db3]:active{background:#333}.font-picker-overlay[data-v-694d7f56]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:flex-end}.font-picker-sheet[data-v-694d7f56]{width:100%;max-height:70vh;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 -4px 20px #00000026}.sheet-header[data-v-694d7f56]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.sheet-header h3[data-v-694d7f56]{margin:0;font-size:18px;font-weight:600;color:#000}.close-btn[data-v-694d7f56]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px 8px;-webkit-tap-highlight-color:transparent}.font-list[data-v-694d7f56]{overflow-y:auto;padding:12px 0;flex:1}.font-category[data-v-694d7f56]{margin-bottom:16px}.category-label[data-v-694d7f56]{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:8px 20px 4px}.font-option[data-v-694d7f56]{width:100%;background:none;border:none;padding:14px 20px;text-align:left;font-size:16px;color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s}.font-option[data-v-694d7f56]:active{background:#f5f5f5}.font-option.active[data-v-694d7f56]{background:#f0f0f0;font-weight:600}.slide-up-enter-active[data-v-694d7f56],.slide-up-leave-active[data-v-694d7f56]{transition:all .3s ease}.slide-up-enter-from[data-v-694d7f56],.slide-up-leave-to[data-v-694d7f56]{opacity:0}.slide-up-enter-from .font-picker-sheet[data-v-694d7f56],.slide-up-leave-to .font-picker-sheet[data-v-694d7f56]{transform:translateY(100%)}.slide-up-enter-to .font-picker-sheet[data-v-694d7f56],.slide-up-leave-from .font-picker-sheet[data-v-694d7f56]{transform:translateY(0)}[data-theme=dark] .font-picker-sheet[data-v-694d7f56]{background:#1a1a1a}[data-theme=dark] .sheet-header[data-v-694d7f56]{border-bottom-color:#333}[data-theme=dark] .sheet-header h3[data-v-694d7f56]{color:#fff}[data-theme=dark] .close-btn[data-v-694d7f56]{color:#999}[data-theme=dark] .category-label[data-v-694d7f56]{color:#666}[data-theme=dark] .font-option[data-v-694d7f56]{color:#fff}[data-theme=dark] .font-option[data-v-694d7f56]:active{background:#2a2a2a}[data-theme=dark] .font-option.active[data-v-694d7f56]{background:#333}.color-picker-overlay[data-v-22ae5d8f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:flex-end}.color-picker-sheet[data-v-22ae5d8f]{width:100%;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 -4px 20px #00000026}.sheet-header[data-v-22ae5d8f]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.sheet-header h3[data-v-22ae5d8f]{margin:0;font-size:18px;font-weight:600;color:#000}.close-btn[data-v-22ae5d8f]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px 8px;-webkit-tap-highlight-color:transparent}.color-content[data-v-22ae5d8f]{padding:20px}.color-presets[data-v-22ae5d8f]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.preset-color[data-v-22ae5d8f]{aspect-ratio:1;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.preset-color[data-v-22ae5d8f]:active{transform:scale(.95)}.preset-color.active[data-v-22ae5d8f]{border-color:#000;border-width:3px}.preset-color .check[data-v-22ae5d8f]{color:#fff;font-size:20px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.5)}.custom-color-section[data-v-22ae5d8f]{border-top:1px solid #e0e0e0;padding-top:20px}.section-label[data-v-22ae5d8f]{display:block;font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.custom-color-input[data-v-22ae5d8f]{display:flex;gap:12px;align-items:center}.color-input[data-v-22ae5d8f]{width:60px;height:60px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.hex-input[data-v-22ae5d8f]{flex:1;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:monospace;text-transform:uppercase}.slide-up-enter-active[data-v-22ae5d8f],.slide-up-leave-active[data-v-22ae5d8f]{transition:all .3s ease}.slide-up-enter-from[data-v-22ae5d8f],.slide-up-leave-to[data-v-22ae5d8f]{opacity:0}.slide-up-enter-from .color-picker-sheet[data-v-22ae5d8f],.slide-up-leave-to .color-picker-sheet[data-v-22ae5d8f]{transform:translateY(100%)}.slide-up-enter-to .color-picker-sheet[data-v-22ae5d8f],.slide-up-leave-from .color-picker-sheet[data-v-22ae5d8f]{transform:translateY(0)}[data-theme=dark] .color-picker-sheet[data-v-22ae5d8f]{background:#1a1a1a}[data-theme=dark] .sheet-header[data-v-22ae5d8f]{border-bottom-color:#333}[data-theme=dark] .sheet-header h3[data-v-22ae5d8f]{color:#fff}[data-theme=dark] .close-btn[data-v-22ae5d8f]{color:#999}[data-theme=dark] .custom-color-section[data-v-22ae5d8f]{border-top-color:#333}[data-theme=dark] .section-label[data-v-22ae5d8f]{color:#999}[data-theme=dark] .preset-color[data-v-22ae5d8f]{border-color:#333}[data-theme=dark] .preset-color.active[data-v-22ae5d8f]{border-color:#fff}[data-theme=dark] .color-input[data-v-22ae5d8f],[data-theme=dark] .hex-input[data-v-22ae5d8f]{border-color:#333;background:#2a2a2a;color:#fff}.mobile-toolbar[data-v-c9221de3]{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.toolbar-actions[data-v-c9221de3]{display:flex;align-items:center;justify-content:space-around;padding:8px 8px 12px;gap:4px}.toolbar-actions.scrollable[data-v-c9221de3]{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:8px;padding:8px 12px 12px}.toolbar-actions.scrollable[data-v-c9221de3]::-webkit-scrollbar{display:none}.action-btn[data-v-c9221de3]{background:none;border:none;color:#000;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;cursor:pointer;border-radius:8px;transition:background .2s;-webkit-tap-highlight-color:transparent;flex:1;max-width:80px;font-size:11px;font-weight:500}.action-btn[data-v-c9221de3]:active{background:#f0f0f0}.action-btn.more-btn[data-v-c9221de3]{color:#666}.action-btn.color-btn[data-v-c9221de3]{cursor:pointer}.action-btn.delete-btn[data-v-c9221de3]{color:#ef4444}.action-btn.cancel-btn[data-v-c9221de3]{color:#666}.action-btn.font-btn[data-v-c9221de3]{min-width:80px}.action-select[data-v-c9221de3]{background:#f5f5f5;border:1px solid #e0e0e0;color:#000;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;min-width:100px}.action-input[data-v-c9221de3]{background:#f5f5f5;border:1px solid #e0e0e0;color:#000;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;text-align:center;width:60px;flex-shrink:0;-webkit-tap-highlight-color:transparent}.action-input.text-input[data-v-c9221de3]{width:120px;text-align:left;min-width:100px}.more-actions-menu[data-v-c9221de3]{position:absolute;bottom:100%;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column;padding:8px}.more-action-btn[data-v-c9221de3]{background:none;border:none;color:#000;display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;border-radius:8px;transition:background .2s;-webkit-tap-highlight-color:transparent;text-align:left;font-size:15px;font-weight:500}.more-action-btn[data-v-c9221de3]:active{background:#f0f0f0}.menu-slide-up-enter-active[data-v-c9221de3],.menu-slide-up-leave-active[data-v-c9221de3]{transition:all .3s ease}.menu-slide-up-enter-from[data-v-c9221de3],.menu-slide-up-leave-to[data-v-c9221de3]{transform:translateY(100%);opacity:0}[data-theme=dark] .mobile-toolbar[data-v-c9221de3]{background:#1a1a1a;border-top-color:#333}[data-theme=dark] .action-btn[data-v-c9221de3]{color:#fff}[data-theme=dark] .action-btn[data-v-c9221de3]:active{background:#333}[data-theme=dark] .action-btn.more-btn[data-v-c9221de3]{color:#999}[data-theme=dark] .action-select[data-v-c9221de3],[data-theme=dark] .action-input[data-v-c9221de3]{background:#1a1a1a;border-color:#333;color:#fff}[data-theme=dark] .more-actions-menu[data-v-c9221de3]{background:#1a1a1a;border-top-color:#333}[data-theme=dark] .more-action-btn[data-v-c9221de3]{color:#fff}[data-theme=dark] .more-action-btn[data-v-c9221de3]:active{background:#333}.menu-overlay[data-v-fbf621be]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-side-menu[data-v-fbf621be]{position:fixed;top:0;left:0;right:0;max-height:90vh;background:#fff;z-index:2000;display:flex;flex-direction:column;box-shadow:0 4px 20px #0003;border-radius:0 0 20px 20px}.menu-header[data-v-fbf621be]{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;min-height:56px}.close-btn[data-v-fbf621be]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:10px;border-radius:12px;transition:all .2s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.close-btn[data-v-fbf621be]:active{background:var(--bg-secondary)}.menu-content[data-v-fbf621be]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;display:flex;flex-direction:column;gap:24px;max-height:calc(90vh - 56px)}.project-section[data-v-fbf621be]{display:flex;flex-direction:column;gap:8px}.menu-label[data-v-fbf621be]{font-size:14px;color:#666;font-weight:500}[data-theme=dark] .menu-label[data-v-fbf621be]{color:#999}.project-name-input[data-v-fbf621be]{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#f5f5f5;color:#000;font-size:16px;outline:none;transition:border-color .2s}.project-name-input[data-v-fbf621be]:focus{border-color:var(--text-primary)}.menu-actions[data-v-fbf621be]{display:flex;flex-direction:column;gap:4px}.menu-action-btn[data-v-fbf621be]{background:none;border:none;color:#000;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;border-radius:12px;transition:background .2s;text-align:left;position:relative;-webkit-tap-highlight-color:transparent}.menu-action-btn[data-v-fbf621be]:active{background:#f0f0f0}[data-theme=dark] .menu-action-btn[data-v-fbf621be]{color:#fff}[data-theme=dark] .menu-action-btn[data-v-fbf621be]:active{background:#1a1a1a}.menu-action-btn.danger[data-v-fbf621be]{color:#ef4444}.action-text[data-v-fbf621be]{flex:1;display:flex;flex-direction:column;gap:2px}.action-title[data-v-fbf621be]{font-size:15px;font-weight:500}.action-subtitle[data-v-fbf621be]{font-size:13px;color:#666}[data-theme=dark] .action-subtitle[data-v-fbf621be]{color:#999}.notice-badge[data-v-fbf621be]{background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.menu-footer[data-v-fbf621be]{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color)}.menu-overlay-enter-active[data-v-fbf621be],.menu-overlay-leave-active[data-v-fbf621be]{transition:opacity .3s ease}.menu-overlay-enter-from[data-v-fbf621be],.menu-overlay-leave-to[data-v-fbf621be]{opacity:0}.menu-slide-enter-active[data-v-fbf621be],.menu-slide-leave-active[data-v-fbf621be]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-slide-enter-from[data-v-fbf621be],.menu-slide-leave-to[data-v-fbf621be]{transform:translateY(-100%)}[data-theme=dark] .mobile-side-menu[data-v-fbf621be]{background:#000;box-shadow:0 4px 20px #00000080}[data-theme=dark] .menu-header[data-v-fbf621be]{border-bottom-color:#333}[data-theme=dark] .project-name-input[data-v-fbf621be]{background:#0a0a0a;border-color:#333;color:#fff}[data-theme=dark] .menu-footer[data-v-fbf621be]{border-top-color:#333}.page-selector-overlay[data-v-a79daaf8]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:2000;display:flex;align-items:flex-end}.page-selector-modal[data-v-a79daaf8]{width:100%;max-height:70vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 20px #0003}.selector-header[data-v-a79daaf8]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0;flex-shrink:0;background:#fff}.selector-header h3[data-v-a79daaf8]{margin:0;font-size:18px;font-weight:600;color:#000}.close-btn[data-v-a79daaf8]{background:#f5f5f5;border:1px solid #e0e0e0;color:#000;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;-webkit-tap-highlight-color:transparent}.close-btn[data-v-a79daaf8]:active{background:#e0e0e0}.pages-grid[data-v-a79daaf8]{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-thumbnail[data-v-a79daaf8]{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;padding:8px;cursor:pointer;transition:all .2s;position:relative;-webkit-tap-highlight-color:transparent}.page-thumbnail[data-v-a79daaf8]:active{transform:scale(.95)}.page-thumbnail.active[data-v-a79daaf8]{border-color:#6366f1;background:#f0f4ff;box-shadow:0 0 0 3px #6366f133}.page-number[data-v-a79daaf8]{position:absolute;top:8px;left:8px;background:#000;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:1;box-shadow:0 2px 8px #0003}.page-thumbnail.active .page-number[data-v-a79daaf8]{background:#6366f1;color:#fff}.page-preview[data-v-a79daaf8]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.page-inner[data-v-a79daaf8]{position:absolute;top:0;right:0;bottom:0;left:0}.preview-slot[data-v-a79daaf8]{border:1px dashed rgba(0,0,0,.15);overflow:hidden;background:#fafafa}.preview-slot img[data-v-a79daaf8]{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.selector-fade-enter-active[data-v-a79daaf8],.selector-fade-leave-active[data-v-a79daaf8]{transition:opacity .3s ease}.selector-fade-enter-from[data-v-a79daaf8],.selector-fade-leave-to[data-v-a79daaf8]{opacity:0}.selector-fade-enter-active .page-selector-modal[data-v-a79daaf8],.selector-fade-leave-active .page-selector-modal[data-v-a79daaf8]{transition:transform .3s ease}.selector-fade-enter-from .page-selector-modal[data-v-a79daaf8],.selector-fade-leave-to .page-selector-modal[data-v-a79daaf8]{transform:translateY(100%)}[data-theme=dark] .page-selector-modal[data-v-a79daaf8]{background:#000}[data-theme=dark] .selector-header[data-v-a79daaf8]{background:#000;border-bottom-color:#333}[data-theme=dark] .selector-header h3[data-v-a79daaf8]{color:#fff}[data-theme=dark] .close-btn[data-v-a79daaf8]{background:#1a1a1a;border-color:#333;color:#fff}[data-theme=dark] .close-btn[data-v-a79daaf8]:active{background:#333}[data-theme=dark] .page-thumbnail[data-v-a79daaf8]{background:#1a1a1a;border-color:#333}[data-theme=dark] .page-thumbnail.active[data-v-a79daaf8]{background:#1a1a3a}[data-theme=dark] .page-preview[data-v-a79daaf8]{background:#2a2a2a;border-color:#333}[data-theme=dark] .page-number[data-v-a79daaf8]{background:#fff;color:#000}[data-theme=dark] .page-thumbnail.active .page-number[data-v-a79daaf8]{background:#6366f1;color:#fff}[data-theme=dark] .preview-slot[data-v-a79daaf8]{background:#1a1a1a}.mobile-media-pool[data-v-e1309cac]{position:fixed;bottom:140px;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;z-index:100;transition:all .3s ease}.mobile-media-pool.collapsed[data-v-e1309cac]{bottom:140px}.media-pool-header[data-v-e1309cac]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.header-left[data-v-e1309cac]{display:flex;align-items:center;gap:8px;color:#000;font-weight:600;font-size:15px}.media-count[data-v-e1309cac]{background:#f0f0f0;color:#666;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600}.header-right[data-v-e1309cac]{display:flex;align-items:center;gap:12px}.collapse-icon[data-v-e1309cac]{transition:transform .3s ease;color:#666}.collapse-icon.rotated[data-v-e1309cac]{transform:rotate(180deg)}.autofill-btn[data-v-e1309cac]{background:#000;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.autofill-btn[data-v-e1309cac]:active{opacity:.8}.hide-used-toggle[data-v-e1309cac]{display:flex;align-items:center;gap:6px;font-size:13px;color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}.hide-used-toggle input[type=checkbox][data-v-e1309cac]{width:16px;height:16px;cursor:pointer;accent-color:#000000}.media-scroll-container[data-v-e1309cac]{display:flex;gap:12px;padding:12px 16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.media-scroll-container[data-v-e1309cac]::-webkit-scrollbar{display:none}.add-photos-card[data-v-e1309cac]{flex-shrink:0;width:80px;height:80px;background:#f5f5f5;border:2px dashed #cccccc;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;scroll-snap-align:start;color:#666;font-size:11px;font-weight:500;text-align:center;line-height:1.2}.add-photos-card svg[data-v-e1309cac]{width:24px;height:24px}.add-photos-card[data-v-e1309cac]:active{background:#eee;border-color:#999}.media-card[data-v-e1309cac]{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#f5f5f5;position:relative}.media-card.uploading[data-v-e1309cac]{cursor:not-allowed;opacity:.7}.media-card[data-v-e1309cac]:active{transform:scale(.95)}.media-card.used[data-v-e1309cac]{border-color:#4ade80;opacity:.7}.media-card img[data-v-e1309cac]{width:100%;height:100%;object-fit:cover;pointer-events:none}.used-indicator[data-v-e1309cac]{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003}.upload-placeholder[data-v-e1309cac]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e5e5}.upload-spinner[data-v-e1309cac]{width:24px;height:24px;border:3px solid #d4d4d4;border-top-color:#3b82f6;border-radius:50%;animation:spin-e1309cac .8s linear infinite}@keyframes spin-e1309cac{to{transform:rotate(360deg)}}.upload-progress[data-v-e1309cac]{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000001a}.progress-bar[data-v-e1309cac]{height:100%;background:#3b82f6;transition:width .3s ease}.empty-media[data-v-e1309cac]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#999;font-size:14px}.media-expand-enter-active[data-v-e1309cac],.media-expand-leave-active[data-v-e1309cac]{transition:all .3s cubic-bezier(.4,0,.2,1);max-height:120px;overflow:hidden}.media-expand-enter-from[data-v-e1309cac],.media-expand-leave-to[data-v-e1309cac]{max-height:0;opacity:0}.media-expand-enter-to[data-v-e1309cac],.media-expand-leave-from[data-v-e1309cac]{max-height:120px;opacity:1}[data-theme=dark] .mobile-media-pool[data-v-e1309cac]{background:#1a1a1a;border-top-color:#333}[data-theme=dark] .header-left[data-v-e1309cac]{color:#fff}[data-theme=dark] .media-count[data-v-e1309cac]{background:#333;color:#999}[data-theme=dark] .collapse-icon[data-v-e1309cac]{color:#999}[data-theme=dark] .autofill-btn[data-v-e1309cac]{background:#fff;color:#000}[data-theme=dark] .hide-used-toggle[data-v-e1309cac]{color:#fff}[data-theme=dark] .hide-used-toggle input[type=checkbox][data-v-e1309cac]{accent-color:#ffffff}[data-theme=dark] .add-photos-card[data-v-e1309cac]{background:#0a0a0a;border-color:#333;color:#999}[data-theme=dark] .media-card[data-v-e1309cac]{background:#0a0a0a;border-color:#333}.mobile-layout-pool[data-v-ce0ab3f8]{position:fixed;bottom:140px;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;z-index:100;transition:all .3s ease}.mobile-layout-pool.collapsed[data-v-ce0ab3f8]{bottom:140px}.layout-pool-header[data-v-ce0ab3f8]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.header-left[data-v-ce0ab3f8]{display:flex;align-items:center;gap:8px;color:#000;font-weight:600;font-size:15px}.layout-count[data-v-ce0ab3f8]{background:#f0f0f0;color:#666;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600}.header-right[data-v-ce0ab3f8]{display:flex;align-items:center;gap:12px}.close-pool-btn[data-v-ce0ab3f8]{background:#000;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.close-pool-btn[data-v-ce0ab3f8]:active{opacity:.8}.collapse-icon[data-v-ce0ab3f8]{transition:transform .3s ease;color:#666}.collapse-icon.rotated[data-v-ce0ab3f8]{transform:rotate(180deg)}.layout-scroll-container[data-v-ce0ab3f8]{display:flex;gap:12px;padding:12px 16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.layout-scroll-container[data-v-ce0ab3f8]::-webkit-scrollbar{display:none}.layout-card[data-v-ce0ab3f8]{flex-shrink:0;width:100px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;padding:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}.layout-card[data-v-ce0ab3f8]:active{transform:scale(.95);background:#e8e8e8}.layout-preview[data-v-ce0ab3f8]{width:100%;aspect-ratio:1;background:#fff;border-radius:4px;border:1px solid #d0d0d0;position:relative;overflow:hidden}.layout-slots[data-v-ce0ab3f8]{position:absolute;top:0;right:0;bottom:0;left:0}.preview-slot[data-v-ce0ab3f8]{border-radius:2px}.layout-name[data-v-ce0ab3f8]{font-size:11px;font-weight:500;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-layouts[data-v-ce0ab3f8]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#999;font-size:14px}.layout-expand-enter-active[data-v-ce0ab3f8],.layout-expand-leave-active[data-v-ce0ab3f8]{transition:all .3s cubic-bezier(.4,0,.2,1);max-height:120px;overflow:hidden}.layout-expand-enter-from[data-v-ce0ab3f8],.layout-expand-leave-to[data-v-ce0ab3f8]{max-height:0;opacity:0}.layout-expand-enter-to[data-v-ce0ab3f8],.layout-expand-leave-from[data-v-ce0ab3f8]{max-height:120px;opacity:1}[data-theme=dark] .mobile-layout-pool[data-v-ce0ab3f8]{background:#1a1a1a;border-top-color:#333}[data-theme=dark] .header-left[data-v-ce0ab3f8]{color:#fff}[data-theme=dark] .layout-count[data-v-ce0ab3f8]{background:#333;color:#999}[data-theme=dark] .collapse-icon[data-v-ce0ab3f8]{color:#999}[data-theme=dark] .close-pool-btn[data-v-ce0ab3f8]{background:#fff;color:#000}[data-theme=dark] .layout-card[data-v-ce0ab3f8]{background:#1a1a1a;border-color:#333}[data-theme=dark] .layout-preview[data-v-ce0ab3f8]{background:#2a2a2a;border-color:#444}[data-theme=dark] .preview-slot[data-v-ce0ab3f8]{background-color:#333!important;border-color:#444!important}[data-theme=dark] .layout-name[data-v-ce0ab3f8]{color:#ccc}.mobile-editor[data-v-92767263]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.mobile-workspace[data-v-92767263]{flex:1;position:relative;margin-top:56px;margin-bottom:300px;overflow:hidden;background:#f5f5f5}.mobile-canvas-wrapper[data-v-92767263]{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-theme=dark] .mobile-workspace[data-v-92767263]{background:#0a0a0a}.pool-switch-enter-active[data-v-92767263],.pool-switch-leave-active[data-v-92767263]{transition:all .3s cubic-bezier(.4,0,.2,1)}.pool-switch-enter-from[data-v-92767263]{opacity:0;transform:translate(100%)}.pool-switch-leave-to[data-v-92767263]{opacity:0;transform:translate(-100%)}.pool-switch-enter-to[data-v-92767263],.pool-switch-leave-from[data-v-92767263]{opacity:1;transform:translate(0)}.mobile-panel-overlay[data-v-92767263]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1500;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-panel[data-v-92767263]{width:100%;max-height:80vh;background:var(--bg-primary);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-92767263]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.panel-header h3[data-v-92767263]{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-panel-btn[data-v-92767263]{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;-webkit-tap-highlight-color:transparent}.close-panel-btn[data-v-92767263]:active{background:var(--bg-secondary)}.panel-slide-enter-active[data-v-92767263],.panel-slide-leave-active[data-v-92767263]{transition:all .3s ease}.panel-slide-enter-from .mobile-panel[data-v-92767263],.panel-slide-leave-to .mobile-panel[data-v-92767263]{transform:translateY(100%)}.panel-slide-enter-from[data-v-92767263],.panel-slide-leave-to[data-v-92767263]{opacity:0}[data-theme=dark] .mobile-editor[data-v-92767263]{background:#0a0a0a}[data-theme=dark] .mobile-panel[data-v-92767263]{background:#1a1a1a}[data-theme=dark] .panel-header[data-v-92767263]{border-bottom-color:#333}.editor-fade-enter-active[data-v-2e482c74],.editor-fade-leave-active[data-v-2e482c74]{transition:opacity .4s ease,transform .4s ease}.editor-fade-enter-from[data-v-2e482c74]{opacity:0;transform:translateY(20px)}.editor-fade-leave-to[data-v-2e482c74]{opacity:0;transform:translateY(-20px)}.app[data-v-2e482c74],.editor-view[data-v-2e482c74]{width:100%;height:100%;display:flex;flex-direction:column}.workspace[data-v-2e482c74]{flex:1;display:flex;overflow:hidden;padding:16px;gap:16px}.bottom-hints[data-v-2e482c74]{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;z-index:100}.command-hint[data-v-2e482c74]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md),inset 0 1px #fff3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.command-hint[data-v-2e482c74]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.shortcuts-hint[data-v-2e482c74]{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--panel-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md),inset 0 1px #fff3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text);font-size:16px}.shortcuts-hint[data-v-2e482c74]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.command-hint kbd[data-v-2e482c74]{padding:6px 10px;background:var(--muted);border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:700;color:var(--text);font-family:monospace;box-shadow:0 2px 4px #0000001a}.command-hint span[data-v-2e482c74]{font-size:13px;font-weight:500;color:var(--text-muted)}.flipbook-modal[data-v-2e482c74]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px}.flipbook-modal-content[data-v-2e482c74]{position:relative;width:100%;max-width:1200px;height:90vh;background:var(--panel-bg-solid);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden}.loading-modal-overlay[data-v-2e482c74]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.loading-modal[data-v-2e482c74]{background:var(--panel-bg);border:1px solid var(--border);border-radius:20px;padding:40px;text-align:center;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)}.loading-spinner[data-v-2e482c74]{width:48px;height:48px;border:4px solid var(--muted);border-top-color:var(--accent);border-radius:50%;margin:0 auto 24px;animation:spin-2e482c74 .8s linear infinite}@keyframes spin-2e482c74{to{transform:rotate(360deg)}}.success-checkmark[data-v-2e482c74]{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 24px;animation:scaleIn-2e482c74 .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn-2e482c74{0%{transform:scale(0)}to{transform:scale(1)}}.loading-modal h3[data-v-2e482c74]{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--text-strong)}.loading-modal p[data-v-2e482c74]{margin:0;font-size:14px;color:var(--text-muted);line-height:1.6}.close-btn[data-v-2e482c74]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;border-radius:8px;background:var(--danger);color:#fff;font-size:18px;cursor:pointer;z-index:10;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-btn[data-v-2e482c74]:hover{background:var(--danger-strong);transform:scale(1.1)}.fade-enter-active[data-v-2e482c74],.fade-leave-active[data-v-2e482c74]{transition:opacity .3s ease}.fade-enter-from[data-v-2e482c74],.fade-leave-to[data-v-2e482c74]{opacity:0}*{margin:0;padding:0;box-sizing:border-box}img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999;mix-blend-mode:overlay}.pdf-exporting body:before{display:none}#app{width:100vw;height:100vh;background:var(--bg);background-attachment:fixed}:root{--bg: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--app-bg: #f8f9fa;--panel-bg: rgba(255, 255, 255, .7);--panel-bg-solid: #ffffff;--border: #dee2e6;--border-light: rgba(222, 226, 230, .5);--text: #212529;--text-strong: #000000;--text-muted: #6c757d;--muted: #f8f9fa;--accent: #6366f1;--accent-strong: #4f46e5;--danger: #ef4444;--danger-strong: #dc2626;--success: #10b981;--warning: #f59e0b;--page-bg: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--shadow-panel: 0 8px 32px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--glass-blur: blur(20px);--glass-saturation: saturate(180%);--radius: 12px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);--app-bg: #0f1419;--panel-bg: rgba(26, 32, 44, .7);--panel-bg-solid: #1a202c;--border: rgba(45, 55, 72, .8);--border-light: rgba(45, 55, 72, .5);--text: #e2e8f0;--text-strong: #f7fafc;--text-muted: #a0aec0;--muted: rgba(26, 32, 44, .7);--accent: #818cf8;--accent-strong: #6366f1;--danger: #f87171;--danger-strong: #ef4444;--success: #34d399;--warning: #fbbf24;--page-bg: #ffffff;--shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.5), 0 10px 10px -5px rgba(0,0,0,.3);--shadow-xl: 0 25px 50px -12px rgba(0,0,0,.6);--shadow-panel: 0 8px 32px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.2);--glass-blur: blur(24px);--glass-saturation: saturate(200%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:#9aa0a6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7b8187}.btn{padding:8px 16px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--panel-bg);color:var(--text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent-strong);box-shadow:0 2px 4px #6366f133,0 1px 2px #0000001a}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d,0 2px 4px #00000026}.btn-secondary{background:#6b7280;color:#fff;border-color:transparent}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.btn-outline{background:var(--panel-bg);border:1px solid var(--border);color:var(--text);box-shadow:0 1px 2px #0000000d}.btn-outline:hover{background:var(--muted);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}
