:root{--sap-bg-primary:#fff;--sap-bg-secondary:#f8fafc;--sap-bg-tertiary:#f1f5f9;--sap-text-primary:#1e293b;--sap-text-secondary:#475569;--sap-text-muted:#64748b;--sap-border:#e2e8f0;--sap-border-light:#f1f5f9;--sap-brand:#2563eb;--sap-brand-hover:#1d4ed8;--sap-brand-light:#eef2ff;--sap-success:#10b981;--sap-danger:#ef4444;--sap-danger-light:#fee2e2;--sap-shadow:#0000000d;--sap-shadow-md:#0000001a}@media (prefers-color-scheme:dark){:root{--sap-bg-primary:#1e293b;--sap-bg-secondary:#0f172a;--sap-bg-tertiary:#334155;--sap-text-primary:#f1f5f9;--sap-text-secondary:#cbd5e1;--sap-text-muted:#94a3b8;--sap-border:#334155;--sap-border-light:#1e293b;--sap-brand:#3b82f6;--sap-brand-hover:#60a5fa;--sap-brand-light:#1e3a5f;--sap-success:#34d399;--sap-danger:#f87171;--sap-danger-light:#7f1d1d;--sap-shadow:#0003;--sap-shadow-md:#0000004d}}.dark-mode{--sap-bg-primary:#1e293b;--sap-bg-secondary:#0f172a;--sap-bg-tertiary:#334155;--sap-text-primary:#f1f5f9;--sap-text-secondary:#cbd5e1;--sap-text-muted:#94a3b8;--sap-border:#334155;--sap-border-light:#1e293b;--sap-brand:#3b82f6;--sap-brand-hover:#60a5fa;--sap-brand-light:#1e3a5f;--sap-success:#34d399;--sap-danger:#f87171;--sap-danger-light:#7f1d1d;--sap-shadow:#0003;--sap-shadow-md:#0000004d}.light-mode{--sap-bg-primary:#fff;--sap-bg-secondary:#f8fafc;--sap-bg-tertiary:#f1f5f9;--sap-text-primary:#1e293b;--sap-text-secondary:#475569;--sap-text-muted:#64748b;--sap-border:#e2e8f0;--sap-border-light:#f1f5f9;--sap-brand:#2563eb;--sap-brand-hover:#1d4ed8;--sap-brand-light:#eef2ff;--sap-success:#10b981;--sap-danger:#ef4444;--sap-danger-light:#fee2e2;--sap-shadow:#0000000d;--sap-shadow-md:#0000001a}.form-container{background:var(--sap-bg-primary);max-width:1200px;box-shadow:var(--sap-shadow);border-radius:12px;margin:0 auto;padding:2rem}.form-section{border-bottom:1px solid var(--sap-border);margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:var(--sap-text-primary);margin:0 0 1rem;font-size:1.1rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-input,.form-textarea,.form-select{border:1px solid var(--sap-border);background:var(--sap-bg-primary);width:100%;color:var(--sap-text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--sap-brand);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--sap-text-muted)}.form-textarea{resize:vertical;min-height:80px}.file-upload-area{border:2px dashed var(--sap-border);text-align:center;background:var(--sap-bg-secondary);cursor:pointer;border-radius:12px;margin-bottom:1rem;padding:2rem;transition:all .2s}.file-upload-area:hover{border-color:var(--sap-brand);background:var(--sap-brand-light)}.file-upload-label{cursor:pointer;display:block}.file-input{display:none}.upload-prompt{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{font-size:2rem}.upload-prompt span{color:var(--sap-text-primary);font-weight:600}.upload-prompt small{color:var(--sap-text-muted)}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem;display:grid}.image-preview-item{aspect-ratio:1;border:1px solid var(--sap-border);background:var(--sap-bg-secondary);border-radius:8px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.remove-image{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.remove-image:hover{background:var(--sap-danger)}.spec-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.spec-input-box{flex-direction:row;gap:.5rem;width:50%;display:flex}.spec-input{border:1px solid var(--sap-border);background:var(--sap-bg-primary);width:100%;color:var(--sap-text-primary);border-radius:6px;padding:.6rem}.spec-input:focus{border-color:var(--sap-brand);outline:none}.spec-select-box{width:50%;display:flex}.spec-key-select{width:100%}.remove-spec{border:1px solid var(--sap-border);cursor:pointer;width:36px;height:36px;color:var(--sap-danger);background:0 0;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-spec:hover{background:var(--sap-danger-light);border-color:var(--sap-danger)}.btn-add-spec{background:var(--sap-bg-secondary);border:1px dashed var(--sap-border);cursor:pointer;width:100%;color:var(--sap-brand);border-radius:8px;margin-top:.5rem;padding:.75rem;font-weight:500;transition:all .2s}.btn-add-spec:hover{background:var(--sap-brand-light);border-color:var(--sap-brand)}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-primary{background:var(--sap-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--sap-brand-hover);transform:translateY(-1px)}.btn-secondary{background:var(--sap-bg-secondary);color:var(--sap-text-primary);border:1px solid var(--sap-border);cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--sap-bg-tertiary)}@media (max-width:768px){.form-container{max-width:100%;box-shadow:none;width:100%;padding:1rem}.form-row{grid-template-columns:1fr}.spec-row{flex-direction:column}.spec-select-box,.spec-input-box{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:480px){.form-container{min-width:100%;box-shadow:none;padding:.75rem}.form-row{grid-template-columns:1fr}.form-section h3{font-size:1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}