.massai-designer-wrapper{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.massai-designer-layout{display:flex;flex-direction:column;gap:24px;width:100%}.massai-panel-title{font-size:18px;font-weight:600;margin:0 0 20px 0;padding-bottom:10px;border-bottom:2px solid #e0e0e0;color:#333}.massai-input-panel{width:100%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.08);box-sizing:border-box;order:1}.massai-fields-container{margin-bottom:24px}.massai-field-group{margin-bottom:16px}.massai-field-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.massai-field-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box}.massai-field-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.massai-field-input::placeholder{color:#9ca3af}.massai-actions{display:flex;flex-direction:column;gap:10px}.massai-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s;text-decoration:none}.massai-btn:disabled{opacity:.6;cursor:not-allowed}.massai-btn svg{flex-shrink:0}.massai-btn-primary{background:#2563eb;color:#fff}.massai-btn-primary:hover:not(:disabled){background:#1d4ed8}.massai-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.massai-btn-secondary:hover:not(:disabled){background:#e5e7eb}.massai-btn-success{background:#059669;color:#fff}.massai-btn-success:hover:not(:disabled){background:#047857}.massai-preview-panel{width:100%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.08);box-sizing:border-box;order:2}.massai-canvas-container{background:#f9fafb;border-radius:8px;padding:16px;display:block;width:100%;box-sizing:border-box}.massai-canvas-container .canvas-container{margin:0 auto;display:block!important}.massai-canvas-container canvas{border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:block!important}.massai-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:massai-spin 0.75s linear infinite}@keyframes massai-spin{to{transform:rotate(360deg)}}.massai-error{background:#fef2f2;color:#991b1b;padding:16px;border-radius:8px;border:1px solid #fecaca;text-align:center}@media screen and (max-width:768px){.massai-designer-wrapper{padding:15px}.massai-designer-layout{gap:20px}.massai-input-panel,.massai-preview-panel{padding:20px;border-radius:10px}.massai-panel-title{font-size:16px;margin-bottom:16px}.massai-canvas-container{padding:15px}}@media screen and (max-width:480px){.massai-designer-wrapper{padding:10px}.massai-designer-layout{gap:16px}.massai-input-panel,.massai-preview-panel{padding:16px;border-radius:8px}.massai-panel-title{font-size:15px;margin-bottom:14px;padding-bottom:8px}.massai-field-group{margin-bottom:14px}.massai-field-group label{font-size:13px;margin-bottom:5px}.massai-field-input{padding:10px 12px;font-size:14px;border-radius:6px}.massai-btn{padding:11px 16px;font-size:14px;border-radius:6px}.massai-actions{gap:8px}.massai-canvas-container{padding:12px;border-radius:6px}}@media screen and (max-width:360px){.massai-designer-wrapper{padding:8px}.massai-input-panel,.massai-preview-panel{padding:14px}.massai-field-input{padding:9px 10px;font-size:13px}.massai-btn{padding:10px 14px;font-size:13px}.massai-canvas-container{padding:10px}}.woocommerce-order-details .massai-design-preview{max-width:300px;margin:10px 0}.woocommerce-order-details .massai-design-preview img{width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media print{.massai-input-panel,.massai-actions{display:none!important}.massai-designer-wrapper{padding:0;max-width:none}.massai-preview-panel{box-shadow:none;padding:0}.massai-canvas-container{background:none;padding:0}}