.bildworterbuch-container{--primary-blue:#2563eb;--bg-light-blue:#f3f8ff;--text-dark:#1f2937;--text-gray:#6b7280;--card-bg:#fff;--color-der:#2563eb;--color-die:#ef4444;--color-das:#10b981;max-width:1000px;margin:0 auto;padding:40px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-dark)}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.add-word-panel{background:var(--card-bg);border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.04);gap:20px;margin-bottom:40px}.add-word-panel,.upload-area{display:flex;align-items:center}.upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;color:var(--text-gray);cursor:pointer;flex-shrink:0;width:150px;transition:all .3s ease;flex-direction:column;justify-content:center}.upload-area:hover{border-color:var(--primary-blue);color:var(--primary-blue);background-color:#f8fafc}.form-inputs{flex-grow:1;display:flex;flex-direction:column;gap:15px}.input-field{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:50px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .3s ease}.input-field:focus{border-color:var(--primary-blue)}.btn-primary{background-color:var(--primary-blue);color:#fff;border:none;border-radius:50px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:-moz-fit-content;width:fit-content}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px)}.dictionary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.word-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;position:relative}.word-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.card-image{width:100%;height:160px;background-color:#e2e8f0;-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#94a3b8}.card-content{padding:20px}.word-title{font-size:18px;font-weight:700;margin:0 0 5px;color:var(--text-dark)}.word-translation{font-size:14px;color:var(--text-gray);margin:0}.article-indicator{height:6px;width:100%;position:absolute;top:0;left:0}.der .article-indicator{background-color:var(--color-der)}.die .article-indicator{background-color:var(--color-die)}.das .article-indicator{background-color:var(--color-das)}.der .word-title{color:var(--color-der)}.die .word-title{color:var(--color-die)}.das .word-title{color:var(--color-das)}