*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-hover:#4338ca;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--surface:#fff;--radius:8px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001a;font-size:15px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.pc-container{flex-direction:column;max-width:1360px;min-height:100vh;margin:0 auto;display:flex}.pc-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:20px 48px;display:flex;position:sticky;top:0}.pc-header-logo{flex-shrink:0}.pc-header-logo img{object-fit:contain;max-width:160px;max-height:44px}.pc-header-text{flex:1}.pc-header h1{color:var(--text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.2}.pc-header p{color:var(--text-muted);margin-top:2px;font-size:.875rem}.pc-lang-switch{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.pc-lang-btn{font-family:var(--font-mono,monospace);letter-spacing:.08em;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 9px;font-size:.6875rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.pc-lang-btn:hover{border-color:var(--primary);color:var(--primary)}.pc-lang-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pc-content{flex:1;grid-template-columns:480px 1fr;gap:0;display:grid}.pc-input-section{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:32px;padding:40px 40px 60px;display:flex;overflow-y:auto}.pc-form-group{flex-direction:column;gap:10px;display:flex}.pc-form-group>label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:10px;font-size:.8125rem;font-weight:700;display:flex}.pc-step-num{background:var(--primary);color:#fff;letter-spacing:0;text-transform:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:inline-flex}.pc-upload-area{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--bg);padding:36px 24px;transition:border-color .2s,background .2s;position:relative}.pc-upload-area:hover{border-color:var(--primary);background:#fafbff}.pc-upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pc-upload-placeholder{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex}.pc-upload-icon{opacity:.7;margin-bottom:4px;font-size:2rem;display:block}.pc-upload-placeholder p{color:var(--text);font-size:.9375rem;font-weight:500}.pc-upload-placeholder small{color:var(--text-muted);font-size:.8125rem}.pc-photo-preview{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.pc-photo-preview img{object-fit:cover;width:100%;height:180px;display:block}.pc-textarea,.pc-input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);padding:11px 14px;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.pc-textarea{resize:vertical;min-height:110px}.pc-textarea:focus,.pc-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.pc-textarea::placeholder,.pc-input::placeholder{color:#9ca3af}.pc-char-count{text-align:right;color:var(--text-muted);font-size:.8125rem}.pc-address-fields{flex-direction:column;gap:10px;display:flex}.pc-address-row{grid-template-columns:120px 1fr;gap:10px;display:grid}.pc-generate-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 30%, transparent);letter-spacing:.01em;border:none;margin-top:4px;padding:14px 24px;font-size:.9375rem;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s}.pc-generate-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 35%, transparent);transform:translateY(-1px)}.pc-generate-btn:active:not(:disabled){transform:translateY(0)}.pc-generate-btn:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#d1d5db}.pc-download-section{border-radius:var(--radius);background:#f0fdf4;border:1.5px solid #bbf7d0;padding:20px}.pc-download-section h3{color:#15803d;margin-bottom:14px;font-size:.9375rem;font-weight:600}.pc-download-buttons{flex-direction:column;gap:8px;display:flex}.pc-download-btn{color:#fff;border-radius:var(--radius);text-align:center;background:#16a34a;padding:11px 18px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.pc-download-btn:hover{background:#15803d}.pc-download-btn-primary{background:var(--primary);box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 25%, transparent);padding:13px 18px;font-size:.9375rem}.pc-download-btn-primary:hover{background:var(--primary-hover)}.pc-download-separator{text-align:center;color:var(--text-muted);margin:2px 0;font-size:.8125rem;font-style:italic}.pc-preview-section{background:var(--bg);flex-direction:column;gap:20px;padding:40px;display:flex}.pc-preview-tabs{border-bottom:2px solid var(--border);display:flex}.pc-tab-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 20px 12px;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.pc-tab-btn:hover{color:var(--text)}.pc-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.pc-preview-container{background-color:#e5e7eb;background-image:linear-gradient(45deg,#d1d5db 25%,#0000 25%),linear-gradient(-45deg,#d1d5db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d1d5db 75%),linear-gradient(-45deg,#0000 75%,#d1d5db 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:320px;padding:24px;display:flex}.pc-preview-card{filter:drop-shadow(0 6px 24px #0000002e);max-width:100%}.pc-preview-card img{border-radius:4px;width:100%;height:auto;display:block}.pc-preview-loading{color:var(--text-muted);font-size:.9375rem}.pc-preview-info{text-align:center;color:var(--text-muted);font-size:.8125rem}.hidden{display:none!important}@media (max-width:1024px){.pc-content{grid-template-columns:1fr}.pc-header{padding:16px 24px}.pc-input-section{border-right:none;border-bottom:1px solid var(--border);padding:32px 32px 40px}.pc-preview-section{padding:32px}}@media (max-width:640px){.pc-header{gap:12px;padding:14px 16px}.pc-header-logo img{max-width:120px;max-height:36px}.pc-header h1{font-size:1.0625rem}.pc-header p{display:none}.pc-input-section{gap:24px;padding:20px 16px 100px}.pc-textarea,.pc-input{padding:12px 14px;font-size:16px}.pc-upload-area{padding:28px 16px}.pc-photo-preview img{height:160px}.pc-generate-btn{z-index:20;border-radius:0;margin-top:0;padding:18px 24px;font-size:1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000001f}.pc-download-section{margin-bottom:8px}.pc-download-btn,.pc-download-btn-primary{padding:14px 18px;font-size:.9375rem}.pc-preview-section{gap:14px;padding:20px 16px 32px}.pc-preview-container{min-height:200px;padding:14px}.pc-tab-btn{text-align:center;flex:1;padding:10px 12px 12px}}