.app[data-v-943d5612]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-943d5612]{text-align:center;padding:30px 20px;color:#fff}.header h1[data-v-943d5612]{font-size:2.5rem;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle[data-v-943d5612]{font-size:1.1rem;opacity:.9;margin:0}.main[data-v-943d5612]{display:flex;gap:30px;max-width:1400px;margin:0 auto;padding:0 20px 40px}.editor-panel[data-v-943d5612]{flex:0 0 380px;background:#fff;border-radius:20px;padding:25px;box-shadow:0 20px 60px #0000004d;height:fit-content}.panel-section[data-v-943d5612]{margin-bottom:25px}.panel-section h3[data-v-943d5612]{font-size:1rem;color:#333;margin:0 0 12px;font-weight:600}.ratio-buttons[data-v-943d5612]{display:flex;gap:10px}.ratio-btn[data-v-943d5612]{flex:1;padding:10px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s;font-size:.85rem}.ratio-btn[data-v-943d5612]:hover{border-color:#667eea}.ratio-btn.active[data-v-943d5612]{border-color:#667eea;background:#667eea;color:#fff}.input-field[data-v-943d5612],.textarea-field[data-v-943d5612]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.input-field[data-v-943d5612]:focus,.textarea-field[data-v-943d5612]:focus{outline:none;border-color:#667eea}.textarea-field[data-v-943d5612]{resize:vertical;min-height:100px}.upload-area[data-v-943d5612]{border:2px dashed #ccc;border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all .3s;background:#fafafa}.upload-area[data-v-943d5612]:hover{border-color:#667eea;background:#f0f0ff}.upload-placeholder[data-v-943d5612]{color:#999}.upload-icon[data-v-943d5612]{font-size:2.5rem;display:block;margin-bottom:10px}.preview-image[data-v-943d5612]{max-width:100%;max-height:200px;border-radius:8px}.clear-btn[data-v-943d5612]{margin-top:10px;padding:8px 16px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.bg-options[data-v-943d5612]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bg-btn[data-v-943d5612]{padding:15px 5px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:.75rem;transition:all .3s;background-size:20px 20px}.bg-btn[data-v-943d5612]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.bg-btn.active[data-v-943d5612]{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.download-btn[data-v-943d5612]{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.download-btn[data-v-943d5612]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.download-btn[data-v-943d5612]:disabled{opacity:.7;cursor:not-allowed}.preview-panel[data-v-943d5612]{flex:1;background:#fff;border-radius:20px;padding:25px;box-shadow:0 20px 60px #0000004d}.preview-panel h3[data-v-943d5612]{font-size:1.1rem;color:#333;margin:0 0 20px;font-weight:600}.preview-container[data-v-943d5612]{display:flex;justify-content:center;align-items:flex-start;min-height:500px;background:#f5f5f5;border-radius:15px;padding:30px;overflow:auto}.card[data-v-943d5612]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0003;position:relative}.card-content[data-v-943d5612]{padding:30px;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.card-title[data-v-943d5612]{font-size:1.8rem;font-weight:700;color:#333;margin:0 0 15px;line-height:1.3}.card-text[data-v-943d5612]{font-size:1rem;color:#666;line-height:1.8;margin:0 0 20px;flex:1}.card-image-wrapper[data-v-943d5612]{border-radius:12px;overflow:hidden;margin-top:auto}.card-image[data-v-943d5612]{width:100%;height:auto;display:block}.card-image-placeholder[data-v-943d5612]{background:#f0f0f0;border-radius:12px;padding:40px;text-align:center;color:#999;margin-top:auto}.card-image-placeholder span[data-v-943d5612]{font-size:3rem;display:block;margin-bottom:10px}.watermark[data-v-943d5612]{position:absolute;bottom:10px;right:15px;font-size:.7rem;color:#0000004d;font-style:italic}.card[class*="1-1"][data-v-943d5612]{width:400px;height:400px}.card[class*="4-5"][data-v-943d5612]{width:360px;height:450px}.card[class*="9-16"][data-v-943d5612]{width:270px;height:480px}.card.paper[data-v-943d5612]{background:#faf8f5;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E")}.card.dots[data-v-943d5612]{background:#fff5f5;background-image:radial-gradient(#ffb6c1 2px,transparent 2px);background-size:20px 20px}.card.lines[data-v-943d5612]{background:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,#e8e8e8 29px)}.card.gradient[data-v-943d5612]{background:linear-gradient(135deg,#667eea,#764ba2)}.card.gradient .card-title[data-v-943d5612],.card.gradient .card-text[data-v-943d5612]{color:#fff}.card.warm[data-v-943d5612]{background:linear-gradient(135deg,#f093fb,#f5576c)}.card.warm .card-title[data-v-943d5612],.card.warm .card-text[data-v-943d5612]{color:#fff}.card.cool[data-v-943d5612]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card.cool .card-title[data-v-943d5612],.card.cool .card-text[data-v-943d5612]{color:#fff}@media (max-width: 900px){.main[data-v-943d5612]{flex-direction:column}.editor-panel[data-v-943d5612]{flex:none;width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;min-height:100vh}#app{min-height:100vh}