*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background:var(--bg-gradient);min-height:100vh;padding:20px 10px;color:#333;position:relative}#dropOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(117,63,169,0.85);z-index:9999;color:white;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:bold;pointer-events:none}#dropOverlay.active{display:flex}.app-container{max-width:1100px;margin:0 auto;background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;transition:var(--transition)}.app-container.preview-hidden{grid-template-columns:1fr !important;max-width:650px}.app-container.form-hidden{grid-template-columns:1fr !important;max-width:600px}.header-banner{grid-column:1 / -1;background:var(--primary-color);color:white;text-align:center;padding:20px;position:relative}.header-banner h1{font-size:24px;font-weight:600;letter-spacing:0.5px}.form-section{padding:25px;background:#fafafa;border-right:1px solid #eee;transition:var(--transition)}.preview-section{padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;transition:var(--transition)}.field-toggles{background:#f0f0f0;padding:12px 15px;border-radius:8px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:600}.toggle-group-left{display:flex;flex-wrap:wrap;gap:15px}.toggle-item{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-item input[type="checkbox"]{accent-color:var(--primary-color);width:16px;height:16px;cursor:pointer}.live-preview-switch{background:#e2d3f5;padding:4px 10px;border-radius:20px;border:1px solid var(--primary-color);color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}label{font-size:12px;font-weight:700;margin-bottom:5px;color:#444;display:flex;align-items:center;gap:5px}input[type="text"],input[type="number"],input[type="date"],select{width:100%;padding:9px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;transition:var(--transition);outline:none;background:#fff}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(117,63,169,0.15)}.upload-zone{border:2px dashed #bbb;border-radius:8px;padding:15px;text-align:center;cursor:pointer;background:#fff;transition:var(--transition);margin-top:5px;position:relative}.upload-zone:hover{border-color:var(--primary-color);background:rgba(117,63,169,0.02)}.upload-zone i{font-size:24px;color:var(--primary-color);margin-bottom:5px}.upload-zone p{font-size:12px;color:#666}.upload-zone input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.btn-generate-submit{display:none;width:100%;background-color:var(--primary-color);color:white;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;margin-top:15px;transition:var(--transition)}.btn-generate-submit:hover{background-color:var(--primary-hover)}.cut{border:1px dashed darkcyan;padding:5px;margin:auto;max-width:420px;width:100%;background:#fff;border-radius:12px}.passbook{background-color:white;color:black;position:relative;width:100%;min-height:250px;padding:0;border-bottom:2px solid var(--primary-color);border-left:2px solid var(--primary-color);border-top:2px solid var(--accent-red);border-right:2px solid var(--accent-red);border-radius:10px;overflow:hidden;box-sizing:border-box}#bg-img{position:absolute;z-index:1;top:60px;left:50%;transform:translateX(-50%);height:160px;opacity:0.08;pointer-events:none}#headphoto{width:100%;display:block;margin-bottom:8px;object-fit:cover}.card-inner-padding{padding:0 10px 10px 10px;position:relative;z-index:2}.right-photo-qr-stack{position:absolute;top:0;right:10px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3}#previewPhoto{width:90px;height:110px;object-fit:cover;border-bottom:2px solid var(--primary-color);border-left:2px solid var(--primary-color);border-top:2px solid var(--accent-red);border-right:2px solid var(--accent-red);border-radius:8px;background:#e9e9e9}.qr-card-container{text-align:center;display:flex;flex-direction:column;align-items:center}#previewQR{width:65px;height:65px;object-fit:contain;border:1px solid #ccc;padding:2px;background:#fff;border-radius:4px}table#previewTable{width:calc(100% - 105px);border-collapse:collapse;margin-bottom:2px;font-size:10.5px;line-height:1.3}table#previewTable td{font-weight:normal;color:#333;padding:1px 0;white-space:nowrap}table#previewTable th{text-align:left;font-weight:bold;color:#000;padding:1px 0 1px 5px;word-break:break-word}.controls-wrapper{width:100%;max-width:420px;margin-top:15px;display:flex;flex-direction:column;gap:12px}.qr-toggle-row{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e0e0e0;font-size:13px;font-weight:600}.button-group{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%}.btn{border:none;border-radius:6px;font-weight:600;color:white;padding:10px 4px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;transition:var(--transition);text-decoration:none}.btn:hover{opacity:0.9;transform:translateY(-1px)}.btn-edit-back{background-color:#ff9800}.btn-reload{background-color:#dc3545}.btn-download{background-color:#0d6efd}.btn-pdf{background-color:#6f42c1}.btn-print{background-color:#198754}#note{margin-top:10px;font-size:9px;color:#666;border:1px solid #ddd;padding:8px;border-radius:6px;background:#fff;line-height:1.3;max-width:420px}.switch{position:relative;display:inline-block;width:38px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}input:checked + .slider{background-color:var(--primary-color)}input:checked + .slider:before{transform:translateX(18px)}@media screen and (max-width:850px){.app-container{grid-template-columns:1fr}.form-section{border-right:none;border-bottom:1px solid #eee}}@media screen and (max-width:480px){body{padding:5px}.form-section,.preview-section{padding:15px}.form-grid{grid-template-columns:1fr}.button-group{grid-template-columns:repeat(3,1fr)}#previewPhoto{width:75px;height:95px}#previewQR{width:55px;height:55px}table#previewTable{width:calc(100% - 90px);font-size:9.5px}}@media print{body *{visibility:hidden}body{background:#fff}.cut,.cut *{visibility:visible}.cut{position:absolute;left:20%;top:20;width:100% !important;max-width:420px !important;padding:2 !important;border-radius:0 !important}.passbook{box-shadow:none !important}#note,.controls-wrapper,.form-section,.header-banner,#dropOverlay{display:none !important}}